Zum Consentmanger springen Zum Hauptinhalt springen Zur Kategorie-Navigation springen Zum Footer springen

Artikelseiten

Kommen wir nun zum Herzstück deines Shops: den Artikeldetailseiten. Hier werden Kaufentscheidungen getroffen.

Neukunden landen oft direkt hier

Beachte dabei immer: Neukunden landen über Google-Suchen und KI-Suchen oft direkt auf einer Artikelseite – nicht auf deiner Startseite. Umso wichtiger ist es, deine Besucher hier mit einem professionellen und übersichtlichen Auftritt abzuholen.

Damit du deine Artikelseiten optimal gestalten kannst, bietet dir das Snackys-Template verschiedene Einstellungsmöglichkeiten.

Galerie

Produktbild-Zoom

Damit deine Besucher deine Produkte vor dem Kauf bis ins kleinste Detail betrachten können, bietet dir die Galerie im Snackys-Template einen Produktbild-Zoom. Wenn du keinen Zoom möchtest, kannst du ihn hier deaktivieren.

Tipp: Zoom-Stärke anpassen

Wie stark der Zoom wirkt, hängt von der Größe deiner Bilder ab. Passe dazu die Bildgrößen im Shop-Backend unter Darstellung > Einstellungen > Bilder entsprechend an. Wir empfehlen für die Größe Groß eine Mindesthöhe und/oder -breite von 1400px.

Maximale Galerie-Breite

Hier kannst du festlegen, wie breit deine Bildergalerie maximal dargestellt werden soll (in Pixeln). Damit steuerst du, wie prominent deine Bilder auf der Artikelseite wirken.

Beispiel: Für Mode-Shops sind große Bilder oft entscheidend, weil hier das Bild verkauft. Bei Technik-Shops sind dagegen häufig die Daten wichtiger – dann kann eine schmalere Galerie sinnvoll sein, damit Produktinfos mehr Platz erhalten.

Info: Die Maximalbreite bezieht sich auf die gesamte Galerie inklusive Thumbnails.

Darstellung der Galerie

Snackys bietet dir verschiedene Darstellungsstile für deine Galerie. Standardmäßig werden die Thumbnails links neben dem Hauptbild angezeigt. Alternativ kannst du die Thumbnails auch unterhalb des Hauptbildes platzieren.

Wenn Bilder bei dir der wichtigste Verkaufsfaktor sind, eignet sich außerdem die Scroll-Through Galerie, die deine Fotos besonders prominent in Szene setzt.

Scroll-Through Galerie entdecken

Sieh dir die Scroll-Through Galerie in unserem Fashion-Demostore an:

Fashion-Demostore öffnen

Produktinformationen

Position der Überschrift

Hier bestimmst du, wo die Artikelüberschrift auf Desktop-Geräten angezeigt wird: entweder oben mittig zentriert oder zusammen mit den Produktinfos in der rechten Spalte neben der Galerie.

Tipp: Wenn du die Vorheriger / Nächster Artikel-Navigation in den Shop-Einstellungen aktiviert hast, eignet sich die oben zentrierte Überschrift besonders gut. Sie sitzt dann optisch mittig zwischen den Links zum vorherigen und nächsten Artikel.

Position Artikelnummer & Co.

Je nachdem, wie relevant Artikelnummer, Kategorie, Hersteller und ähnliche Informationen für deine Besucher sind, kannst du diese entweder oben prominent anzeigen lassen oder unten dezent unterhalb des Kauf-Buttons.

Tipp: Welche Informationen hier ausgegeben werden, stellst du im Shop-Backend unter Darstellung > Standardansichten > Artikelübersicht ein.

Position Hersteller

Hier legst du fest, wo der Hersteller deines Produkts angezeigt wird. Für einen direkten Bezug zum Artikel kannst du den Hersteller über dem Artikelnamen ausgeben lassen. Alternativ wird er über die Option „In den Produktinfos" gemeinsam mit Artikelnummer & Co. angezeigt.

Tipp: Ob der Hersteller als Text oder Bild erscheint und ob er verlinkt wird, stellst du im Shop-Backend unter Darstellung > Standardansichten > Artikelübersicht ein.

Sticky Warenkorbleiste

Die Sticky Warenkorbleiste ermöglicht es deinen Kunden, den Artikel jederzeit in den Warenkorb zu legen – unabhängig davon, wo sie sich gerade auf der Seite befinden.

Besonders hilfreich ist das, wenn Besucher deine Beschreibung lesen: Der Kauf-Button ist dann oft nicht mehr im Sichtfeld. Mit der Sticky Warenkorbleiste bleibt die Kaufmöglichkeit immer verfügbar, sodass Kunden auch weiter unten auf der Seite direkt bestellen können.

Maximale Produktinfo-Breite

Ähnlich wie bei der Galerie kannst du auch für die Produktinfos (die rechte Spalte neben der Galerie) eine maximale Breite festlegen. So passt du die Darstellung optimal an deine Branche an: Sollen die Infos eher kompakt bleiben oder groß und besonders präsent sein? Du entscheidest.

Konfigurator-Design

Der JTL-Konfigurator ist eine nützliche Funktion, mit der Kunden Produkte individuell zusammenstellen können. In Snackys kannst du entscheiden, ob der Konfigurator direkt auf der Seite sichtbar sein soll oder erst per Klick in einem Popup geöffnet wird.

Preisposition

Hier legst du fest, wo – und damit wie prominent – der Preis angezeigt wird. Standardmäßig steht der Preis unter den Variationen. Alternativ kannst du ihn über die Option „Unter der Überschrift" direkt unter dem Artikelnamen platzieren.

Mengenbuttons (Plus/Minus)

Hier bestimmst du, wie die Mengeneingabe dargestellt wird. Standardmäßig nutzt Snackys eine klassische Mengeneingabe mit +/--Buttons. Alternativ kannst du auf ein reines Zahlen-Input umstellen.

Tipp: Auch bei aktivierten Plus/Minus-Buttons können Besucher die Menge direkt im Zahlenfeld manuell eingeben.

Mengeneingabe ausblenden

Wenn in deinem Sortiment Artikel in der Regel nur einzeln gekauft werden, kannst du die Mengeneingabe ausblenden. Das macht die Artikelseite aufgeräumter und „cleaner".

Mindestmengen werden weiterhin korrekt berücksichtigt und entsprechende Hinweise werden automatisch angezeigt.

Tabs

Position der Artikel-Tabs

Du kannst frei wählen: Sollen die Tabs klassisch unterhalb der Galerie und Produktinfos sitzen oder möchtest du sie prominent in der rechten Spalte direkt bei den Produktinfos anzeigen lassen?

Maximale Tab-Breite

Hier legst du fest, wie breit der Inhalt deiner Artikel-Tabs dargestellt werden soll. Wenn du mit überwiegend ungestylten, textlastigen Beschreibungen arbeitest, empfehlen wir eine Breite, bei der pro Zeile maximal etwa 10–12 Wörter stehen – das ist deutlich angenehmer zu lesen.

Tipp: Akkordeon-Ansicht

Du kannst zwischen der klassischen Tab-Ansicht und einer Akkordeon-Ansicht wechseln. Um die Akkordeon-Ansicht zu aktivieren, gehe im Shop-Backend zu Darstellung > Standardansichten > Artikeldetailseite und stelle „Registerkarten / Tab nutzen" auf „Nein".

In der mobilen Ansicht wechselt Snackys automatisch zur Akkordeon-Ansicht.

GPSR-Daten

Mit Snackys sparst du dir oft ein zusätzliches Plugin: GPSR-Daten werden auf der Artikelseite automatisch ausgegeben – sofern du diese Daten in der WaWi gepflegt hast.

GPSR-Positionierung

Hier bestimmst du, wo deine GPSR-Daten auf der Artikelseite erscheinen sollen. Folgende Optionen stehen dir zur Verfügung:

Vor den Attributen
Herstellerinformationen werden in der Artikelbeschreibung vor den Attributen platziert.
Nach den Attributen
Herstellerinformationen werden in der Artikelbeschreibung nach den Attributen platziert.
Als separater Tab
Fügt einen eigenen Tab hinzu. Den Tab-Namen kannst du über die Sprachvariable gpsrHeadline in der Sektion custom anpassen.
Als Popup nach der Kurzbeschreibung
Fügt in der rechten Spalte unterhalb der Kurzbeschreibung einen Link ein, der die Daten in einem Popup öffnet. Den Linktext kannst du ebenfalls über gpsrHeadline in der Sektion custom anpassen.
Keine (GPSR Plugin in Verwendung)
Deaktiviert die GPSR-Ausgabe über Snackys, sodass du stattdessen ein separates GPSR-Plugin verwenden kannst.

GPSR-Weiche aktivieren (Hersteller-Beschreibung statt Kontaktdaten)

Wenn du eine WaWi-Version verwendest, in der GPSR-Daten nicht in den Herstellerinformationen gepflegt werden können, stellt Snackys dir eine alternative Methode zur Verfügung: Dabei wird die Herstellerbeschreibung zur Ausgabe der GPSR-Daten verwendet.

Du kannst entweder nur die GPSR-Daten in die Beschreibung setzen oder – wenn du die Herstellerbeschreibung weiterhin normal nutzen möchtest – die Inhalte entsprechend trennen.

Detaillierte Anleitung

Eine ausführliche Erklärung findest du in unserem Blog-Artikel:

Blog-Artikel lesen
Loading ...