Gewinnspiel in den Shop einbinden

Um ein Gewinnspiel in den Shop zu integrieren, muss es zuerst einem Webseitenbereich zugeordnet werden (siehe Tutorial: Apps in die Webseite einbinden).

Somit wäre schon einmal das Teilnahmeformular hinterlegt. Die Optik des Formulares muss ggfs. noch an das Template des Shops angepasst werden. Eine allgemeine, neutrale Style-Vorlage finden Sie unten im Anhang.

Um die für die "Schnitzeljagd" zu suchenden Artikel entsprechend mit dem in den Grunddaten hinterlegten Icon (siehe Tutorial: Gewinnspiel anlegen und konfigurieren) zu kennzeichnen, muss in der Produktdetailansicht (Datei: warenkorb_produktdetailansicht.html) noch die Variable "{gewinnspiele_icon}" eingebaut werden.

Hier im Tutorial bzw. in der Style-Vorlage wird der Einbau an der rechten oberen Ecke des Produkthauptbildes beschrieben. Eventuell muss im Container/Elternelement noch das Attribut id="imagedetail" eingefügt werden.
Sie können das Icon auch an einer ganz anderen Stelle innerhalb der Produktdetailansicht platzieren, hierzu müsste dann die Style-Vorlage u.U. entsprechend von Ihnen angepasst werden.

Der Inhalt der Style-Vorlage muss im Ordner "css" Ihres Templates in die Haupt-CSS-Layout-Datei des Shops eingebaut werden; am besten am Ende der Datei. Bei einem Shop-Template basierend auf unseren Vorlagen ist es die "style.css".
Bei anderen Templates müssten Sie sich hier für eine Einbauanleitung ggfs. an den Entwickler Ihres Templates wenden.

Der Einbau und entsprechend auch die Optik kann je Design Ihres Shop variieren, weshalb diese Anleitung nur eine grobe Richtlinie ist. V.a. bei etwas älteren Shop-Templates (Erstellung vor 2016) und Templates, die nicht auf unserer "Ultimate"-Vorlage basieren, ist der Einbau unter Umständen etwas komplexer.