EXWE Blog
Neuigkeiten zum Thema Shopware aus dem EXWE Blog
Beiträge zum Thema Digitalisierung, Softwareentwicklung und E-Commerce abbonieren
  News anzeigen (56)



Shopware Custom Products unter Variantenauswahl anzeigen

Banner Shopware

Ein großes Problem mit dem Custom Products Plugin von Shopware ist, dass es von Haus aus nicht erlaubt einzustellen ob die Variantenauswahl über oder unter den Custom Products Optionen erscheinen soll.

Oftmals macht es vom User Flow mehr Sinn, erst eine Produktvariante auszuwählen und dann die Extras bzw. Anpassungen vorzunehmen. Die notwendigen Anpassungen halten sich auch sehr in Grenzen, daher wollen wir euch hier eine kurze Anleitung geben:

ANPASSUNG IM THEME 

In eurem Theme müsst ihr zwei Template Files überschreiben: frontend/detail/data.tplund frontend/detail/content/buy_container.tpl

Falls die Dateien noch nicht in eurem Theme existieren, legt sie bitte an.

Dann noch sicherstellen dass ganz am Anfang das passende Template File extended wird (z.B. {extends file='parent:frontend/detail/data.tpl'})

Jetzt geht's ans Eingemachte: In der data.tpl fügt ihr folgenden Block hinzu:

{* Custom products frontend hook *}
{block name="frontend_detail_data_swagcustomproducts"}
    {* Custom products will be rendered elsewhere -- see detail/content/buy_container *}
{/block}

Wie schon im Kommentar erwähnt überschreiben wir hier einen Block vom Custom Products Plugin, um zu verhindert dass die Custom Products Optionen an der Stelle gerendert werden wo es eigentlich passiert - nämlich über den Varianten.

Als nächstes müssen wir sie dann noch an die richtige Stelle packen. Dazu folgenden Block in der buy_container.tpl einfügen:

{* Show custom products after variants but before quantity box *}
{block name="frontend_detail_index_buybox"}
    {if !$customProductsIsEmotionAdvancedQuickView}
            {include file="frontend/swag_custom_products/detail/wrapper.tpl"}
    {/if}

    {$smarty.block.parent}
{/block}

Nun nur noch alles Speichern, Template Cache leeren und ihr solltet das gewünschte Ergebnis bei den entsprechenden Produktseiten sehen!


Grundlagen zur Erstellung eines Shopware Themes

Um ein Shopware Theme zu erstellen benötigt ihr natürlich zuerst ein mal eine Shopware Shop und einen Server mit Shopware 5 (oder sogar schon Shopware 6) Installation. Möchtet ihr erst einmal lokal an eurem Theme arbeiten, besorgt euch die Serverumgebung MAMP. Bei Shopware 5 gibt es bereits ein Bare Theme, welches wichtige Dateien die als Grundlage jedes Themes genutzt werden enthält - dieses ist im Ordner themes zu finden. Wollt ihr ein neues Theme anlegen, geht ihr über das Backend von Shopware auf den Theme Manager. Nun geht ihr auf Theme erstellen und füllt alle Felder wie Name, Kurzbeschreibung, Lizenz und Autor aus und speichert das Ganze. Über den Befehl zuweisen könnt ihr das Theme einen Shop zuweisen. Der erste

Schritt zur Erstellung deines Themes ist hiermit erledigt. Auf unserer ShopwareAgentur-Seite findest du noch weitere Infos dazu, wie EXWE dir bei deiner Onlineshop Erstellung helfen kann.

Bei Rückfragen kannst du dich wie immer gerne bei [email protected] melden.

Meike
Meike
vom 17.01.20 um 18:07

Hallo, mein Name ist Meike. Ich betreue das EXWE Backoffice und bin für unsere Social-Media Kanäle zuständig. All unsere Artikel sollen dir das Leben erleichtern und eine Entscheidungshilfe sein. Trotzdem kann es mal vorkommen, dass etwas unklar bleibt, daher: Wenn du Fragen zu diesem Artikel hast erreichst du mich ganz einfach unter +49 231 93149827




Schreibe EXWE auf WhatsApp