Gewinnspiel in den Shop einbinden

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

Damit ist das Teilnahmeformular bereits hinterlegt. Die Optik des Formulars muss gegebenenfalls noch an das Template deines Shops angepasst werden. Eine allgemeine, neutrale Style-Vorlage findest du unten im Anhang.

Damit die für die Schnitzeljagd vorgesehenen Artikel mit dem in den Grunddaten hinterlegten Icon (siehe Tutorial: Gewinnspiel anlegen und konfigurieren) gekennzeichnet werden, muss in der Produktdetailansicht (Datei: warenkorb_produktdetailansicht.html) die Variable {gewinnspiele_icon} eingebaut werden.

In diesem Tutorial bzw. in der Style-Vorlage wird der Einbau an der rechten oberen Ecke des Produkthauptbildes beschrieben. Eventuell muss im Container- bzw. Elternelement noch das Attribut id="imagedetail" hinzugefügt werden.

Du kannst das Icon auch an einer anderen Stelle innerhalb der Produktdetailansicht platzieren. In diesem Fall musst du die Style-Vorlage gegebenenfalls entsprechend anpassen.

Den Inhalt der Style-Vorlage musst du im Ordner css deines Templates in die Haupt-CSS-Layout-Datei deines Shops einbauen, am besten am Ende der Datei. Bei einem Shop-Template, das auf unseren Vorlagen basiert, ist das die style.css.

Verwendest du ein eigenes Template, wende dich für eine genaue Einbauanleitung bei Bedarf an den Entwickler deines Templates.

Der Einbau – und damit auch die Optik – kann je nach Design deines Shops variieren. Diese Anleitung dient daher nur als grobe Richtlinie. Besonders bei älteren Shop-Templates (Erstellung vor 2016) und Templates, die nicht auf unserer Ultimate-Vorlage basieren, kann der Einbau unter Umständen aufwendiger sein.