Créer un bloc dans Magento 2

Découvrez le tutoriel Magento 2 sur la création de blocs.

blocks magento

Étape 1: Créez votre module

A l’aide du tutoriel ?Créer un module Magento 2?, créez votre module Gone/MyModule dans le répertoire app/code.?

Étape 2: Créez un fichier de bloc

Dans votre module, allez dans app/code/Gone/MyModule/Block et créez un fichier PHP pour votre bloc. Appelez-le MyBloc.php.

Contenu pour MyBloc.php :

<?php
namespace Gone\MyModule\Block;

use Magento\Framework\View\Element\Template;

class MyBloc extends Template
{
    public function getMyMessage()
    {
        return 'Hello World !';
    }
}

Dans cet exemple, la méthode getMyMessage est une méthode personnalisée que vous pouvez appeler dans votre fichier de template.

Étape 3: Ajoutez un fichier de template

Créez un fichier de template dans app/code/Gone/MyModule/view/frontend/templates. Appelez ce fichier my_template.phtml.

Contenu pour my_template.phtml :

<div>
    <?php echo $block->getMyMessage(); ?>
</div>

Étape 4: Définissez le fichier de template dans le fichier XML de mise en page

Dans app/code/Gone/MyModule/view/frontend/layout, créez un fichier XML pour définir où votre bloc apparaîtra. Par exemple, pour ajouter le bloc à toutes les pages, créez un fichier appelé default.xml.

Contenu pour default.xml :

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <block class="Gone\MyModule\Block\MyBloc" name="my_bloc" template="Gone_MyModule::my_template.phtml"/>
        </referenceContainer>
    </body>
</page>

Étape 5: Nettoyez le cache

Après avoir ajouté ces fichiers, nettoyez le cache de Magento :

php bin/magento cache:clean

Étape 6: Vérifiez votre bloc

Naviguez dans votre site Magento et vous devriez voir votre bloc afficher « Hello World ! » sur toutes les pages.

Étape 7 : Activer le module

Dans le terminal, naviguez jusqu’à la racine de Magento et exécutez les commandes suivantes :

php bin/magento setup:upgrade 
php bin/magento cache:flush

Votre bloc est maintenant créé, fonctionnel et activé ! Si ce tutoriel vous a plu, n’hésitez pas à aller voir nos formations Magento 2 pour tous les niveaux et besoins : développeur, gestion e-commerce… Pour aller plus loin, vous pouvez également faire appel à notre agence Magento 2 !

Découvrez nos autres tutoriels Magento 2 :

Tuto Mise en place de la traduction
20/09/2023

Mise en place de la traduction sur Magento 2 : comment faire ?

Nous vous aidons à mettre en place, en quelques étapes, la traduction sur l'ensemble de votre site dans la langue que vous souhaitez.
Tuto Surcharger un template Magento 2
20/09/2023

Surcharger un template sur Magento 2 : comment faire ?

Nous vous aidons à surcharger un template sur votre CMS de prédilection, et ce en 5 étapes seulement.
Tuto Créer une méthode de livraison personnalisée
20/09/2023

Créer une méthode de livraison personnalisée sur Magento 2 : notre tuto

Découvrez comment créer une méthode de livraison personnalisée sous Magento 2 en quelques étapes seulement, et simplifiez la vie de vos utilisateurs !
Tuto Créer un thème personnalisé Magento 2
20/09/2023

Thème personnalisé sous Magento 2 : créez le vôtre rapidement !

Nous vous aidons à créer votre propre thème personnalisé sous Magento 2 en quelques étapes seulement. Découvrez notre tuto !
Tuto Créer un plugin
20/09/2023

Créer un plugin sur Magento 2 en 6 étapes : découvrez la marche à suivre !

Vous souhaitez créer votre propre plugin sur Magento 2 ? Pas de soucis : on vous aide à le mettre en place !