bloc statique – devfrontend.info

[Magento 2] Afficher de manière dynamique la base URL d’un store dans un bloc statique, un template PHTML, un layout XML

10/12/2020 / admin

Note: billet amené à être enrichi au gré de mes besoins.

Doc officielle: Using Markup Tags in Links

Blocs CMS statiques

// testé OK Magento 2.3 CE
<a href="{{store url="clé-d_URL-de-la-page"}}">Ma jolie page</a>

1 2	// testé OK Magento 2.3 CE <a href="{{store url="clé-d_URL-de-la-page"}}">Ma jolie page</a>

// Avec un ID de catégorie - testé OK Magento 2.4 CE
// Note: si on supprime les attributs "anchor_text" et "title", ils sont renseignés automatiquement
{{widget type="Magento\Catalog\Block\Category\Widget\Link" anchor_text="My custom category" title="Custom category" template="category/widget/link/link_block.phtml" id_path="category/12"}}

// Avec un ID de catégorie - testé OK Magento 2.4 CE

// Note: si on supprime les attributs "anchor_text" et "title", ils sont renseignés automatiquement

{{widget type="Magento\Catalog\Block\Category\Widget\Link" anchor_text="My custom category" title="Custom category" template="category/widget/link/link_block.phtml" id_path="category/12"}}

Documentation

<!--
* CONTENU > Elements > Blocs
* Cliquer sur le bouton orange "Ajouter un nouveau bloc" (en haut à droite)
* Activer le bloc: Oui
* Titre du bloc: [header] desktop static nav
* Identifiant: desktop-static-nav
* Vue magasin: Toutes les vues magasin
* Cliquer sur le bouton "Affiche/masquer l'éditeur" pour passer en vue "code HTML"
* Copier/coller le contenu ci-dessous
* Cliquer sur le bouton orange "Enregistrer" (en haut à droite)


= Code pour une page (hors catalogue) =
* Renseigner la clé d'URL de la page cible en tant que valeur de l'attribut "url"
* Renseigner un libellé pour votre lien

<li class="nav-list-item">
    <a href="{{store url="clé-d_URL-de-la-page"}}">Libellé pour votre lien</a>
</li>


= Code pour une catégorie du catalogue =
* Renseigner l'ID de la catégorie en tant que valeur de l'attribut "id_path"
* Le reste se fait tout seul

<li class="nav-list-item">
    {{widget
        type="Magento\Catalog\Block\Category\Widget\Link"
        template="category/widget/link/link_block.phtml"
        id_path="category/17"}}
</li>
-->

<ul class="nav-list">
    <li class="nav-list-item">
        <a href="{{store url="clé-d_URL-de-la-page"}}">Libellé de votre lien</a>
    </li>
    <li class="nav-list-item">
        {{widget
            type="Magento\Catalog\Block\Category\Widget\Link"
            template="category/widget/link/link_block.phtml"
            id_path="category/17"}}
    </li>
</ul>

<!--

* CONTENU > Elements > Blocs

* Cliquer sur le bouton orange "Ajouter un nouveau bloc" (en haut à droite)

* Activer le bloc: Oui

* Titre du bloc: [header] desktop static nav

* Identifiant: desktop-static-nav

* Vue magasin: Toutes les vues magasin

* Cliquer sur le bouton "Affiche/masquer l'éditeur" pour passer en vue "code HTML"

* Copier/coller le contenu ci-dessous

* Cliquer sur le bouton orange "Enregistrer" (en haut à droite)

= Code pour une page (hors catalogue) =

* Renseigner la clé d'URL de la page cible en tant que valeur de l'attribut "url"

* Renseigner un libellé pour votre lien

<a href="{{store url="clé-d_URL-de-la-page"}}">Libellé pour votre lien</a>

</li>

= Code pour une catégorie du catalogue =

* Renseigner l'ID de la catégorie en tant que valeur de l'attribut "id_path"

* Le reste se fait tout seul

{{widget

type="Magento\Catalog\Block\Category\Widget\Link"

template="category/widget/link/link_block.phtml"

id_path="category/17"}}

</li>

-->

<a href="{{store url="clé-d_URL-de-la-page"}}">Libellé de votre lien</a>

</li>

{{widget

type="Magento\Catalog\Block\Category\Widget\Link"

template="category/widget/link/link_block.phtml"

id_path="category/17"}}

</li>

</ul>

Templates PHTML

Testé fonctionnel Magento 2.4:

<?php
echo $this->getLayout()
->createBlock('Magento\Cms\Block\Block')
->setBlockId('your_block_ID')
->toHtml();
?>

<?php

echo $this->getLayout()

->createBlock('Magento\Cms\Block\Block')

->setBlockId('your_block_ID')

->toHtml();

Layouts XML

Pas testé:

{{block class="Magento\\Cms\\Block\\Block" block_id="block_ID"}}

1	{{block class="Magento\\Cms\\Block\\Block" block_id="block_ID"}}

[Magento 2] Inclure un bloc statique depuis un champ WYSIWYG

10/01/2020 / admin

Inclure un bloc statique depuis n’importe quel champ WYSIWYG (contenu de page CMS, etc…).

{{block class="Magento\Cms\Block\Block" block_id="[Identifier]"}}

1	{{block class="Magento\Cms\Block\Block" block_id="[Identifier]"}}

Exemple:

{{block class="Magento\Cms\Block\Block" block_id="test_content"}}

1	{{block class="Magento\Cms\Block\Block" block_id="test_content"}}

[Magento 1.9] Récupérer la valeur du champ « Title » d’un bloc statique et l’afficher dans un phtml

02/02/2017 / admin

<?php echo Mage::getModel('cms/block')->load('footer-links-company')->getTitle() ?>

1	<?php echo Mage::getModel('cms/block')->load('footer-links-company')->getTitle() ?>

…où footer-links-company est l’identifiant du bloc.

[Magento] Récupérer l’URL du skin dans un bloc statique

13/10/2014 / admin

Pour charger une image consignée dans /skin/frontend/default/_nom_de_mon_skin_/images/ dans un bloc statique :

<img src="{{skin url='images/_libellé_du_fichier_image_.png'}}" alt="" />

1	<img src="{{skin url='images/_libellé_du_fichier_image_.png'}}" alt="" />

Même chose depuis un fichier template (phtml) :

<img src="<?php echo $this->getSkinUrl('images/_libellé_du_fichier_image_.png'); ?>" alt="" />

1	<img src="<?php echo $this->getSkinUrl('images/_libellé_du_fichier_image_.png'); ?>" alt="" />

[Magento] Insérer un bloc statique créé en backoffice dans un gabarit de page depuis un fichier de layout xml et un fichier de template phtml

13/10/2014 / admin

Admettons qu’on souhaite insérer un bloc statique dans la partie header d’une page. Il y a 3 étapes à suivre :

Editer le fichier de layout

Rendez-vous dans le répertoire /app/design/frontend/default/_nom_du_theme_/layout/ et localiser le fichier page.xml. Dans ce fichier, localiser le code se référant au header de la page (dans le thème par défaut) :

<block type="page/html_header" name="header" as="header">
    [...]
</block>

[...]

</block>

Et ajoutez-y le code suivant :

<block type="cms/block" name="nb.headband" as="nbHeadband">
    <action method="setBlockId">
        <id>nb-headband</id>
    </action>
</block>

<id>nb-headband</id>

</action>

</block>

La méthode setBlockId permet de déclarer l’ID du bloc statique créé en back-office à ajouter.
Ne pas oublier :

de renseigner correctement les attributs name= »nb.headband » et as= »nbHeadband »
de renseigner correctement l’ID du bloc statique créé en back-office

Editer le fichier de template

Rendez-vous ensuite dans le répertoire /app/design/frontend/default/_nom_du_theme_/template/page/html/ et localiser le fichier header.phtml. Dans ce fichier, à l’endroit où vous souhaitez voir apparaître votre bloc statique, ajoutez la méthode suivante :

<?php echo $this->getChildHtml('nbHeadband') ?>

1	<?php echo $this->getChildHtml('nbHeadband') ?>

…où nbHeadband correspond à l’attribut as rensigné dans le fichier page.xml.

Créer le bloc statique en backoffice

Rendez-vous dans CMS > Blocs statiques et cliquez sur le bouton Ajouter un nouveau bloc. Le champ identifiant doit porter le même libellé que celui déclaré plus haut dans le fichier page.xml à savoir, pour notre exemple, nb-headband.

Articles récents

Catégories

Archives

Méta

Étiquette : bloc statique

[Magento 2] Afficher de manière dynamique la base URL d’un store dans un bloc statique, un template PHTML, un layout XML

Blocs CMS statiques

Documentation

Templates PHTML

Layouts XML

[Magento 2] Inclure un bloc statique depuis un champ WYSIWYG

[Magento 1.9] Récupérer la valeur du champ « Title » d’un bloc statique et l’afficher dans un phtml

[Magento] Récupérer l’URL du skin dans un bloc statique

[Magento] Insérer un bloc statique créé en backoffice dans un gabarit de page depuis un fichier de layout xml et un fichier de template phtml

Editer le fichier de layout

Editer le fichier de template

Créer le bloc statique en backoffice