Artikellisten
Endless Scrolling
Im Snackys-Plugin ist ein Endless Scrolling bereits integriert. Dadurch können deine Besucher Artikel einer Kategorie bequem durchstöbern, ohne sich durch einzelne Seiten klicken zu müssen.
Du kannst zwischen verschiedenen Methoden wählen:
Breite der oberen Filter
Hier legst du fest, wie die Filter in der oberen Leiste dargestellt werden:
Tipp: Filter konfigurieren
Welche Filter in der oberen Leiste angezeigt werden, stellst du im Shop-Backend unter Darstellung > Standardansichten > Artikelübersicht ein. Wähle beim jeweiligen Filter „Ja, im Content-Bereich" oder „Ja, im Content-Bereich und der Navigationsbox". Im Content-Bereich bedeutet dabei: Der Filter wird oben in der Leiste angezeigt.
Sidebar-Filter öffnen
Mit dieser Option bestimmst du, ob die einzelnen Boxen in der linken Sidebar standardmäßig geöffnet oder geschlossen sind.
- Wenn du nur wenige Filter nutzt, empfiehlt es sich, die Boxen geöffnet anzuzeigen.
- Wenn du sehr viele Filter hast, kann eine dauerhaft geöffnete Sidebar schnell sehr lang werden – teilweise länger als die Artikelliste selbst. In diesem Fall ist geschlossen oft die bessere Wahl.
Tipp: Welche Filter in der linken Sidebar angezeigt werden sollen, bestimmst du im Shop-Backend unter Darstellung > Standardansichten > Artikelübersicht, indem du dort „Ja, in Navigationsbox" oder „Ja, im Content-Bereich und der Navigationsbox" auswählst.
Info: Boxenverwaltung im JTL-Shop
Im JTL-Shop musst du die linke Filterleiste zusätzlich über die Boxenverwaltung pflegen. Nachdem du Filter per „Ja, in Navigationsbox" aktiviert hast, aktiviere anschließend die passenden Boxen unter Darstellung > Standardelemente > Footer / Boxen. Wähle oben bei der Seitenauswahl „Artikelübersicht" und füge dann in der linken Seitenleiste über „Neue Box" die gewünschten Filter-Boxen hinzu.
Lange Filter-Boxen scrollen
Wenn ein Merkmal extrem viele Filterwerte enthält, kann eine einzelne Filterbox sehr groß werden. Mit dieser Option gibst du Filter-Boxen eine maximale Höhe, sodass Besucher innerhalb der Box scrollen können. Dadurch stellst du sicher, dass andere Filter nicht „nach unten gedrückt" und übersehen werden.
Sticky Filter auf Mobilgeräten
Damit Besucher auch beim Scrollen jederzeit schnell auf Filter zugreifen können, kannst du eine Sticky Filterleiste aktivieren. Diese setzt sich beim Scrollen an den unteren Bildschirmrand und bleibt stets erreichbar.
Wenn du die Sticky Filterleiste nicht benötigst, kannst du die Option hier deaktivieren.
Format Kategoriebilder
Mit dieser Funktion kannst du das Format deiner Kategoriebilder global auf 4:3 setzen.
Hinweis: Einstellung wird entfernt
Da es im Bereich Style & Branding mittlerweile die Option gibt, Bilder an die Shop-Bildeinstellungen anzupassen, wird diese Einstellung in zukünftigen Snackys-Versionen entfernt. Du kannst das 4:3-Format weiterhin beibehalten, indem du im Shop-Backend unter Darstellung > Einstellungen > Bilder bei den Kategoriebildern ein 4:3-Seitenverhältnis hinterlegst.
Produktboxen
Produktboxen sind der „Teaser" deiner Produkte. Sie erscheinen in Artikelslidern und in deinen Kategorie-Listen. Damit du Besucher bereits hier optimal abholst, bietet Snackys verschiedene Features zur idealen Produktpräsentation.
Zeilenlänge Produktbox-Titel
Hier bestimmst du, wie viele Zeilen eines Artikelnamens in Produktboxen maximal angezeigt werden dürfen. Das sorgt für ein ruhigeres Gesamtbild – besonders, wenn du viele lange Produktnamen hast.
Beispiel: Wenn ein Produktname fünf Zeilen lang ist, du aber maximal zwei Zeilen erlaubst, werden zwei Zeilen angezeigt und der Rest mit … abgeschnitten. Wenn du immer den kompletten Namen anzeigen möchtest, setze den Wert auf 0.
Textausrichtung Produktboxen
Lege fest, wie Texte in deinen Produktboxen ausgerichtet werden sollen. Standardmäßig sind Artikelname und Preis linksbündig. Alternativ kannst du auf zentriert umstellen, dann wird der gesamte Text mittig ausgerichtet.
Vorschau:
- Links ausgerichtet: snackys.erock-creations.de
- Zentriert: snackys3.erock-creations.de
Kurzbeschreibung in Produktboxen
Wenn du diese Option aktivierst, wird die Kurzbeschreibung deiner Produkte zusätzlich in den Produktboxen angezeigt.
Tipp: Besonders sinnvoll ist das, wenn du in Kurzbeschreibungen mit Bulletpoints arbeitest und die wichtigsten Vorteile direkt anteasern möchtest.
Hinweis: Wenn deine Kurzbeschreibungen sehr lang sind, empfehlen wir, diese Option deaktiviert zu lassen, damit Kategorie-Seiten übersichtlich bleiben.
Position der Artikelsticker
Artikelsticker sind ideal, um besondere Eigenschaften hervorzuheben – z. B. Sale-Angebote oder besonders gute Bewertungen. In Snackys kannst du die Sticker passend zu deinen Bildern positionieren. Die Position bezieht sich immer relativ zum Produktbild.
Du kannst wählen zwischen:
- Oben links
- Unten links
- Oben rechts
- Unten rechts
Tipp: Artikelsticker verwalten
Artikelsticker steuerst du im Shop-Backend unter Darstellung > Standardelemente > Artikelsticker. Die Texte kannst du in der Sprachverwaltung anpassen: Gehe zu Administration > Sprachvariablen und suche nach ribbon-. Du kannst dort auch Emojis verwenden.
Styling der Artikelsticker
Zusätzlich zur Position kannst du auch das Aussehen der Sticker bestimmen:
Beispiele:
- Rund: snackys3.erock-creations.de
- Rund schwebend: snackys2.erock-creations.de
Tipp: Die Farben der Artikelsticker passt du im Snackys-Plugin im Bereich Farben im Abschnitt Artikelsticker an.
Staffelpreis als Ab-Preis anzeigen?
Wenn du mit Staffelpreisen arbeitest, erhalten Kunden bei höherer Abnahmemenge einen günstigeren Preis. Mit dieser Option kannst du den niedrigsten Staffelpreis bereits in der Produktbox als „Ab-Preis" anzeigen lassen, um den Vorteil direkt zu kommunizieren.
Artikel pro Reihe
Mit der Einstellung Artikel pro Reihe bestimmst du, wie viele Artikel in Produktlisten und Artikelslidern pro Zeile bzw. pro Slide angezeigt werden. Wie viele Produkte sinnvoll sind, hängt stark von deinem Sortiment ab:
- Mode-Shops profitieren oft von größeren Bildern – hier sind weniger Artikel pro Reihe sinnvoll.
- Abverkaufs- oder B2B-Shops möchten häufig möglichst viele Produkte auf einmal zeigen – hier können mehr Artikel pro Reihe passen.
Das Beste: Du kannst die Anzahl je Geräteklasse individuell festlegen – vom großen Desktop bis zum Smartphone.
Viewports für Anzeigegrößen
Folgende Viewports gelten für die einzelnen Anzeigegrößen:
Kategorien pro Reihe
Ab Snackys 5.6.0 kannst du auch die Anzahl der Kategorien pro Zeile separat einstellen. Zuvor war das an die Einstellung Artikel pro Reihe gekoppelt.
Wie bei Artikeln kannst du die Anzahl pro Bildschirmgröße festlegen. Es gelten die gleichen Viewports wie oben.
Schnellkauf (Slider und Listen)
Snackys bietet dir die Möglichkeit, Produkte direkt aus Artikellisten und sogar aus Artikelslidern heraus in den Warenkorb zu legen. Das ist besonders praktisch für B2B-Shops, in denen Besucher schnell mehrere Artikel bestellen möchten.
Diese Option aktiviert den Schnellkauf für Artikel ohne Variationen. Wenn du auch Artikel mit Variationen direkt in der Liste konfigurieren möchtest, nutze den Bereich Produktboxen – Erweitert.
Sobald du den Schnellkauf aktivierst, stehen dir folgende Optionen zur Verfügung:
Warenkorb-Button anzeigen
Diese Einstellung aktiviert die Schnellkauf-Funktion in Slidern und Listen, sobald du eine andere Option als „Nein" wählst:
Tipp: Wenn du die Position „auf dem Produktbild" nutzt, stelle sicher, dass deine Artikelsticker nicht ebenfalls auf Unten rechts liegen.
Mengen-Eingabe anzeigen
Wenn du diese Option aktivierst, können Besucher direkt aus der Liste heraus mehrere Stück bestellen. Besonders hilfreich für B2B-Shops, in denen häufig größere Mengen gekauft werden.
Anzahl Artikel in Warenkorb
Hier kannst du festlegen, wie viele Stück beim Schnellkauf direkt in den Warenkorb gelegt werden sollen. So kannst du z. B. in einem B2B-Shop automatisch 20 Stück vorauswählen.
Produktboxen – Erweitert
Neben der einfachen Schnellkauf-Funktion bietet Snackys dir die Möglichkeit, Artikel mit Variationen direkt in der Liste zu konfigurieren. Sobald diese Option aktiv ist, werden beim Hover über die Produktbox die verfügbaren Variationen angezeigt und der aktive Artikel wird optisch hervorgehoben.
Variationsauswahl anzeigen
Hier legst du fest, ob und wie die Variationsauswahl dargestellt werden soll:
Anzahl der möglichen Variationswerte
Diese Einstellung verhält sich ähnlich wie Variationsauswahl anzeigen – hier begrenzt du jedoch nicht die Anzahl der Variationen, sondern wie viele Variationswerte pro Variation ausgegeben werden dürfen.
Beispiel: Das ist sinnvoll, wenn du z. B. sehr viele Swatches-Werte hast (z. B. 20 Farben), da das Listing sonst schnell unübersichtlich wirken kann.