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 !