sw_extends für {% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %} greift

Hallo,

 in meinem Theme möchte ich die Anzahl der Spalten verändern auf drein. Habe die Datei listing.html.twig in PluginTheme/src/Resources/views/storefront/component/product/listing.html.twig angelegt. {% sw\_extends '@Storefront/storefront/component/product/listing.html.twig' %} eingefügt. Dann die Variable auf {% set listingColumns = 'col-sm-6 col-lg-4 col-xl-4' %} gesetst. Leider greif das {% sw\_extends '@Storefront/storefront/component/product/listing.html.twig' %} nicht. 

Kann mir da Jemand hlefen.

Besten Dank

Frank

es lag am cache:clear funktionierte local nicht richtig.

Kannst du mir sagen, wo du {% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-4‘ %} eingetragen hast?
ich will nämlich auch auf 3 Spalten.

@hulk02 schrieb:

Kannst du mir sagen, wo du {% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-4‘ %} eingetragen hast?
ich will nämlich auch auf 3 Spalten.

 

 

Hallo,

ich habe in meinen Theme in der Datei  MeinPluginTheme/src/Resources/views/storefront/component/product/listing.html.twig

Fogende eingetragen.

{% sw_extends ‚@Storefront/storefront/component/product/listing.html.twig‘ %}
    {% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-4‘ %}

{% block product_listing %}
    {{ parent() }}
{% endblock %}

 

Die Spalten kann man anpassen indem man das Element-Tempalte anpasst. So bleibt die Möglichkeit bestehen das Listing mit anderer Spalten-Konfiguration an anderer Stelle einzubinden.

custom/plugins/MyCustomTheme/src/Resources/views/storefront/element/cms-element-product-listing.html.twig

{% sw_extends '@Storefront/storefront/element/cms-element-product-listing.html.twig' %}

{% set listingColumnsTheme = 'col-sm-6 col-lg-4 col-xl-4' %}

{% if section and section.type == 'sidebar' %}
    {% set listingColumnsTheme = 'col-sm-6 col-lg-6 col-xl-4' %}
{% endif %}

{% block element_product_listing_wrapper %}
        {% sw_include '@Storefront/storefront/component/product/listing.html.twig' with {
            searchResult: searchResult,
            dataUrl: dataUrl,
            filterUrl: filterUrl,
            params: params,
            sidebar: sidebar,
            boxLayout: element.translated.config.boxLayout.value,
            displayMode: element.translated.config.displayMode.value,
            listingColumns: listingColumnsTheme
        } %}
{% endblock %}

 

Danke