Étiquette : catégorie

[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/masquer le bouton « Effacer tous les filtres » dans la liste des catégories/produits

12/01/2021 / admin

Testé fonctionnel Magento 2.4!

Dans mon exemple, l’ID « narrow-by-list » est présent deux fois dans le DOM (ce qui n’est pas du tout une bonne pratique) car la liste des filtres s’affiche dans deux zones bien distinctes de la page: 1. en mode horizontal au-dessus de la liste des catégories/produits et dans un volet glissant qui ne s’affiche qu’au clic sur un bouton de type « Voir plus de filtres ».

Il faudra donc adapter un peu mon code à votre propre utilisation.

Chemin: app/design/frontend/MyVendor/MyTheme/Magento_LayeredNavigation/templates/layer/view.phtml.

Je désactive la condition PHP <?php if ($block->getLayer()->getState()->getFilters()) : ?> qui sette la visibilité du bouton « Effacer tout », mais uniquement au rechargement de la page.
J’ajoute un ID <div id="filterActions" class="block-actions filter-actions">.

            <?php //if ($block->getLayer()->getState()->getFilters()) : ?>
                <div id="filterActions" class="block-actions filter-actions">
                    <a href="<?= $block->escapeUrl($block->getClearUrl()) ?>" class="action secondary icon clear small filter-clear">
                        <span><?= $block->escapeHtml(__('Clear All')) ?></span>
                        <span class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 24 20"><g><g><g><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="20" d="M1 6.99v0l3 4.5v0l3.5-4v0"/></g><g><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="20" d="M13.5 19.5A9.5 9.5 0 1 0 4 10v1.494"/></g></g></g></svg>
                        </span>
                    </a>
                </div>
            <?php //endif; ?>

<?php //if ($block->getLayer()->getState()->getFilters()) : ?>

<a href="<?= $block->escapeUrl($block->getClearUrl()) ?>" class="action secondary icon clear small filter-clear">

<span><?= $block->escapeHtml(__('Clear All')) ?></span>

</span>

</a>

</div>

<?php //endif; ?>

Dans le même fichier view.phtml, j’ajoute ce bout de code javaScript (il vous faudra probablement adapter le ciblage du selecteur suivant qui n’existera pas chez vous: let FILTER = $('#narrow-by-list.is-view-top').find('.active');):

<script>
    require([
        'jquery'
    ], function($){
        'use strict';

        // On vérifie dans le noeud '#narrow-by-list.is-view-top' (view-top.phtml)
        // qu'il y a au moins 1 filtre d'actif.
        function checkForActiveFilter() {
            let FILTER = $('#narrow-by-list.is-view-top').find('.active');

            if (FILTER.length >= 1) {
                return true;
            } else {
                return false;
            }
        }

        // On sette la visibilité du bouton "Effacer tout" en fonction du résultat
        // retourné par la fonction checkForActiveFilter().
        function setFilterActionsVisibility() {
            const $FILTER_ACTIONS = $('#filterActions');

            if ( checkForActiveFilter() == true ){
                $FILTER_ACTIONS.removeClass('no-active-filter');
            } else {
                $FILTER_ACTIONS.addClass('no-active-filter');
            }
        }

        // console.log("is any filter active? " + checkForActiveFilter());
        
        setFilterActionsVisibility();
    });
</script>

require([

'jquery'

], function($){

'use strict';

// On vérifie dans le noeud '#narrow-by-list.is-view-top' (view-top.phtml)

// qu'il y a au moins 1 filtre d'actif.

function checkForActiveFilter() {

let FILTER = $('#narrow-by-list.is-view-top').find('.active');

if (FILTER.length >= 1) {

return true;

} else {

return false;

}

// On sette la visibilité du bouton "Effacer tout" en fonction du résultat

// retourné par la fonction checkForActiveFilter().

function setFilterActionsVisibility() {

const $FILTER_ACTIONS = $('#filterActions');

if ( checkForActiveFilter() == true ){

$FILTER_ACTIONS.removeClass('no-active-filter');

} else {

$FILTER_ACTIONS.addClass('no-active-filter');

}

// console.log("is any filter active? " + checkForActiveFilter());

setFilterActionsVisibility();

});

</script>

On n’oublie pas le petit CSS qui va bien:

#filterActions.no-active-filter {
    display: none !important;
}

#filterActions.no-active-filter {

display: none !important;

}

[Magento 2] Récupérer la valeur d’un attribut produit dans une page category, product list, product

26/03/2020 / admin

Les codes des attributs sont visibles en backoffice en se rendant dans STORES > Product [Attributes].

Attention: de manière générale votre attribut ne sera pas visible en front si il n’est pas configuré comme tel en admin. STORES > Product [Attributes]. Editez l’attribut de votre choix. Dans la partie Storefront Properties, vous pouvez configurer la visibilité de votre attribut pour les pages du catalogue, son utilisation pour la recherche, la focntionnalité de comparaison, etc…

Pour un attribut de type `text`

// Pour un attribut donc le code name est "test_frank":
// solution 1.
<?php echo $_product->getData('test_frank'); ?>
// solution 2.
<?php echo $_product->getTestFrank(); ?>

// Pour un attribut donc le code name est "test_frank":

// solution 1.

<?php echo $_product->getData('test_frank'); ?>

// solution 2.

<?php echo $_product->getTestFrank(); ?>

// solution 3.
<?php
$customAttribute = $_product->getData('test_frank');
?>
<span><?= $customAttribute ?></span>

// solution 3.

<?php

$customAttribute = $_product->getData('test_frank');

Pour un attribut de type `dropdown`

<?= $_product->getAttributeText('test_frank'); ?>

1	<?= $_product->getAttributeText('test_frank'); ?>

En BO, mettre « Used in Product Listing » à « Yes » dans ATTRIBUTE INFORMATION > Storefront Properties.

[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] Créer un Helper pour récupérer sous forme d’objet dans un template PHTML des informations (ID, nom…) sur la catégorie produit en cours

31/01/2020 / admin

Testé fonctionnel Magento 2.3!

ATTENTION: bien que cette méthode soit fonctionnelle, ce billet consigne mes notes sur la façon de créer un Helper pour récupérer sous forme d’objet dans un template PHTML des informations (ID, nom…) sur catégorie produit en cours. Les fichiers ne sont pas forcément placés aux bons endroits par rapport aux bonnes pratiques Magento 2.

Créer un module

Sodifrance_GetCurrentCategory

app/code/Sodifrance/GetCurrentCategory/etc/di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <preference for="Magento\Catalog\Model\Layer\Resolver" type="Sodifrance\GetCurrentCategory\Model\Layer\Resolver" />
</config>

<?xml version="1.0"?>

</config>

app/code/Sodifrance/GetCurrentCategory/Model/Layer/Resolver.php

Hérité de vendor/magento/module-catalog/Model/Layer/Resolver.php.

<?php

namespace Sodifrance\GetCurrentCategory\Model\Layer;

class Resolver extends \Magento\Catalog\Model\Layer\Resolver
{
    private $layerResolver;

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

<?php

namespace Sodifrance\GetCurrentCategory\Model\Layer;

class Resolver extends \Magento\Catalog\Model\Layer\Resolver

{

private $layerResolver;

public function getCurrentCategory()

{

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

}

Créer un module

Pdv_Catalog

app/code/Pdv/Catalog/Helper/Data.php

Hérité de vendor/magento/module-catalog/Helper/Data.php.

<?php

namespace Pdv\Catalog\Helper;

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

    public function __construct(
        \Sodifrance\GetCurrentCategory\Model\Layer\Resolver $resolver
    ) {
       $this->resolver = $resolver;
    }

    /**
     * @return \Magento\Catalog\Model\Category
     */
    public function getCurrentCategory()
    {
        return $this->resolver->getCurrentCategory();
    }
}

<?php

namespace Pdv\Catalog\Helper;

/**

* Catalog data helper

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

{

/**

* @var \Sodifrance\GetCurrentCategory\Model\Layer\Resolver $resolver

protected $resolver;

public function __construct(

\Sodifrance\GetCurrentCategory\Model\Layer\Resolver $resolver

) {

$this->resolver = $resolver;

}

/**

* @return \Magento\Catalog\Model\Category

public function getCurrentCategory()

{

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

}

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

Hérité de vendor/magento/module-catalog/view/frontend/templates/product/list.phtml.

Dans le bloc de code suivant:

<?php
$_productCollection = $block->getLoadedProductCollection();
$_helper = $this->helper('Magento\Catalog\Helper\Output');
$themeSettingConfig = $this->helper('MGS\ThemeSettings\Helper\Config');
$activeTitle = $themeSettingConfig->getStoreConfig('themesettings/page_title/title_toolbar');
$showFilter = $themeSettingConfig->getStoreConfig('mgs_ajaxnavigation/general/always_show');
$activeBreadcrumb = $themeSettingConfig->getStoreConfig('themesettings/page_title/breadcrumb_category');
$moveBreadcrumb = $themeSettingConfig->getStoreConfig('themesettings/page_title/breadcrumb_toolbar');
$_imagehelper = $this->helper('Magento\Catalog\Helper\Image');
$hoverChange = $themeSettingConfig->getStoreConfig('themesettings/catalog/hover_change');

<?php

$_productCollection = $block->getLoadedProductCollection();

$_helper = $this->helper('Magento\Catalog\Helper\Output');

$themeSettingConfig = $this->helper('MGS\ThemeSettings\Helper\Config');

$activeTitle = $themeSettingConfig->getStoreConfig('themesettings/page_title/title_toolbar');

$showFilter = $themeSettingConfig->getStoreConfig('mgs_ajaxnavigation/general/always_show');

$activeBreadcrumb = $themeSettingConfig->getStoreConfig('themesettings/page_title/breadcrumb_category');

$moveBreadcrumb = $themeSettingConfig->getStoreConfig('themesettings/page_title/breadcrumb_toolbar');

$_imagehelper = $this->helper('Magento\Catalog\Helper\Image');

$hoverChange = $themeSettingConfig->getStoreConfig('themesettings/catalog/hover_change');

…mettre à la suite:

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

1 2	/** @var \Magento\Catalog\Model\Category $currentCategory */ $currentCategory = $this->helper('Pdv\Catalog\Helper\Data')->getCurrentCategory();

Pour récupérer le nom ou l’ID de la catégorie en cours

La majeure partie des informations récupérables est définie ici: vendor/magento/module-catalog/Model/Category.php. Mais précisément pour le nom et l’ID de la catégorie en cours:

<p><?php echo $currentCategory->getName(); ?></p>
<p><?php echo $currentCategory->getId(); ?></p>

1 2	<p><?php echo $currentCategory->getName(); ?></p> <p><?php echo $currentCategory->getId(); ?></p>

Vous pouvez également utiliser les fonctionnalités d’auto-complétion de votre IDE pour avoir accès à toute la liste des informations contenues dans votre objet PHP $currentCategory en commençant à taper <?php echo $currentCategory->get.

Articles récents

Catégories

Archives

Méta

Étiquette : catégorie

[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/masquer le bouton « Effacer tous les filtres » dans la liste des catégories/produits

[Magento 2] Récupérer la valeur d’un attribut produit dans une page category, product list, product

Pour un attribut de type `text`

Pour un attribut de type `dropdown`

[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] Créer un Helper pour récupérer sous forme d’objet dans un template PHTML des informations (ID, nom…) sur la catégorie produit en cours

Créer un module

app/code/Sodifrance/GetCurrentCategory/etc/di.xml

app/code/Sodifrance/GetCurrentCategory/Model/Layer/Resolver.php

Créer un module

app/code/Pdv/Catalog/Helper/Data.php

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

Pour récupérer le nom ou l’ID de la catégorie en cours

Pour un attribut de type text

Pour un attribut de type dropdown

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éer un module

app/code/Sodifrance/GetCurrentCategory/etc/di.xml

app/code/Sodifrance/GetCurrentCategory/Model/Layer/Resolver.php

Créer un module

app/code/Pdv/Catalog/Helper/Data.php

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

Pour récupérer le nom ou l’ID de la catégorie en cours

Pour un attribut de type `text`

Pour un attribut de type `dropdown`

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`