Mehrere individuelle Produktlayouts (ohne Erlebniswelten)

Pixelhoch · 18. November 2022 um 13:45

Hallo zusammen,

wir haben durch ein eigen erstelltes Theme/Plugin abgleitet vom Standard Theme, ein paar Anpassungen am Header, Footer & auch an der Product Page vorgenommen.

Folgendes Problem:
Wir haben das zweispaltige Standardlayout (Bild Links, Kaufbox rechts) zu einem dreispaltigen gemacht, sprich zusätzlich die Beschreibung noch zwischen Produktbild und Kaufbox eingefügt.

Das funktioniert auch alles soweit super, nur wird das Layout nur angewandt wenn ich dem Produkt kein Layout zuweise. Ich hätte gerne noch 2 weitere Varianten des Produkt Detail Layout die ein bisschen anders sind, jedoch weiß ich nicht wie ich das erstellen soll bzw. routen soll. Und über die Erlebniswelten funktioniert es nicht da, wenn ich von dort ein Layout zuweise wird nichts von dem geänderten Layout angezeigt.

Habt ihr eine Idee?

Danke schonmal

dominikmank · 18. November 2022 um 15:08

Ihr müsst das Template 2x ändern, es gibt einmal die „component“ Elemente und einmal die Standard Produkt Detail Elemente.

Exemplarisch das buy-widget hier:

github.com

shopware/platform/blob/trunk/src/Storefront/Resources/views/storefront/page/product-detail/buy-widget.html.twig

{% block page_product_detail_buy_inner %}
    <div class="js-magnifier-zoom-image-container">
        {% block page_product_detail_rich_snippets %}
            {% block page_product_detail_rich_snippets_brand %}
                {% if page.product.manufacturer %}
                    <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
                        <meta itemprop="name" content="{{ page.product.manufacturer.translated.name }}" />
                    </div>
                {% endif %}
            {% endblock %}

            {% block page_product_detail_rich_snippets_gtin13 %}
                {% if page.product.ean %}
                    <meta itemprop="gtin13"
                          content="{{ page.product.ean }}"/>
                {% endif %}
            {% endblock %}

            {% block page_product_detail_rich_snippets_mpn %}
                {% if page.product.manufacturerNumber %}

This file has been truncated. show original

Dieses wird verwendet wenn kein individuelles Produktlayout ausgewählt ist.

Wenn aber ein individuelles ausgewählt ist, wird folgendes verwendet

github.com

shopware/platform/blob/trunk/src/Storefront/Resources/views/storefront/component/buy-widget/buy-widget.html.twig

{% block buy_widget %}
    <div class="product-detail-buy{% if elementId %}-{{ elementId }}{% endif %} js-magnifier-zoom-image-container">
        {% block buy_widget_rich_snippets %}
            {% block buy_widget_rich_snippets_brand %}
                {% if product.manufacturer %}
                    <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
                        <meta itemprop="name" content="{{ product.manufacturer.translated.name }}" />
                    </div>
                {% endif %}
            {% endblock %}

            {% block buy_widget_rich_snippets_gtin13 %}
                {% if product.ean %}
                    <meta itemprop="gtin13"
                          content="{{ product.ean }}"/>
                {% endif %}
            {% endblock %}

            {% block buy_widget_rich_snippets_mpn %}
                {% if product.manufacturerNumber %}

This file has been truncated. show original

Das zieht sich natürlich durch die weiteren Komponenten durch.

Thema		Antworten	Aufrufe
Frage zu Theme und Produktlayout Shopware 6 (German)	2	574	31. Mai 2022
Designänderungen in Custom Produkt-Detail Seiten / Erlebniswelten / CMS-Pages Themes & Design	1	693	24. Juni 2022
Produkt Layout in Artikelübersicht - mehr Zeichen Themes & Design	0	265	8. März 2019
Layout-Zuweisung für Produktseiten Shopware 6 (German)	45	8526	12. Juni 2024
Eigene Produktseite mit eigenem Stylesheet Themes & Design	2	977	11. August 2015

Mehrere individuelle Produktlayouts (ohne Erlebniswelten)

Verwandte Themen