Étiquette : phtml

[Magento 2] Afficher le formulaire de connexion client dans n’importe quel template PHTML

29/01/2021 / admin

Testé fonctionnel Magento 2.4 CE. Source: Magento 2: Call customer login page in other phtml.

<?php echo $this->getLayout()->createBlock("Magento\Customer\Block\Form\Login")->setTemplate("Magento_Customer::form/login.phtml")->toHtml();?>
<?php echo $this->getLayout()->createBlock("Magento\Customer\Block\Form\Login\Info")->setTemplate("Magento_Customer::newcustomer.phtml")->toHtml(); ?>

1 2	<?php echo $this->getLayout()->createBlock("Magento\Customer\Block\Form\Login")->setTemplate("Magento_Customer::form/login.phtml")->toHtml();?> <?php echo $this->getLayout()->createBlock("Magento\Customer\Block\Form\Login\Info")->setTemplate("Magento_Customer::newcustomer.phtml")->toHtml(); ?>

[Magento 2] Depuis un template PHTML, détecter si la page sur laquelle nous nous trouvons est la homepage, une page produit, une page catégorie

21/01/2021 / admin

Source: How to check IsHomePage in Magento 2? Are we on the homepage?

<?php if ($this->getRequest()->getFullActionName() == 'cms_index_index') : ?>
    <h1>you are on the homepage</h1>
<?php endif; ?>

<?php if ($this->getRequest()->getFullActionName() == 'cms_index_index') : ?>

<h1>you are on the homepage</h1>

<?php endif; ?>

if ($this->getRequest()->getFullActionName() == 'cms_index_index') {
    //you are on the homepage
}
if ($this->getRequest()->getFullActionName() == 'catalog_product_view') {
    //you are on the product page
}
if ($this->getRequest()->getFullActionName() == 'catalog_category_view') {
    //you are on the category page
}

if ($this->getRequest()->getFullActionName() == 'cms_index_index') {

//you are on the homepage

}

if ($this->getRequest()->getFullActionName() == 'catalog_product_view') {

//you are on the product page

}

if ($this->getRequest()->getFullActionName() == 'catalog_category_view') {

//you are on the category page

}

[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] Ajouter des blocs enfants via les layouts XML et la fonction getChildHtml dans un template PHTML

08/12/2020 / admin

Note: voir ici pour les méthodes communément disponibles pour la variable $block. Elles vous permettront de récupérer pas mal d’infos disponibles dans n’importe quel template PHTML.

Fonctionnel Magento 2.4. Sources:

Layout XML sales_order_view.xml qui imbrique plusieurs informations additionnelles (Statut, date de la commande et l'action-toolbar) dans l’élément <div class="page-title-wrapper">.
Add custom attribute below title in Magento 2.1 – La meilleure réponse résume parfaitement et de manière concise la problématique.

app/code/Magento/Sales/view/frontend/layout/sales_order_view.xml

        <referenceContainer name="page.main.title">
            <block class="Magento\Sales\Block\Order\Info" name="order.status" template="Magento_Sales::order/order_status.phtml"/>
            <block class="Magento\Sales\Block\Order\Info" name="order.date" template="Magento_Sales::order/order_date.phtml"/>
            <container name="order.actions.container" htmlTag="div" htmlClass="actions-toolbar order-actions-toolbar">
                <block class="Magento\Sales\Block\Order\Info\Buttons" as="buttons" name="sales.order.info.buttons" cacheable="false"/>
            </container>
        </referenceContainer>

</container>

</referenceContainer>

Dans le DOM, les block imbriqués seront inclus à l’endroit où se trouve déclarée la fonction dans le PHTML du referenceContainer:

<?= $block->getChildHtml() ?>

1	<?= $block->getChildHtml() ?>

Comment afficher un child block en particulier?

$block->getChildHtml('child-name');

1	$block->getChildHtml('child-name');

[Magento 2] Utiliser action method= »setTemplate » pour surcharger un fichier PHTML dans app/code/Vendor/Module plutôt que dans un thème

06/10/2020 / admin

Je veux surcharger app/code/Magento/LayeredNavigation/view/frontend/templates/layer/view.phtml dans app/code/NakedUi/LayeredNavigation/view/frontend/layer/view.phtml. Source: How to Override a phtml File Using a Custom Module in Magento 2.

Créer un module NakedUi_LayeredNavigation qui contient au minimum les fichiers suivants:

./registration.php

<?php

use Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::MODULE, 'NakedUi_LayeredNavigation', __DIR__);

<?php

use Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::MODULE, 'NakedUi_LayeredNavigation', __DIR__);

./etc/module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="NakedUi_LayeredNavigation">
        <sequence>
            <module name="Magento_LayeredNavigation" />
        </sequence>
    </module>
</config>

<?xml version="1.0"?>

</sequence>

</module>

</config>

Puis dans ./view/frontend/layout, créer les deux fichiers suivants:

catalog_category_view_type_layered.xml et catalogsearch_result_index.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>
        <referenceBlock name="catalog.leftnav">
            <action method="setTemplate">
                <argument name="template" xsi:type="string">NakedUi_LayeredNavigation::layer/view.phtml</argument>
            </action>
        </referenceBlock>
    </body>
</page>

<?xml version="1.0"?>

<body>

<argument name="template" xsi:type="string">NakedUi_LayeredNavigation::layer/view.phtml</argument>

</action>

</referenceBlock>

</body>

</page>

Ne pas oublier de surcharger ./view/frontend/templates/layer/view.phtml

[Magento 2] Comment inclure et utiliser un fichier JS custom placé dans un thème depuis un template PHTML avec data-mage-init

04/06/2020 / admin

C’est par ici: [Magento 2] Vérifier qu’un utilisateur client est connecté à son compte et afficher son prénom dans un template PHTML.

Voir aussi: [Magento 2] Comment inclure et utiliser un fichier JS custom avec requireJS.

[Magento 2] Appeler un template PHTML depuis une page CMS

22/04/2020 / admin

Source: How to call a PHTML file within a CMS page Magento 2?

Formule générique:

{{block class="[BlockClassFullName]" template="[VendorName]_[ModuleName]::[YourTemplateFileLocation].phtml"}}

1	{{block class="[BlockClassFullName]" template="[VendorName]_[ModuleName]::[YourTemplateFileLocation].phtml"}}

Bloc par défaut:

{{block class="Magento\Framework\View\Element\Template" template="[VendorName]_[ModuleName]::[YourTemplateFileLocation].phtml"}}

1	{{block class="Magento\Framework\View\Element\Template" template="[VendorName]_[ModuleName]::[YourTemplateFileLocation].phtml"}}

[Magento 2] Récupérer dans un template PHTML des informations sur les différentes boutiques de votre site (ID, code, nom, URL, …)

10/03/2020 / admin

Sources: magento 2 How to get store Id phtml et How to get store information in Magento 2.

Exemple d’informations exploitables dans un fichier PHTML:

echo $block->getStoreId() . '<br />';
echo $block->getStoreCode() . '<br />';
echo $block->getWebsiteId() . '<br />';
echo $block->getStoreName() . '<br />';
echo $block->getStoreUrl() . '<br />';
echo $block->isStoreActive() . '<br />';

echo $block->getStoreId() . '<br />';

echo $block->getStoreCode() . '<br />';

echo $block->getWebsiteId() . '<br />';

echo $block->getStoreName() . '<br />';

echo $block->getStoreUrl() . '<br />';

echo $block->isStoreActive() . '<br />';

[Magento 2] Afficher une liste produits par sous-catégories sur la page principale d’une catégorie

18/02/2020 / admin

Par défaut, Magento 2 utilise un template PHTML unique pour afficher les listes produits d’une catégorie et de ses sous-catégories. Il s’agit du fichier vendor/magento/module-catalog/view/frontend/templates/product/list.phtml.

L’un des problèmes posé par ce mode de fonctionnement réside dans le fait qu’on se retrouve avec une page catégorie principale/main qui affiche, dans une liste unique, tous les produits contenus dans cette catégorie ainsi que ses sous-catégories et ceux sans aucun distingo. Ce qui nous donne, de manière très schématisée:

<h1>Ma catégorie principale</h1>
<ul>
<li>Produit issu de ma sous catégorie #1</li>
<li>Produit issu de ma sous catégorie #1</li>
<li>Produit issu de ma sous catégorie #3</li>
<li>Produit issu de ma sous catégorie #4</li>
<li>Produit issu de ma sous catégorie #1</li>
<li>Produit issu de ma sous catégorie #2</li>
<li>Produit issu de ma sous catégorie #2</li>
</ul>

<h1>Ma catégorie principale</h1>

<ul>

<li>Produit issu de ma sous catégorie #1</li>

<li>Produit issu de ma sous catégorie #3</li>

<li>Produit issu de ma sous catégorie #4</li>

<li>Produit issu de ma sous catégorie #1</li>

<li>Produit issu de ma sous catégorie #2</li>

</ul>

Le code décrit dans ce billet va permettre d’obtenir ceci:

<h1>Ma sous catégorie #1</h1>
<ul>
<li>Produit issu de ma sous catégorie #1</li>
<li>Produit issu de ma sous catégorie #1</li>
<li>Produit issu de ma sous catégorie #1</li>
</ul>
<h1>Ma sous catégorie #2</h1>
<ul>
<li>Produit issu de ma sous catégorie #2</li>
<li>Produit issu de ma sous catégorie #2</li>
</ul>
<h1>Ma sous catégorie #3</h1>
<ul>
<li>Produit issu de ma sous catégorie #3</li>
</ul>
<h1>Ma sous catégorie #4</h1>
<ul>
<li>Produit issu de ma sous catégorie #4</li>
</ul>

<h1>Ma sous catégorie #1</h1>

<ul>

<li>Produit issu de ma sous catégorie #1</li>

</ul>

<h1>Ma sous catégorie #2</h1>

<ul>

<li>Produit issu de ma sous catégorie #2</li>

</ul>

<h1>Ma sous catégorie #3</h1>

<ul>

<li>Produit issu de ma sous catégorie #3</li>

</ul>

<h1>Ma sous catégorie #4</h1>

<ul>

<li>Produit issu de ma sous catégorie #4</li>

</ul>

Création d’un Helper: `app/code/Pdv/Catalog/Helper/Data.php`

Note: j’avais déjà créé ce Helper pour récupérer les Simple Products associés à un Configurable Product. Consulter le billet en question pour de plus amples infos si vous ne souhaitez pas exploiter tout le code ci-dessous. Ce Helper étend vendor/magento/module-catalog/Helper/Data.php.

<?php

namespace Pdv\Catalog\Helper;

use Magento\Framework\Exception\NoSuchEntityException;

/**
 * Catalog data helper
 *
 */
class Data extends \Magento\Framework\App\Helper\AbstractHelper
{
    /**
     * @var \Pdv\Catalog\Model\Layer\Resolver $resolver
     */
    protected $resolver;

    /**
     * @var \Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable
     */
    protected $typeConfigurableResourceModel; // 1. Du nom du model dont je veux injecter la propriété de la classe

    /**
     * @var \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository
     */
    protected $categoryRepository;

    public function __construct(
        \Pdv\Catalog\Model\Layer\Resolver $resolver,
        \Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable $typeConfigurableResourceModel, // 2. Demande à Magento une instance de mon configurable ressource model
        \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository
    ) {
        $this->resolver = $resolver;
        $this->typeConfigurableResourceModel = $typeConfigurableResourceModel; // 3. ...et mappe le paramètre du constructeur avec la propriété de la classe
        $this->categoryRepository = $categoryRepository;
    }

    /**
     * @param int $id
     * @return \Magento\Catalog\Api\Data\CategoryInterface | \Magento\Catalog\Model\Category
     *
     * @throws NoSuchEntityException
     */
    public function getCategory($id = null)
    {
        return $id ? $this->categoryRepository->get($id) : $this->resolver->getCurrentCategory();
    }

    /**
     * @param $childId
     * @return string[]
     */
    public function getConfigurableParentIdsByChildId($childId)
    {
        // 4. Je donne accès à ma nouvelle méthode dans le PHTML
        return $this->typeConfigurableResourceModel->getParentIdsByChild($childId);
    }
}

<?php

namespace Pdv\Catalog\Helper;

use Magento\Framework\Exception\NoSuchEntityException;

/**

* Catalog data helper

class Data extends \Magento\Framework\App\Helper\AbstractHelper

{

/**

* @var \Pdv\Catalog\Model\Layer\Resolver $resolver

protected $resolver;

/**

* @var \Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable

protected $typeConfigurableResourceModel; // 1. Du nom du model dont je veux injecter la propriété de la classe

/**

* @var \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository

protected $categoryRepository;

public function __construct(

\Pdv\Catalog\Model\Layer\Resolver $resolver,

\Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable $typeConfigurableResourceModel, // 2. Demande à Magento une instance de mon configurable ressource model

\Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository

) {

$this->resolver = $resolver;

$this->typeConfigurableResourceModel = $typeConfigurableResourceModel; // 3. ...et mappe le paramètre du constructeur avec la propriété de la classe

$this->categoryRepository = $categoryRepository;

}

/**

* @param int $id

* @return \Magento\Catalog\Api\Data\CategoryInterface | \Magento\Catalog\Model\Category

* @throws NoSuchEntityException

public function getCategory($id = null)

{

return $id ? $this->categoryRepository->get($id) : $this->resolver->getCurrentCategory();

}

/**

* @param $childId

* @return string[]

public function getConfigurableParentIdsByChildId($childId)

{

// 4. Je donne accès à ma nouvelle méthode dans le PHTML

return $this->typeConfigurableResourceModel->getParentIdsByChild($childId);

}

Rajouts par rapport au Helper existant:

Sous la ligne namespace Pdv\Catalog\Helper;:

use Magento\Framework\Exception\NoSuchEntityException;

1	use Magento\Framework\Exception\NoSuchEntityException;

Sous la ligne protected $typeConfigurableResourceModel; // 1. Du nom du model dont je veux injecter la propriété de la classe:

    /**
     * @var \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository
     */
    protected $categoryRepository;

/**

* @var \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository

protected $categoryRepository;

Dans le constructeur, sous la ligne \Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable $typeConfigurableResourceModel // 2. Demande à Magento une instance de mon configurable ressource model (EN RAJOUTANT UNE VIRGULE en fin de la ligne existante):

\Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable $typeConfigurableResourceModel, // 2. Demande à Magento une instance de mon configurable ressource model
\Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository

1 2	\Magento\ConfigurableProduct\Model\ResourceModel\Product\Type\Configurable $typeConfigurableResourceModel, // 2. Demande à Magento une instance de mon configurable ressource model \Magento\Catalog\Api\CategoryRepositoryInterface $categoryRepository

Sous la ligne $this->typeConfigurableResourceModel = $typeConfigurableResourceModel; // 3. ...et mappe le paramètre du constructeur avec la propriété de la classe:

$this->categoryRepository = $categoryRepository;

1	$this->categoryRepository = $categoryRepository;

Le commentaire:

    /**
     * @return \Magento\Catalog\Model\Category
     */

/**

* @return \Magento\Catalog\Model\Category

…est enrichi comme suit:

    /**
     * @param int $id
     * @return \Magento\Catalog\Api\Data\CategoryInterface | \Magento\Catalog\Model\Category
     *
     * @throws NoSuchEntityException
     */

/**

* @param int $id

* @return \Magento\Catalog\Api\Data\CategoryInterface | \Magento\Catalog\Model\Category

* @throws NoSuchEntityException

Et la fonction getCurrentCategory() qui suit…

    public function getCurrentCategory()
    {
        return $this->resolver->getCurrentCategory();
    }

public function getCurrentCategory()

{

return $this->resolver->getCurrentCategory();

}

…est remaniée en:

    public function getCategory($id = null)
    {
        return $id ? $this->categoryRepository->get($id) : $this->resolver->getCurrentCategory();
    }

public function getCategory($id = null)

{

return $id ? $this->categoryRepository->get($id) : $this->resolver->getCurrentCategory();

}

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_category.phtml`

Ce template PHTML se contente de boucler, autant de fois qu’il y a de sous-catégories, sur le template Magento_Catalog::product/list_abonnements_subcategory.phtml qui est une version custom du template vendor/magento/module-catalog/view/frontend/templates/product/list.phtml.

<?php
/** @var \Magento\Catalog\Block\Product\ListProduct $block */
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$category = $objectManager->get('Magento\Framework\Registry')->registry('current_category');
$subcats = $category->getChildrenCategories();

$objectManager =  \Magento\Framework\App\ObjectManager::getInstance();
$categoryFactory = $objectManager->get('\Magento\Catalog\Model\CategoryFactory');
?>
<ul class="product details product-item-details">
    <?php
    /** @var \Magento\Catalog\Model\Category $subcat */
    foreach ($subcats as $subcat) {
        if ($subcat->getIsActive()) {
            /** @var \Magento\Catalog\Block\Product\ListProduct $categoryBlock */
            $categoryBlock = $block->getLayout()->createBlock("Magento\Catalog\Block\Product\ListProduct")
                ->setTemplate("Magento_Catalog::product/list_abonnements_subcategory.phtml")
                ->setCategoryId($subcat->getid());

            echo $categoryBlock->toHtml();
        }
    } ?>
</ul>

<?php

/** @var \Magento\Catalog\Block\Product\ListProduct $block */

$objectManager = \Magento\Framework\App\ObjectManager::getInstance();

$category = $objectManager->get('Magento\Framework\Registry')->registry('current_category');

$subcats = $category->getChildrenCategories();

$objectManager = \Magento\Framework\App\ObjectManager::getInstance();

$categoryFactory = $objectManager->get('\Magento\Catalog\Model\CategoryFactory');

<?php

/** @var \Magento\Catalog\Model\Category $subcat */

foreach ($subcats as $subcat) {

if ($subcat->getIsActive()) {

/** @var \Magento\Catalog\Block\Product\ListProduct $categoryBlock */

$categoryBlock = $block->getLayout()->createBlock("Magento\Catalog\Block\Product\ListProduct")

->setTemplate("Magento_Catalog::product/list_abonnements_subcategory.phtml")

->setCategoryId($subcat->getid());

echo $categoryBlock->toHtml();

}

} ?>

</ul>

L’équivalent de ce fichier list_abonnements_subcategory.phtml DOIT exister dans votre projet. Si vous n’avez pas besoin d’en créer un spécifique, vous pouvez boucler sur le template par défaut fourni par Magento 2. Dans le code ci-dessus: ->setTemplate("Magento_Catalog::product/list.phtml"). Edit: il faut en créer un spécifique pour exploiter notre Helper.

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_subcategory.phtml`

Ce template PHTML doit partir de vendor/magento/module-catalog/view/frontend/templates/product/list.phtml. Il est impératif de rajouter les lignes suivantes en haut de fichier, sous la ligne $hoverChange = $themeSettingConfig->getStoreConfig('themesettings/catalog/hover_change');:

/** @var \Pdv\Catalog\Helper\Data $helper */
$helper = $this->helper('Pdv\Catalog\Helper\Data');
/** @var \Magento\Catalog\Model\Category $currentCategory */
$currentCategory = $helper->getCategory($this->getCategoryId());
$currentCategoryProductCount = $currentCategory->getProductCount();

/** @var \Pdv\Catalog\Helper\Data $helper */

$helper = $this->helper('Pdv\Catalog\Helper\Data');

/** @var \Magento\Catalog\Model\Category $currentCategory */

$currentCategory = $helper->getCategory($this->getCategoryId());

$currentCategoryProductCount = $currentCategory->getProductCount();

`app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_category.xml`

Reportez-vous à ce billet pour voir comment afficher un layout différent selon une catégorie spécifique. Cette étape est indispensable pour faire pointer notre catégorie vers notre template PHTML spécifique app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_category.phtml. Un exemple de code pour ce fichier ci-dessous:

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer"/>
    </referenceContainer>

    <referenceContainer name="catalog.leftnav" remove="true" />

    <!--		From: vendor/magento/module-catalog/view/frontend/layout/catalog_category_view.xml-->
    <referenceContainer name="columns.top">
        <referenceBlock name="category.products.list" template="Magento_Catalog::product/list_abonnements_category.phtml">
            <action method="setTemplate">
                <argument name="template" xsi:type="string">Magento_Catalog::product/list_abonnements_category.phtml</argument>
            </action>
        </referenceBlock>
    </referenceContainer>
    <referenceContainer name="before.body.end">
        <block class="Magento\Framework\View\Element\Template"
               name="custom.file"
               before="-"
               template="Magento_Catalog::product/list_abonnements_js.phtml"
        />
    </referenceContainer>
</layout>

<?xml version="1.0"?>

</referenceContainer>

<argument name="template" xsi:type="string">Magento_Catalog::product/list_abonnements_category.phtml</argument>

</action>

</referenceBlock>

</referenceContainer>

<block class="Magento\Framework\View\Element\Template"

name="custom.file"

before="-"

template="Magento_Catalog::product/list_abonnements_js.phtml"

</referenceContainer>

</layout>

Vous voudrez aussi créer le layout XML `app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_subcategory.xml`

…pour fairez pointer les sous-catégories vers le template PHTML .

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer"/>
    </referenceContainer>

    <referenceContainer name="catalog.leftnav" remove="true" />

    <!--		From: vendor/magento/module-catalog/view/frontend/layout/catalog_category_view.xml-->
    <referenceContainer name="columns.top">
        <referenceBlock name="category.products.list" template="Magento_Catalog::product/list_abonnements_subcategory.phtml">
            <action method="setTemplate">
                <argument name="template" xsi:type="string">Magento_Catalog::product/list_abonnements_subcategory.phtml</argument>
            </action>
        </referenceBlock>
    </referenceContainer>
    <referenceContainer name="before.body.end">
        <block class="Magento\Framework\View\Element\Template"
               name="custom.file"
               before="-"
               template="Magento_Catalog::product/list_abonnements_js.phtml"
        />
    </referenceContainer>
</layout>

<?xml version="1.0"?>

</referenceContainer>

<argument name="template" xsi:type="string">Magento_Catalog::product/list_abonnements_subcategory.phtml</argument>

</action>

</referenceBlock>

</referenceContainer>

<block class="Magento\Framework\View\Element\Template"

name="custom.file"

before="-"

template="Magento_Catalog::product/list_abonnements_js.phtml"

</referenceContainer>

</layout>

Externaliser le code JS

Afin que le code JS initialement présent au bas du fichier list.phtml ne soit pas exécuté autant de fois qu’il existe de sous-catégories, il a été externalisé dans un fichier app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_js.phtml et déclaré de la sorte dans nos layouts XML spécifiques:

    <referenceContainer name="before.body.end">
        <block class="Magento\Framework\View\Element\Template"
               name="custom.file"
               before="-"
               template="Magento_Catalog::product/list_abonnements_js.phtml"
        />
    </referenceContainer>

<block class="Magento\Framework\View\Element\Template"

name="custom.file"

before="-"

template="Magento_Catalog::product/list_abonnements_js.phtml"

</referenceContainer>

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_js.phtml`

Le code de ce fichier, sorti de list.phtml:

<script type="text/javascript">
    require([
        'jquery'
    ], function(jQuery){
        (function($) {
            $('.action-filter').click(function(){
                $(this).toggleClass('active');
                $('.filter-content').slideToggle();
            });
        })(jQuery);
    });
</script>

require([

'jquery'

], function(jQuery){

(function($) {

$('.action-filter').click(function(){

$(this).toggleClass('active');

$('.filter-content').slideToggle();

});

})(jQuery);

});

</script>

[Magento 2] Masquer les décimales pour les prix ronds dans la liste produits

05/02/2020 / admin

Lorsque mon prix affiche 99,00 €, je souhaite que soit affiché uniquement la valeur avant la virgule: 99 €. Pour celà, il faut surcharger le fichier vendor/magento/module-catalog/view/base/templates/product/price/amount/default.phtml dans un thème.

Remarque: on voit dans notre exemple que le fichier natif est « rangé » dans le dossier base ce qui signifie que cette vue PHTML va servir pour afficher des informations autant en front que dans l’interface d’administration de Magento 2. J’ai cependant besoin de n’afficher mon prix sans décimales qu’en front. Pour ce faire, je vais recréer une version modifiée de mon fichier de départ dans app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/price/amount/default.phtml.

La partie qui nous intéresse plus particulièrement se situe dans l’élément <span class="price-wrapper">:

<span <?php if ($block->getPriceId()) :?> id="<?= $block->escapeHtmlAttr($block->getPriceId()) ?>"<?php endif;?>
    <?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->escapeHtmlAttr($block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes()) . '"' : '' ?>
    data-price-amount="<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>"
    data-price-type="<?= $block->escapeHtmlAttr($block->getPriceType()) ?>"
    class="price-wrapper <?= $block->escapeHtmlAttr($block->getPriceWrapperCss()) ?>"
>

    <?php
    $dot = ".";
    $price = $block->escapeHtmlAttr($block->getDisplayValue());
    ?>
    <?php if(strpos($price, $dot) !== false) :?>
        <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
    <?php else :?>
        <span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>
        <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
    <?php endif; ?>

</span>

<span <?php if ($block->getPriceId()) :?> id="<?= $block->escapeHtmlAttr($block->getPriceId()) ?>"<?php endif;?>

<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->escapeHtmlAttr($block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes()) . '"' : '' ?>

data-price-amount="<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>"

data-price-type="<?= $block->escapeHtmlAttr($block->getPriceType()) ?>"

class="price-wrapper <?= $block->escapeHtmlAttr($block->getPriceWrapperCss()) ?>"

<?php

$dot = ".";

$price = $block->escapeHtmlAttr($block->getDisplayValue());

<?php if(strpos($price, $dot) !== false) :?>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php else :?>

<span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php endif; ?>

</span>

J’ai remarqué, en parcourant la source de la page avec l’inspecteur d’éléments, qu’il existait dans le bloc <div class="price-box"> un data attribut data-price-amount qui contenait déjà les prix ronds sans décimales (data-price-amount="99" au lieu de data-price-amount="99.00"). L’idée ici est de le ré-exploiter.

    <?php
    $dot = ".";
    $price = $block->escapeHtmlAttr($block->getDisplayValue());
    ?>

<?php

$dot = ".";

$price = $block->escapeHtmlAttr($block->getDisplayValue());

Ci-dessus, je créer une variable $dot qui contient juste le caractère .. Je vais avoir besoin de savoir si la valeur de mon data-price-amount contient la valeur de $dot ou pas.

Je crée également une variable $price qui contient la valeur de mon data-price-amount (le prix).

    <?php if(strpos($price, $dot) !== false) :?>
        <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
    <?php else :?>
        ...
    <?php endif; ?>

<?php if(strpos($price, $dot) !== false) :?>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php else :?>

...

<?php endif; ?>

Dans une condition if/else, j’utilise la fonction strpos de PHP pour vérifier si la valeur de $price contient la valeur de $dot.

Si « oui » (!== false), alors je conserve l’affichage standard du prix dans Magento 2 (un <span class="price"></span> avec des décimales, peu importe si le prix est de 99,00 €).

    <?php if(strpos($price, $dot) !== false) :?>
        ...
    <?php else :?>
        <span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>
        <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
    <?php endif; ?>

<?php if(strpos($price, $dot) !== false) :?>

...

<?php else :?>

<span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php endif; ?>

Si « non » (code après le <?php else :?>) j’ajoute un <span class="price-without-decimal"> au-dessus de l’affichage standard du prix dans Magento 2 pour y afficher la valeur de mon attribut data-price-amount (un prix sans décimales, si mon code fonctionne correctement).

Attention: je me retrouve désormais avec 2 prix affichés si je suis dans le cas où la valeur du prix ne contient pas de décimales. J’ai choisi de conserver l’affichage standard du prix dans Magento 2 dans le DOM au cas où il sert (via un javaScript ou autre…) à des calculs.

Pour masquer ce dernier à l’utilisateur, j’utilise CSS:

.price-box .price-without-decimal + .price {
  position: absolute;
  left: -99999em;
}

.price-box .price-without-decimal + .price {

position: absolute;

left: -99999em;

}

Le fichier app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/price/amount/default.phtml complet:

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
?>

<!--Override from: vendor/magento/module-catalog/view/base/templates/product/price/amount/default.phtml-->

<?php /** @var $block \Magento\Framework\Pricing\Render\Amount */ ?>

<span class="price-container <?= $block->escapeHtmlAttr($block->getAdjustmentCssClasses()) ?>"
        <?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>
    <?php if ($block->getDisplayLabel()) :?>
        <span class="price-label"><?= $block->escapeHtml($block->getDisplayLabel()) ?></span>
    <?php endif; ?>
    <span <?php if ($block->getPriceId()) :?> id="<?= $block->escapeHtmlAttr($block->getPriceId()) ?>"<?php endif;?>
        <?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->escapeHtmlAttr($block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes()) . '"' : '' ?>
        data-price-amount="<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>"
        data-price-type="<?= $block->escapeHtmlAttr($block->getPriceType()) ?>"
        class="price-wrapper <?= $block->escapeHtmlAttr($block->getPriceWrapperCss()) ?>"
    >

        <?php
        $dot = ".";
        $price = $block->escapeHtmlAttr($block->getDisplayValue());
        ?>
        <?php if(strpos($price, $dot) !== false) :?>
            <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
        <?php else :?>
            <span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>
            <?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>
        <?php endif; ?>

    </span>
    <?php if ($block->hasAdjustmentsHtml()) :?>
        <?= $block->getAdjustmentsHtml() ?>
    <?php endif; ?>
    <?php if ($block->getSchema()) :?>
        <meta itemprop="price" content="<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>" />
        <meta itemprop="priceCurrency" content="<?= $block->escapeHtmlAttr($block->getDisplayCurrencyCode()) ?>" />
    <?php endif; ?>
</span>

<?php

/**

* See COPYING.txt for license details.

<?php /** @var $block \Magento\Framework\Pricing\Render\Amount */ ?>

<span class="price-container <?= $block->escapeHtmlAttr($block->getAdjustmentCssClasses()) ?>"

<?= $block->getSchema() ? ' itemprop="offers" itemscope itemtype="http://schema.org/Offer"' : '' ?>>

<?php if ($block->getDisplayLabel()) :?>

<span class="price-label"><?= $block->escapeHtml($block->getDisplayLabel()) ?></span>

<?php endif; ?>

<span <?php if ($block->getPriceId()) :?> id="<?= $block->escapeHtmlAttr($block->getPriceId()) ?>"<?php endif;?>

<?= ($block->getPriceDisplayLabel()) ? 'data-label="' . $block->escapeHtmlAttr($block->getPriceDisplayLabel() . $block->getPriceDisplayInclExclTaxes()) . '"' : '' ?>

data-price-amount="<?= $block->escapeHtmlAttr($block->getDisplayValue()) ?>"

data-price-type="<?= $block->escapeHtmlAttr($block->getPriceType()) ?>"

class="price-wrapper <?= $block->escapeHtmlAttr($block->getPriceWrapperCss()) ?>"

<?php

$dot = ".";

$price = $block->escapeHtmlAttr($block->getDisplayValue());

<?php if(strpos($price, $dot) !== false) :?>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php else :?>

<span class="price-without-decimal"><?= $block->escapeHtmlAttr($block->getDisplayValue()) ?> <?= $block->escapeHtmlAttr($block->getDisplayCurrencySymbol()) ?></span>

<?= $block->escapeHtml($block->formatCurrency($block->getDisplayValue(), (bool)$block->getIncludeContainer()), ['span']) ?>

<?php endif; ?>

</span>

<?php if ($block->hasAdjustmentsHtml()) :?>

<?= $block->getAdjustmentsHtml() ?>

<?php endif; ?>

<?php if ($block->getSchema()) :?>

<?php endif; ?>

</span>

(partie en work-in-progress) Si vous voulez pouvoir cibler certaines pages spécifiquement, voici ce qu’il faut mettre dans votre layout XML:

<!--		From: vendor/magento/module-catalog/view/base/layout/default.xml-->
<!--		https://magento.stackexchange.com/questions/210585/change-price-template-only-for-product-view-page-->
<block class="Magento\Framework\Pricing\Render" name="product.price.render.default">
    <arguments>
        <argument name="price_render_handle" xsi:type="string">catalog_product_prices</argument>
        <argument name="use_link_for_as_low_as" xsi:type="boolean">true</argument>
<!--        set "override" configuration settings here -->
    </arguments>
</block>

<argument name="price_render_handle" xsi:type="string">catalog_product_prices</argument>

</arguments>

</block>

Articles récents

Catégories

Archives

Méta

Étiquette : phtml

[Magento 2] Afficher le formulaire de connexion client dans n’importe quel template PHTML

[Magento 2] Depuis un template PHTML, détecter si la page sur laquelle nous nous trouvons est la homepage, une page produit, une page catégorie

[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] Ajouter des blocs enfants via les layouts XML et la fonction getChildHtml dans un template PHTML

Comment afficher un child block en particulier?

[Magento 2] Utiliser action method= »setTemplate » pour surcharger un fichier PHTML dans app/code/Vendor/Module plutôt que dans un thème

Créer un module NakedUi_LayeredNavigation qui contient au minimum les fichiers suivants:

./registration.php

./etc/module.xml

Puis dans ./view/frontend/layout, créer les deux fichiers suivants:

catalog_category_view_type_layered.xml et catalogsearch_result_index.xml

Ne pas oublier de surcharger ./view/frontend/templates/layer/view.phtml

[Magento 2] Comment inclure et utiliser un fichier JS custom placé dans un thème depuis un template PHTML avec data-mage-init

[Magento 2] Appeler un template PHTML depuis une page CMS

Formule générique:

Bloc par défaut:

[Magento 2] Récupérer dans un template PHTML des informations sur les différentes boutiques de votre site (ID, code, nom, URL, …)

[Magento 2] Afficher une liste produits par sous-catégories sur la page principale d’une catégorie

Création d’un Helper: `app/code/Pdv/Catalog/Helper/Data.php`

Rajouts par rapport au Helper existant:

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_category.phtml`

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_subcategory.phtml`

`app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_category.xml`

Vous voudrez aussi créer le layout XML `app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_subcategory.xml`

Externaliser le code JS

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_js.phtml`

[Magento 2] Masquer les décimales pour les prix ronds dans la liste produits

Blocs CMS statiques

Documentation

Templates PHTML

Layouts XML

Comment afficher un child block en particulier?

Créer un module NakedUi_LayeredNavigation qui contient au minimum les fichiers suivants:

./registration.php

./etc/module.xml

Puis dans ./view/frontend/layout, créer les deux fichiers suivants:

catalog_category_view_type_layered.xml et catalogsearch_result_index.xml

Ne pas oublier de surcharger ./view/frontend/templates/layer/view.phtml

Formule générique:

Bloc par défaut:

Création d’un Helper: app/code/Pdv/Catalog/Helper/Data.php

Rajouts par rapport au Helper existant:

app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_category.phtml

app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_subcategory.phtml

app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_category.xml

Vous voudrez aussi créer le layout XML app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_subcategory.xml

Externaliser le code JS

app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_js.phtml

Création d’un Helper: `app/code/Pdv/Catalog/Helper/Data.php`

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_category.phtml`

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_subcategory.phtml`

`app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_category.xml`

Vous voudrez aussi créer le layout XML `app/design/frontend/Sodifrance/pdv/Magento_Theme/page_layout/abonnements_subcategory.xml`

`app/design/frontend/Sodifrance/pdv/Magento_Catalog/templates/product/list_abonnements_js.phtml`