Shopware Custom Products unter Variantenauswahl anzeigen

17.01.2020
von Meike Müller
Shopware
Banner
Du fragst dich, wie du bei Shopware die Custom Products unter Variantenauswahl anzeigen kannst? Nachfolgend findest du eine kurze Anleitung - viel Spaß damit!

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:

 

 

Lesezeit 3 min

ANPASSUNG IM THEME 

In eurem Theme müsst ihr zwei Template Files überschreiben: frontend/detail/data.tpl und 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. Benötigst du weitere Informationen rund um die Onlineshop Erstellung mit Shopware, dann schau gerne auf unserer Website vorbei. Bei weiteren Fragen stehen wir dir von EXWE als professionelle Shopware-Agentur selbstverständlich zur Seite und bieten dir Unterstützung von der Onlineshop Erstellung bis hin zum monatlichen Support & Monitoring an. Kontaktiere uns gerne!

 

Was ist dein Projekt? Wenn du uns darüber erzählen möchtest, rufen wir dich zurück!

 
Meike
Meike
vom 17.01.2020

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

Du möchtest immer am Zenit der Technik bleiben? Keine News und Blogbeiträge mehr verpassen.
Zu diesem Thema haben wir außerdem noch folgende interessante Beiträge aus unserem Tech-Blog für dich
Die 10 häufigsten Fragen zu Shopware 6

Was ist das besondere an Shopware 6? Hier erfährst du alles von der Technologie über die Unterschiede zu Shopware 5, bis hin zum Entwicklungsstand

Shopware vs. Shopify: Welches System für meinen Onlineshop?

Wir machen den großen Shopware 6 und Shopify Vergleich, damit du herausfinden kannst, was sich besser für den Onlineshop deines Unternehmens eignet.

Richtige Währung & Steuersätze: Shopware Japanische Staaten

Der Shopware-Insert für die Japanische Staaten - Nutze unsere Tipps und Tricks rund um das Thema Shopware und optimiere jetzt deinen Onlineshop!