ShopBuilder einrichten
Der ShopBuilder ist PlentyONE Baukastenmodul mit dem du deinen plentyShop LTS schnell und einfach per Drag-and-drop erstellen und bearbeiten kannst. Dafür brauchst du keinerlei Programmierungskenntnisse.
Der ShopBuilder besteht aus 2 Ansichten: der Content-Manager und dem Editor. Der Content-Manager ist die Oberfläche, über die du ShopBuilder-Kategorien und einzelne Inhalte für diese Kategorien verwaltest, um beispielsweise saisonabhängige Startseiten zu erstellen. Der Editor ist die Ansicht, in der du einzelne Seiten gestalten und Einstellungen an Widgets vornimmst.
Voraussetzungen für den ShopBuilder
|
Rechte für Backend-Benutzer:innen vergeben
Um vollständig auf den ShopBuilder zugreifen zu können, benötigst du die folgenden Rechte:
Benutzer:innen mit Rollen, die nicht vom Typ Administrator sind, können nur bestimmte Bereiche und Menüs in PlentyONE sehen. Sie können also nur eingeschränkt im System arbeiten. Sollen Mitarbeiter:innen ShopBuilder-Einstellungen und Shop-Seiten bearbeiten, benötigen sie mindestens die folgenden Rechte:
-
CMS
-
Plugins
-
Einrichtung » Assistenten
Beachte, dass nur Benutzer:innen mit Rollen vom Typ Administrator Rechte vergeben können.
Rechte vergeben:
-
Öffne das Menü Einrichtung » Kontoverwaltung » Rollen.
→ Die Übersicht der Rollen wird angezeigt. -
Klicke auf Neu (add).
→ Das Menü der Rollenerstellung öffnet sich. -
Gib der Rolle einen Namen.
-
Wechsele über die Schaltfläche Erweitert (toggle_on) in den erweiterten Modus.
-
Vergib die Rechte für den jeweiligen Bereich durch Anklicken der Checkboxen, die oben angegeben sind.
Hinweis: Du kannst entweder Rechte für einen kompletten Bereich vergeben oder dem Konto nur eingeschränkt Rechte gewähren. Klappe für diese Option den Bereich auf. -
Speichere (save) die Einstellungen.
Der einfache Modus und der erweiterte Modus sind miteinander verknüpft. Wenn du also Rechte für Menüs im einfachen Modus aktivierst, sind dazugehörige Berechtigungen auch im erweiterten Modus automatisch aktiv. Diese Verknüpfung existiert allerdings nur in diese Richtung. Wenn du also im erweiterten Modus Berechtigungen vergibst, werden keine Rechte für Menüs oder Plugins aktiviert. |
1. Der Content Manager des ShopBuilders
Wenn du das Menü Shop » ShopBuilder öffnest, ist das erste was du siehst der Content Manager des ShopBuilders. Hier verwaltest du Kategorien und fügst ihnen neue Inhalte hinzu. Ein Inhalt ist eine Shopseite, die du entwirfst. In der Kategorieansicht kannst du Inhalte erstellen, kopieren, löschen und vieles mehr. Im Folgenden findest du einen ersten Überblick über die Funktionen der Kategorieansicht des Shopbuilders.

-
In der blau markierten Top Bar findest du Globale Einstellungen, die Funktion Alle Inhalte neu generieren, die Plugin-Set-Auswahl. die Sprachauswahl, die Mandantenauswahl sowie den abgesicherten Modus ().
-
Der orange markierte Bereich ist der Kategorienbaum. Hier kannst du auf deine Katgorien zugreifen und über das Kontextmenü () neue Unterkategorien erstellen und bearbeiten.
-
Im rot markierten Bereich verwaltest du die Inhalte deiner Kategorien. Hier kannst du neue Inhalte für Header, Footer und Body erstellen, kopieren und löschen. Du bestimmt außerdem die Sichtbarkeit deiner Inhalte und siehst auf einen Blick, wann du welchen Inhalt zuletzt bearbeitet hast.
1.1. Top Bar
Einstellung | Erläuterung |
---|---|
Globale Einstellungen |
Öffnet die Verknüpfungsoberfläche für plentyShop LTS. Hier verknüpfst du die von dir angelegten Kategorien damit diese korrekt vom Plugin plentyShop LTS übernommen werden. |
Alle Inhalte neu generieren |
Wenn durch ein plentyShop LTS-Update Änderungen an bereits verwendeten Widgets gemacht werden, kannst du mit dieser Schaltfläche Widgets auf allen Inhalten neu generieren, um die Änderungen auf deinen Seiten anzuwenden. Dadurch werden deine ShopBuilder-Inhalte nach einem Update korrekt ausgegeben. Wenn es notwendig ist Inhalte neu zu generieren, machen wir darauf in unserem Changelog unter der Überschrift TODO aufmerksam. |
Plugin-Set wählen |
Du kannst unterschiedliche ShopBuilder-Inhalte in verschiedenen Plugin-Sets erstellen und verwalten. Wähle aus der Dropdown-Liste das Plugin-Set, für das du ShopBuilder-Inhalte bearbeiten willst. Bei der Auswahl eines Inhalts und der Bearbeitung einer Kategorie solltest du immer darauf achten, dass das korrekte Plugin-Set ausgewählt ist. Das aktive Plugin-Set wird grün hervorgehoben. |
Sprache wählen |
Du kannst unterschiedliche ShopBuilder-Inhalte für verschiedene Sprachen erstellen und bearbeiten. Wähle aus der Dropdown-Liste die Sprache, für die du ShopBuilder-Inhalte bearbeiten willst. Seiten können in verschiedenen Sprachen unabhängig voneinander angelegt werden. Bei der Auswahl eines Inhalts solltest du immer darauf achten, dass die korrekte Sprache ausgewählt ist. Es stehen alle PlentyONE Systemsprachen zur Verfügung. Die jeweilige Sprache muss im Menü Plugins » Plugin-Übersicht » plentyShop LTS » Konfiguration » Sprachen aktiviert sein. |
Mandanten wählen |
Falls du mehr als einen plentyShop über ein einzelnes PlentyONE System betreibst, kannst du über die Mandant wählen-Dropdown-Liste wählen, für welchen Webshop du die ShopBuilder-Inhalte bearbeiten willst. |
Abgesichterter Modus |
Der Toggle-Schalter Abgesicherter Modus dient dazu, den ShopBuilder und den plentyShop ohne externe Inhalte aufrufen zu können. Externe Inhalte sind beispielsweise Plugins wie Themes, die zusätzlich zu plentyShop LTS und IO im Plugin-Set eingebunden sind. Über den abgesicherten Modus ist es möglich, Fehlerquellen schneller und zuverlässiger zu identifizieren. Layout-Container, die über Container-Verknüpfungen befüllt werden, werden im abgesichterten Modus nicht ausgegeben. |
1.2. Kategoriebaum
Der Kategoriebaum auf der linken Seite zeigt dir alle deine Artikel- und Content-Kategorien auf einen Blick. Artikelkategorien sind durch ein graues Tag () gekennzeichnet; Content-Kategorien erkennst du an dem gelben Datei-Icon (). Oberkategorien kannst du durch Klick auf den Pfeil links neben dem Kategorienamen () ausklappen, um auf ihre Unterkategorien zuzugreifen.
Kategorien, die nicht für den ausgewählten Mandanten aktiviert sind, werden ausgegraut.
Kategorien, die nicht in der ausgewählten Sprache verfügbar sind, werden kursiv dargestellt.
Zusätzlich wird dir ein Tooltip angezeigt, wenn du mit der Maus über dem jeweiligen Kategorienamen schwebst; der Tooltip enthält die ID der Kategorie und zeigt an, ob die Kategorie aktiv ist oder nicht.
Der Kategoriebaum enthält 2 Schaltflächen: Die grüne Schaltfläche Neue Oberkategorie am unteren Ende des Kategoriebaums und die Schaltfläche für das Kontextmenü (), die eingeblendet wird, wenn du mit der Maus über einer Kategorie schwebst. Über das Kontextmenü kannst du Katgorien bearbeiten, Unterkategorien erstellen und Kategorien löschen.
1.2.1. Neue Oberkategorie erstellen
Du kannst neue Oberkategorien und Unterkategorien direkt im ShopBuilder erstellen. Beachte, dass dir manche Kategorieeinstellungen (bspw. Tags) im ShopBuilder nicht zur Verfügung stehen. Weitere Informationen zu Kategorieeinstellungen findest du im Kapitel Kategorien-Tab: Einstellungen. Gehe wie im Folgenden beschrieben vor, um eine neue Oberkategorie zu erstellen. Beachte dazu die Erläuterungen in Tabelle 2.
Oberkategorie im ShopBuilder erstellen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke unten im Kategoriebaum auf Neue Oberkategorie ().
→ Das Fenster Neue Kategorie erstellen wird geöffnet. -
Wähle Typ Content oder Artikel.
-
Aktiviere die Kategorie für deinen ausgewählten Mandanten.
-
Gib einen Namen ein.
-
Gib einen URL-Namen ein.
-
Speichere () die Einstellungen.
→ Die neue Kategorie wurde dem Kategoriebaum hinzugefügt. -
Nimm ggf. weitere Einstellungen vor. Beachte dazu die Erläuterungen in Tabelle 2.
-
Speichere () die Einstellungen.
Einstellung | Erläuterung |
---|---|
Allgemeine Einstellungen |
|
Mandant (Shop) |
Wähle den Mandanten, für den die Kategorie angelegt werden soll. Du kannst eine Kategorie für mehrere Mandanten gleichzeitig aktivieren. |
Sitemap anzeigen |
Aktivieren, um die Kategorie in die Sitemap aufzunehmen. |
In Linkliste anzeigen |
Aktivieren, um die Kategorie in der Linkliste anzuzeigen. |
Nur sichtbar nach Login |
Aktivieren, um die Kategorie nur für Kund:innen anzuziegen, die in deinem plentyShop eingeloggt sind. Gast-Accounts können diese Kategorie nicht im Shop sehen. |
Mandant (Shop)-spezifische Einstellungen |
|
Name (Pflichtfeld) |
Namen der Kategorie eingeben. |
URL-Name (Pflichtfeld) |
URL-Namen der Kategorie eingeben. Aus dem Namen wird die URL generiert. Jede Kategorie benötigt eine einzigartige URL. Wichtig: - Der URL-Name darf nicht aus reinen Zahlenkombinationen bestehen. |
Canonical |
Ggf. die URL einer Kategorie eingeben, die den gleichen Inhalt enthält, um Duplicate Content zu verhindern. |
Position |
Zahl eingeben, um die Reihenfolge der Kategorien und Unterkategorien einer Kategorie der gleichen Ebene festzulegen. |
Meta-Titel |
Meta-Titel eingeben. SEO-Tipp: Der eingegebene Text sollte möglichst kurz sein. |
Meta-Beschreibung |
Eine Meta-Beschreibung mit maximal 350 Zeichen eingeben. Die Meta-Beschreibung wird von Suchmaschinen ausgewertet und ist daher besonders für die Startseite wichtig. SEO-Tipp: Die Meta-Beschreibung soll den wesentlichen Inhalt in einem Satz enthalten. |
Meta-Keywords |
Stichwörter eingeben, die potentielle Kund:innen in Suchmaschinen eingeben und die den Inhalt der Kategorie widerspiegeln. |
Meta-Robots |
Zwischen all, index, nofollow, noindex und nofollow, noindex wählen. Werte des Meta-Elements Robots werden von Suchmaschinen-Crawlern ausgewertet. Dem Crawler wird mit diesen Werten mitgeteilt, wie er mit der Seite und den Links auf dieser Seite verfahren soll. |
Beschreibung 1 und 2 |
Wechsle links in den Reiter Beschreibung 1 oder Beschreibung 2, um die Kategoriebeschreibungen zu erstellen oder zu bearbeiten. Die Ausgabe der Kategoriebschreibungen legst du im plentyShop-Assistenten im Schritt Webshop fest. Du kannst den Editor auch auf Quellcode umstellen. Im Quellcode-Modus kannst du auch Attribute, Klassen und Styles verwenden. |
Bilder |
Wechsle links in den Reiter Bilder, um Kategoriebilder hochzuladen. Die gängigen Formate sind zulässig. |
1.2.2. Kategorien im ShopBuilder löschen
Du kannst Kategorien im ShopBuilder auch wieder löschen. Beachte, dass dadurch die mit der Kategorie verknüpften Inhalte sowie alle Unterkategorien der Kategorie unwiderruflich verloren gehen.
Kategorie löschen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Schwebe mit der Maus über einen Kategorienamen, um die Schaltfläche () für das Kontextmenü einzublenden.
-
Klicke auf () um das Kontextmenü zu öffnen.
-
Klicke auf Kategorie löschen ().
→ Das Fenster Kategorie: Kategoriename löschen wird geöffnet. -
Klicke auf Löschen.
→ Die Kategorie wird gelöscht.
→ Die Nachricht Kategorie erfolgreich gelöscht wird eingeblendet.
1.2.3. Kategorien mit dem plentyShop LTS-Plugin verknüpfen
Einige Kategorien musst du in einem einzelnen Schritt mit dem plentyShop LTS-Plugin verknüpfen, damit diese im Webshop wie gewünscht funktionieren. Dies betrifft Kategorien für die folgenden Seiten:
-
Startseite
-
Warenkorb
-
Kaufabwicklung
-
Mein Konto
-
Artikelsuchergebnis
-
Login
-
Registrierung
-
Auftragsbestätigung
-
Widerrufsrecht
-
Widerrufsformular
-
Impressum
-
Datenschutzerklärung
-
AGB
-
Kontaktseite
-
Wunschliste
-
"E-Mail-Adresse ändern"-Seite
-
Newsletter-Abmeldung
-
Retouren
-
Seite nicht gefunden
-
Kategorie zur Anzeige von Versandinformationen
Gehe wie folgt vor, um diese Kategorien zu verknüpfen:
Kategorie mit plentyShop LTS verknüpfen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke links in der Werkzeugleiste auf Globale Einstellungen.
→ Die Verknüpfungsoberfläche wird geöffnet. -
Klicke in ein Eingabefeld einer Kategorie, z.B. Kategorie für "Mein Konto".
→ Die Kategorieauswahl wird geöffnet. -
Wähle die Kategorie, die du für den jeweiligen Bereich angelegt hast.
→ Die ausgewählte Kategorie wird blau hervorgehoben. -
Klicke am unteren Ende der Kategorieauswahl auf Auswählen ().
→ Die Kategorieauswahl wird geschlossen. -
Speichere () die Einstellungen.
1.3. Inhalte verwalten
Die Inhaltsübersicht ist in 3 Bereiche, sogenannte Portlets, unterteilt: Header-Inhalte, Inhalte für die ausgewählte Kategorie und Footer-Inhalte. Header- und Footer-Inhalte sind standardmäßig eingeklappt und können durch Klick auf () angezeigt werden. In der Inhaltsübersicht siehst du, welche Inhalte aktiv sind, für welche Inhalte sie sichtbar sind, welche Typen die Inhalte haben, wie sie heißen und wann sie erstellt und zuletzt bearbeitet wurden. Hier kannst du neue Inhalte erstellen, Inhalte aktivieren, sichtbar schalten, kopieren, und vieles mehr.
1.3.1. Inhalte im ShopBuilder erstellen
In der Content-Manager-Ansicht des ShopBuilders legst du für deine Kategorien neue Inhalte an, die du daraufhin im Editor des ShopBuilders bearbeitest. Ein Inhalt ist jeweils ein Seitenentwurf. Du kannst viele verschiedene Inhalte pro Kategorie erstellen und je nach Bedarf aktivieren und deaktivieren. Dies ist beispielsweise hilfreich, um saisonabhängige Startseiten zu designen oder Shopaktionen im voraus zu gestalten.
Pro Kategorie kann nur ein Inhalt gleichzeitig aktiv sein.
Content-Typen
Beim Erstellen von neuen Inhalten für Content-Kategorien kannst du aus 4 verschiedenen Typen wählen:
Beim Erstellen von neuen Inhalten für Artikel-Kategorien kannst du aus den folgenden Typen wählen:
|
Inhalt erstellen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Wähle links im Kategoriebaum die Kategorie, für die du einen Inhalt erstellen möchtest.
-
Klicke auf die Schaltfläche Inhalt hinzufügen ().
→ Die Auswahl der Content-Typen wird geöffnet. -
Wähle den Content-Typen, den du für deinen Inhalt verwenden willst.
→ Das Fenster Neuen Inhalt vom Typ "Content-Typ" erstellen wird geöffnet. -
Gib einen Namen für den Inhalt ein.
-
Wähle ggf. eine Vorlage aus.
-
Klicke auf Erstellen.
→ Der neu erstellte Inhalt wird in der Übersicht angezeigt.
1.3.2. Inhalte aktivieren
Damit dein Inhalt im plentyShop angezeigt wird, musst du ihn aktivieren. Aktive Inhalte werden in der Spalte Aktiv blau und mit aktiviertem Toggle-Schalter ()hervorgehoben. Pro Kategorie kann nur 1 Inhalt aktiv sein.
Inhalt aktivieren:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke in der Zeile des Inhalts, den du aktivieren möchtest, auf den Toggle-Schalter () in der Spalte Aktiv.
→ Bei Artikelkategorien wird das Fenster Inhalt aktivieren geöffnet.
→ Bei Content-Kategorien wird der Inhalt aktiviert und nun blau in der Übersicht dargestellt.
→ Das Aktivieren eines Inhalts deaktiviert einen zuvor aktiven Inhalt.
1.3.3. Sichtbarkeit von Inhalten für Artikelkategorien
Wenn du Inhalte der Typen Artikelansicht, Kategorieansicht oder Artikelsets aktivierst, wird ein Fenster geöffnet, in dem du angibst, für welche Artikel oder Kategorien du deinen Inhalt aktivieren willst.
Einstellung | Erläuterung |
---|---|
Alle |
Der Inhalt wird global für alle Artikel/Kategorien/Artikelsets aktiviert. In der Inhaltsübersicht wird diese Sichtbarkeit durch die Weltkugel () gekennzeichnet. |
Aktuelle Kategorie und ihre Unterkategorien |
Der Inhalt wird für die Kategorie, in der er erstellt wurde, und alle enthaltenen Unterkategorien aktiviert. Falls es einen anderen Inhalt gibt, der global für alle Artikel/Kategorien/Artikelsets aktiviert ist, wird dieser hiermit überschrieben. In der Inhaltsübersicht wird diese Sichtbarkeit durch das Vererbungs-Icon () gekennzeichnet. |
Aktuelle Kategorie |
Der Inhalt wird nur für die aktuelle Kategorie, nicht aber für enthaltene Unterkategorien aktiviert. Falls es einen anderen Inhalt gibt, der global für alle Artikel/Kategorien/Artikelsets aktiviert ist, wird dieser hiermit überschrieben. In der Inhaltsübersicht wird diese Sichtbarkeit durch das Datei-Icon () gekennzeichnet. |
1.3.4. Inhalte für Header und Footer im ShopBuilder erstellen
In der Content-Manager-Ansicht des ShopBuilders kannst du auf die gleiche Weise Header- und ein Footer-Inhalte erstellen. Header und Footer sind global, also für den gesamten Webshop, wirksam.
Einen Header oder Footer im ShopBuilder erstellen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke im Abschnitt Header-Elemente oder Footer-Elemente auf Neu.
→ Das Fenster Neue Seite erstellen wird geöffnet. -
Gib einen Namen für den Inhalt ein.
-
Wähle ggf. eine Vorlage fpr den Header oder Footer.
-
Speichere () die Einstellungen.
→ Der Inhalt für Header oder Footer wurde angelegt.
1.3.5. Inhalte im ShopBuilder löschen
Du kannst im ShopBuilder erstellte Seiten auch wieder entfernen. Beachte, dass der Inhalt dadurch unwiderruflich verloren geht.
Inhalt löschen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke in der Zeile des Inhalts, den du löschen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.
-
Klicke auf Inhalt löschen.
→ Das Fenster Inhalt löschen wird geöffnet. -
Klicke auf die Schaltfläche Löschen.
→ Der Inhalt wird gelöscht.
→ Die Meldung Die Seite wurde erfolgreich gelöscht wird angezeigt.
1.3.6. Inhalte im ShopBuilder umbenennen
Du kannst Inhalte im ShopBuilder jederzeit umbenennen.
Inhalt umbenennen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke in der Zeile des Inhalts, den du umbenennen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.
-
Klicke auf Inhalt umbenennen.
→ Das Fenster Inhalt: "Inhaltsname" umbenennen wird geöffnet. -
Gib einen Namen ein.
-
Klicke auf die Schaltfläche OK.
→ Der Inhalt wird umbenannt.
→ Die Meldung Inhalt umbenannt wird angezeigt.
1.3.7. Inhalte duplizieren
In der Content-Manager-Ansicht des ShopBuilders können erstellte Inhalte dupliziert werden. Dadurch kannst du schnell kleine, saisonabhängige Änderungen an deinen Inhalten vornehmen und Inhalte in andere Plugin-Sets, weitere Sprachen oder in andere Kategorien kopieren.
Inhalt duplizieren:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke in der Zeile des Inhalts, den du duplizieren möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.
-
Klicke auf Duplizieren.
→ Das Fenster Inhalt duplizieren wird geöffnet. -
Gib einen Namen ein. Standardmäßig ist der Name des ursprünglichen Inhalts mit dem Suffix "(Kopie)" ausgefüllt.
-
Wähle eine Zielsprache, ein Ziel-Plugin-Set und eine Zielkategorie, in die der Inhalt kopiert werden soll.
-
Hake das Kästchen Inhalt aktivieren an, falls die Kopie direkt aktiviert werden soll. Hinweis: Dadurch kann ein anderer überschrieben werden.
-
Klicke auf die Schaltfläche Duplizieren.
→ Der Inhalt wird dupliziert.
→ Die Meldung Inhalt dupliziert wird angezeigt.
1.3.8. Ältere Version eines Inhalts wiederherstellen
Du kannst deinen Inhalt jederzeit auf eine ältere Version zurücksetzen. In der Übersicht der älteren Versionen des Inhalts wird die aktuell aktive Version immer an oberster Stelle angezeigt. Die Zurücksetzen-Schaltfläche ist für die aktive Version ausgegraut.
Inhalt zurücksetzen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke in der Zeile des Inhalts, den du zurücksetzen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.
-
Klicke auf Ältere Version wiederherstellen.
→ Das Fenster Inhalt auf älteren Stand zurücksetzen wird geöffnet. -
Klicke in der Zeile der Inhaltsversion, die du wiederherstellen willst, auf Zurüksetzen ().
→ Der Inhalt wird auf die gewählte Version zurückgesetzt.
→ Die Meldung Inhalt wurde erfolgreich wiederhergestellt wird angezeigt.
2. Die Editor-Ansicht
Die Editor-Ansicht des ShopBuilders öffnet sich durch Klick auf einen erstellten Inhalt in der Content-Manager-Ansicht. Im Editor bearbeitest du das Layout deiner Shopseite, fügst neue Widgets hinzu und triffst Einstellungen für die von dir verwendeten Widgets. Im Folgenden findest du einen Überblick über die Funktionen des Editors.

Markierung | Einstellung | Erläuterung |
---|---|---|
1 |
Widget-Auswahl |
Auf der linken Seite des Editors steht dir die Widget-Auswahl zur Verfügung. Darin findest du alle Widgets, die im aktuellen Bereich (Body, Header oder Footer) auf der aktuellen Seite verwendet werden können. Die Widgets in der Auswahl sind in Bereichen gruppiert. Diese Bereiche sind standardmäßig eingeklappt und können durch Klick auf das Tab aufgeklappt werden, um die darunterliegenden Widgets aufzulisten. |
2 |
Widget |
In jedem Bereich der Widget-Auswahl findest du Widgets, die jeweils eine bestimmte Funktion erfüllen. Du fügst Widgets deiner Seite hinzu, indem du auf das Widget in der Auswahl klickst und es via Drag-and-drop in den Body-Bereich (5) deiner Seite ziehst. Eine Auflistung aller Widgets und ihrer Einstellungsoptionen findest du weiter unten. |
3 |
Werkzeugleiste |
In der Werkzeugliste findest du die Speichern-Schaltfläche, die Auf letzten Speicherstand zurücksetzen-Schaltfläche, die Ansichtsauswahl und die Designoptionen. |
4 |
Header-Bereich |
Im Editor sind die drei Bereiche Header, Body und Footer voneinander getrennt, da dir jeweils unterschiedliche Widgets für diese Bereiche zur Verfügung stehen. Wenn du gerade dabei bist, den Header-Bereich zu bearbeiten, ist der Body-Bereich durch gestrichelte Linien abgesetzt. Mit einem Doppelklick kannst du in den Bereich, den du gerade nicht bearbeitest, wechseln. Header und Footer sind global wirksam; Änderungen, die du am Header und Footer vornimmst, wirken sich demnach auch auf alle weiteren Seiten aus. |
5 |
Body-Bereich |
Der Seiteninhalt zwischen Header und Footer stellt den Body-Bereich der Seite dar. Dieser ist im Gegensatz zu Header und Footer nicht global wirksam. Ziehe Widgets aus der Widget-Auswahl in diesen Bereich, um die Widgets deiner Seite hinzuzufügen. |
6 |
Widget-Einstellungen |
Die meisten Widgets haben zusätzliche Einstellungen, die du über Klick auf die Zahnrad-Schaltfläche öffnest. Die Widget-Einstellungen werden daraufhin auf der rechten Seite des Editors eingeblendet. Sie werden jeweils pro Widget vorgenommen; Änderungen an einem Widget sind demnach nicht für andere Widget des gleichen Typs wirksam. |
7 |
Widget löschen |
Du kannst ein Widget durch Klick auf Widget löschen von deiner Seite entfernen. |
Platzhalterdaten
Die Preise, die in Widgets im ShopBuilder-Editor angezeigt werden, sind Platzhalterdaten und entsprechen nicht zwangsläufig den echten Preisen in deinem Shop. |
3. Widgets
Im Folgenden findest du Erläuterungen zu allen verfügbaren ShopBuilder-Widgets. Die Beschreibungen sind nach Widget-Kategorie gruppiert und enthalten Widget-Typ und die jeweiligen Einstellungsoptionen des Widgets, sowie sonstige Besonderheiten.
3.1. Header
Die folgenden Widgets sind nur im Header-Bereich der Seite verfügbar und können nicht in anderen Bereichen verwendet werden. Du kannst allerdings die meisten anderen Widgets auch im Header-Bereich verwenden, selbst wenn diese nicht innerhalb dieser Kategorie aufgeführt sind.
3.1.1. Breadcrumb-Navigation
Dieses Widget stellt eine Breadcrumb-Navigation zur Verfügung, die deinen Kund:innen dabei hilft, schnell zur Einstiegsseite oder einer anderen Ebene des Webshops zu gelangen. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Beim Scrollen der Seite fixieren |
Aktivieren, um die Breadcrumb-Navigation beim Scrollen immer anzuzeigen. |
Auf der Startseite anzeigen |
Aktivieren, um die Breadcrumb-Navigation auf der Startseite anzuzeigen. |
Im Bereich Mein Konto anzeigen |
Aktivieren, um die Breadcrumb-Navigation auf der Mein Konto-Seite anzuzeigen. |
In der Kasse anzeigen |
Aktivieren, um die Breadcrumb-Navigation im Checkout anzuzeigen. |
Auf Content-Kategorien anzeigen |
Aktivieren, um die Breadcrumb-Navigation auf Kategorieseiten des Typs Content anzuzeigen. |
3.1.2. Kategorienavigation
Dieses Widget stellt eine Kategorienavigation für den Header zur Verfügung.
Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Beim Scrollen der Seite fixieren |
Aktivieren, um die Breadcrumb-Navigation beim Scrollen immer anzuzeigen. |
Stil der Kategorienavigation |
Wählen, ob die Kategorienavigation im normalen Stil oder als Megamenü angezeigt wird. |
Kategorieebenen des Mega-Menüs |
Wählen, ob das Mega-Menü 2, 3 oder 4 Kategorieebenen anzeigt. Diese Einstellung ist nur wirksam, wenn Mega-Menü als Stil der Kategorienavigation gewählt wurde. |
Anzahl der Kategorien |
Anzahl der Kategorien eingeben, die in der jeweiligen Ebene des Mega-Menüs angezeigt werden. Diese Einstellung ist nur wirksam, wenn Mega-Menü als Stil der Kategorienavigation gewählt wurde. |
Firmenlogo |
Bilddatei wählen, die als Firmenlogo links oben im Shop angezeigt werden soll. Die gängigen Bildformate (PNG, JPG, etc.) sind zulässig. |
3.1.3. Top Bar
Dieses Widget stellt eine Top Bar für den Header zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Beim Scrollen der Seite fixieren |
Aktivieren, um die Breadcrumb-Navigation beim Scrollen immer anzuzeigen. |
Anzeige der Suche |
Wählen, ob die Suche dauerhaft angezeigt wird, standard,äßig eingeklappt ist oder nicht angezeigt wird. |
Artikelbilder in Suchvorschlägen anzeigen |
Aktivieren, um Artikelbilder in den Suchvorschlägen anzuzeigen. |
Artikelsuche: zur Artikelansicht weiterleiten |
Aktivieren, um Kund:innen bei Klick auf einen Suchvorschlag direkt zur Artikelansicht weiterzuleiten. |
Kunden-Login anzeigen |
Aktivieren, um die Anmelden-Schaltfläche in der Top Bar anzuzeigen. |
Kundenregistrierung anzeigen |
Aktivieren, um die Kundenregistrierung in der Top Bar anzuzeigen. |
Sprachauswahl anzeigen |
Aktivieren, um die Sprachauswahl in der Top Bar anzuzeigen. Sprachen, die für deine Kund:innen verfügbar sein sollen, müssen in der Konfiguration des plentyShop LTS-Plugins im Tab Sprachen aktiviert werden. |
Lieferlandauswahl anzeigen |
Aktivieren, um die Lieferlandauswahl hinter dem Flaggen-Symbol in der Top Bar verfügbar zu machen. |
Währungsauswahl anzeigen |
Aktivieren, um die Währungsauswahl hinter dem Flaggen-Symbol in der Top Bar verfügbar zu machen. Währungen, die für deine Kund:innen verfügbar sein sollen, müssen in der Konfiguration des plentyShop LTS-Plugins im Tab Währungen aktiviert werden. |
Wunschliste anzeigen |
Aktivieren, um die Wunschliste über die Top Bar zugänglich zu machen. |
Warenkorbvorschau anzeigen |
Aktivieren, um das Warenkorb-Symbol in der Top Bar anzuzeigen. Bei Klick darauf wird die Warenkorbvorschau eingeblendet. |
Warenkorbinformationen anzeigen |
Wählen, ob der Warenwert, die Anzahl der Artikel, oder eine Kombination aus beidem in der Warenkorbvorschau angezeigt wird. |
3.1.4. Spracherkennung
Dieses Widget erkennt die Browsersprache deiner Nutzer:innen und bietet ihnen eine Weiterleitung zu Shop-Inhalten in der erkannten Sprache an.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichere. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Tabs im Widget. Du legst die Farboptionen im Menü Design fest. |
Automatische Weiterleitung aktivieren |
Aktiviere diese Checkbox, um Nutzer:innen automatisch auf Shop-Inhalte in der erkannten Browsersprache weiterzuleiten. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.2. Struktur
Struktur-Widgets sind dazu da, das Layout deiner Seite zu strukturieren. Struktur-Widgets haben keinen eigenen Inhalt, sondern werden mit anderen Widgets befüllt. Struktur-Widgets können auch mit anderen Struktur-Widgets befüllt werden, um eine Vielzahl an unterschiedlichen Layout-Optionen zu ermöglichen.
3.2.1. Raster (4 Spalten)
Dieses Widget stellt ein Strukturelement mit 4 Spalten zur Verfügung. Die 4 Spalten werden nebeneinander standardmäßig im Verhältnis 1:1:1:1 dargestellt. Dieses Widget hat keine weiteren Einstellungen.
3.2.2. Raster (3 Spalten)
Dieses Widget stellt ein Strukturelement mit 3 Spalten zur Verfügung. Die 3 Spalten werden standardmäßig nebeneinander im Verhältnis 1:1:1:1 dargestellt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Layout |
Layoutoption wählen. Diese bestimmt die Größe und Anordnung der Spalten: 30%:30%:30% = Die 3 Spalten werden im Verhältnis 1:1:1 nebeneinander dargestellt. |
3.2.3. Raster (2 Spalten)
Dieses Widget stellt ein Strukturelement mit 2 Spalten zur Verfügung. Die 2 Spalten werden standardmäßig nebeneinander im Verhältnis 1:1 dargestellt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Layout Desktop |
Layoutoption für die Desktop-Ansicht wählen. Diese bestimmt Größe und Anordnung der Spalten: 50%:50% = Die 2 Spalten werden im Verhältnis 1:1 nebeneinander dargestellt. |
Layout Tablet |
Layoutoption für die Tablet-Ansicht wählen. Diese bestimmt Größe und Anordnung der Spalten: 50%:50% = Die 2 Spalten werden im Verhältnis 1:1 nebeneinander dargestellt. |
Layout Mobile |
Layoutoption für die mobile Ansicht wählen. Diese bestimmt Größe und Anordnung der Spalten: 50%:50% = Die 2 Spalten werden im Verhältnis 1:1 nebeneinander dargestellt. |
3.2.4. Sticky Container
Dieses Widget stellt ein Strukturelement zur Verfügung, welches beim Scrollen der Seite fixiert wird und dadurch immer sichtbar bleibt. Der Sticky Container kann mit anderen Strukturelementen oder Widgets befüllt werden. Der Sticky Container selbst hat keine weiteren Einstellungen.
3.2.5. Tabs
Dieses Widget stellt ein Strukturelement zur Verfügung, mit dem man andere Widgets in Tab-Steuerelementen gruppieren kann. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Tabs im Widget. Du legst die Farboptionen im Menü Design fest. |
Tab-Titel |
Gib einen Titel für den Tab ein. Standardmäßig ist "Tab 1" vorausgefüllt. |
Neuen Eintrag hinzufügen |
Klicke auf das Plus (), um dem Widget einen neuen Tab hinzuzufügen. |
Eintrag entfernen |
Klicke auf das Minus (), um den betreffenden Tab aus dem Widget zu entfernen. |
3.2.6. Weitere Informationen
Mit dem Weitere Informationen-Widget bindest du eine Schaltfläche ein, die ein Pop-Up-Fenster öffnet.
In diesem Pop-Up kannst du zusätzliche Inhalte darstellen.
Durch Klick auf die Schaltfläche öffnet sich ein editierbarer Bereich, in dem du Widgets platzieren kannst.
Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Tabs im Widget. Du legst die Farboptionen im Menü Design fest. |
Titel |
Gib einen Titel ein, der über dem Pop-Up angezeigt wird, der sich nach Klick auf die Weitere Informationen-Schaltfläche öffnet. |
Ausrichtung |
Wähle die Richtung in die sich das Pop-Up öffnen soll. |
Größe |
Wähle die Größe des Pop-Ups. |
Icon |
Wähle das Icon, das auf der Schaltfläche angezeigt wird, mit dem Nutzer:innen das Pop-Up öffnen können. |
Button-Größe |
Wähle die Größe der Schaltfläche, mit dem Nutzer:innen das Pop-Up öffnen können. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.2.7. Trennlinie
Dieses Widget eine Trennlinie zur Verfügung, mit der verschiedene Seitenbereiche voneinander abgesetzt werden können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.3. Text
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die für die Verarbeitung von Text zur Verfügung stehen.
3.3.1. Titelleiste
Dieses Widget stellt eine Textbox für Titel zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen. Mit Klick auf den Stift () auf dem Widget öffnest du das Inline-Editing. Damit kannst du den Text direkt im Widget editieren und formatieren. Es kann nur reiner Text eingegeben werden; für HTML steht die das Code-Widget zur Verfügung.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Titelleiste. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.3.2. Code
Dieses Widget stellt eine Textbox zur Verfügung, in der du HTML und Javascript über Inline-Editing eingeben kannst. Klicke auf </>, um den Code-Editor zu öffnen. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Um JavaScript-Skripte im Webshop zu nutzen, verwendest du ein <script2>-Tag im Code-Widget des ShopBuilders. Dieses Tag wird wie ein herkömmliches <script>-Tag verwendet; herkömmliche <script>-Tags können vom ShopBuilder nicht umgesetzt werden. Die Dokumentation des für den ShopBuilder verwendeten Frameworks ist hier zu finden. |
3.3.3. Text
Dieses Widget stellt eine Textbox zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen. Mit Klick auf den Stift () auf dem Widget öffnest du das Inline-Editing. Damit kannst du den Text direkt im Widget editieren und formatieren. Es kann nur reiner Text eingegeben werden; für HTML steht die das Code-Widget zur Verfügung.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.3.4. Liste
Dieses Widget stellt eine Liste zur Verfügung. Standardmäßig ist dieses Widget leer. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Listentitel |
Gib einen Titel für die Liste ein. Dieser wird linksbündig über den Listeneinträgen angezeigt. |
Icon |
Wähle ein Icon aus der Dropdown-Liste. Das Icon wird links neben den Listeneinträgen angezeigt. Du kannst Icons nur für das gesamte Widget festlegen, nicht pro Listeneintrag. Der Standardwert ist Ohne. |
Liste zentrieren |
Aktivieren, um die Liste in der Mitte des Widgets zu platzieren, Ist diese Option deaktiviert, wird die Liste linksbündig dargestellt. |
Angezeigter Text |
Gib einen Text ein. Dieser wird im Widget als Listeneintrag angezeigt. |
URL |
URL wählen, auf die der Listeneintrag verlinkt. Du kannst eins der folgenden 4 Linkziele wählen: Datei (Webspace) = Wähle über Datei wählen die Datei, auf die der Listeneintrag verlinken soll. Lass die Auswahl leer, falls du die Listeneinträge nicht als Links verwenden willst. |
In neuem Tab öffnen |
Aktivieren, um beim Klick auf den Listeneintrag einen neuen Browser-Tab mit dem angegebenen Linkziel zu öffnen. Diese Einstellung greift nur, wenn ein Linkziel unter URL definiert wurde. |
Neuen Eintrag hinzufügen |
Klicke das Plus (), um einen neuen Listeneintrag hinzuzufügen. Du kannst für jeden Listeneintrag den angezeigten Text, die URL und die Option In neuem Tab öffnen definieren. |
Eintrag entfernen |
Klicke auf das Minus () neben dem Feld Angezeigter Text, um den betreffenden Listeneintrag zu entfernen. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.3.5. FAQ
Dieses Widget stellt ein Textfeld zur Verfügung, mit welchem du von deinen Kund:innen häufig gestellte Fragen im Webshop anzeigen kannst. Die jeweilige Antwort wird nach Klick auf die Frage aufgeklappt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen:
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Frage |
Gib einen Text für deine FAQ-Frage ein. Die dazugehörige Antwort wird nach Klick auf die Frage aufgeklappt. |
Antwort |
Gib den Antworttext für die FAQ-Frage ein. Über den Texteditor stehen dir die wichtigsten Formatierungsoptionen zur Verfügung. |
Neuen Eintrag hinzufügen |
Klicke das Plus (), um eine neue Frage hinzuzufügen. Du kannst für jede Frage den angezeigten Text und die Antwort definieren. |
Eintrag entfernen |
Klicke auf das Minus () neben dem Feld Frage, um die betreffende Frage zu entfernen. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.4. Bilder-Widgets
In dieser Widget-Kategorie werden alle Widgets aufgeführt, die für die Darstellung von Bildern im Webshop verwendet werden.
3.4.1. Bilderkarussell
Dieses Widget stellt ein Bilderkarussell zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Navigationspfeile und Navigationspunkte sowie die Überschrift. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Seitenverhältnis |
Seitenverhältnis wählen. Du kannst aus der Dropdown-Liste das passende Seitenverhältnis für deine Bilder wählen, um bspw. Hochkantbilder zu verwenden. Beachte, dass die von dir verwendeten Bilder auf das Größenverhältnis abgestimmt sein sollten. Bei der Option Automatisch verhalten sich die Bilddateien wie im Kapitel optimale Bildergrößen beschrieben und skalieren auf die Bildschirmgröße. |
Art der Überschrift |
Zwischen Standardüberschrift, eigenener Überschrift und keiner Überschrift wählen. Die Farbe der Überschrift ist abhängig vom gewählten Erscheinugnsbild. Standardüberschrift = Hier wird auf bereits hinterlegte Namen zurückgegriffen. Ist als Quelle eine Kategorie angegeben, wird der Kategoriename als Standardüberschrift verwendet. Ist eine Varianten-ID gewählt, wird der Variantenname als Standardüberschrift verwendet. |
Quelle |
Die Auswahl der Quelle ermöglicht gleichzeitig die Angabe der Bildquelle und die Angabe eine Linkziels. Datei (Webspace) = Wähle über Datei wählen die Datei, auf die das Bild verlinken soll. |
In neuem Tab öffnen |
Aktivieren, um beim Klick auf eine Slide des Bilderkarussells einen neuen Browser-Tab mit dem angegebenen Linkziel zu öffnen. Diese Einstellung greift nur, wenn ein Linkziel unter Quelle angegeben wurde. |
Bildauswahl |
Bilddatei aus deinem Webspace wählen. Mit der Bildauswahl überschreibst du das Kategoriebild oder Variantenbild und kannst so Bilder im Karussell anzeigen, die du nicht für Artikel oder Kategorien verwendest. Du benutzt die Bildauswahl auch, um ein Bild für eine Datei (Webspace) oder einen externen Link zu speichern. |
Neuen Eintrag hinzufügen |
Klicke das Plus (), um eine neue Bilderkachel hinzuzufügen. Du kannst für jedes Bild die Quelle, Bildüberschrift, Art der Überschrift und Bildauswahl bestimmen. |
Eintrag entfernen |
Klicke auf das Minus () neben dem Feld Art der Überschrift, um die betreffende Bilderkachel zu entfernen. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Nur sichtbare Inhalte laden |
Aktivieren, um Bilder, die beim Aufruf der Seite im nicht-sichtbaren Bereich liegen, nachzuladen. Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im sichtbaren Bereich befinden. Weitere Informationen zur Verwendung von Lazy Loading findest du im PageSpeed Insights Best Practice. |
Bild vorladen (SSR) |
Aktivieren, um Bilder, die beim Aufruf der Seite im sichtbaren Bereich liegen, vorzuladen. Diese Einstellung ist nur wirksam in Verbindung mit Server-Side Rendering (SSR). Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im nicht-sichtbaren Bereich befinden. Weitere Informationen zur Verwendung der Option Bild vorladen (SSR) findest du im PageSpeed Insights Best Practice. |
3.4.2. Bilderbox
Dieses Widget stellt eine Bilderbox zur Verfügung, in der du Bilder speichern kannst, die beispielsweise auf Kategorien oder Varianten verlinken. Klicke Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Textbox innerhalb der Bilderbox. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Seitenverhältnis |
Seitenverhältnis wählen. Du kannst aus der Dropdown-Liste das passende Seitenverhältnis für deine Bilder wählen, um bspw. Hochkantbilder zu verwenden. Beachte, dass die von dir verwendeten Bilder auf das Größenverhältnis abgestimmt sein sollten. Bei der Option Automatisch verhalten sich die Bilddateien wie im Kapitel optimale Bildergrößen beschrieben und skalieren auf die Bildschirmgröße. |
Stil der Box |
Wählen, in welchem Verhältnis Bild und Text stehen sollen. Bild und Text (vollbreite Fußzeile) = Der Text wird in einer Fußzeile über die ganze Breite des Bilds angezeigt. |
Größe des Bilds |
Wählen, ob das Bild an die volle Breite der Box angepasst wird, oder entlang der Höhe skaliert. |
Quelle |
Die Auswahl der Quelle ermöglicht gleichzeitig die Angabe der Bildquelle und die Angabe eine Linkziels. Datei (Webspace) = Wähle über Datei wählen die Datei, auf die das Bild verlinken soll. |
In neuem Tab öffnen |
Aktivieren, um beim Klick auf das Bild einen neuen Browser-Tab mit dem angegebenen Linkziel zu öffnen. Diese Einstellung greift nur, wenn ein Linkziel unter angegeben wurde. |
Eigene Überschrift verwenden |
Aktivieren, um Inline-Editing für die Textbox zu ermöglichen. Wenn diese Checkbox gesetzt ist, kannst du auf das Stift-Symbol () auf dem Widget klicken, um den Text direkt bearbeiten zu können. |
Bildauswahl |
Bilddatei aus deinem Webspace wählen. Mit der Bildauswahl überschreibst du das Kategoriebild oder Variantenbild und kannst so Bilder anzeigen, die du nicht für Artikel oder Kategorien verwendest. Du benutzt die Bildauswahl auch, um ein Bild für eine Datei (Webspace) oder einen externen Link zu speichern. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Nur sichtbare Inhalte laden |
Aktivieren, um Bilder, die beim Aufruf der Seite im nicht-sichtbaren Bereich liegen, nachzuladen. Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im sichtbaren Bereich befinden. Weitere Informationen zur Verwendung von Lazy Loading findest du im PageSpeed Insights Best Practice. |
Bild vorladen (SSR) |
Aktivieren, um Bilder, die beim Aufruf der Seite im sichtbaren Bereich liegen, vorzuladen. Diese Einstellung ist nur wirksam in Verbindung mit Server-Side Rendering (SSR). Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im nicht-sichtbaren Bereich befinden. Weitere Informationen zur Verwendung der Option Bild vorladen (SSR) findest du im PageSpeed Insights Best Practice. |
3.4.3. Hintergrundbild
Dieses Widget stellt eine Bilderbox zur Verfügung, in der du Bilder speichern kannst, die beispielsweise auf Kategorien oder Varianten verlinken. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Volle Bildschirmbreite |
Hake diese Option an, um das Hintergrundbild, unabhängig von der Größe des Bildes, auf die Größe des jeweiligen Endgeräte-Bildschirms zu skalieren. |
Schriftgröße erhöhen |
Hake diese Option an, um die Schriftgröße von Widgets aus der Widget-Kategorie Text, die im Hintergrundbild-Widget platziert wurden, zu erhöhen. |
Im Hintergrund fixieren |
Hake diese Option an, um das Hintergrundbild zu fixieren. Ist diese Option inaktiv, scrollt das Hintergrundbild mit. |
Farbe |
Farbgebung aus der Dropdown-Liste wählen. Falls kein Bild für das Hintergrundbild-Widget ausgewählt ist, wird diese Farbe als Hintergrund verwendet. Falls das ausgewählte Bild kleiner als der Widget-Container ist, wird der Rest des Hintergrundbild-Widgets mit der ausgewählten Farbe ausgefüllt. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Hintergrundbild |
Wähle aus, welches Bild als Hintergrundbild verwendet werden soll. bei der Option Ohne wird nur die ausgewählte Farbe angezeigt. Die Optionen Kategoriebild 1 und Kategoriebild 2 zeigen das jeweilige, an der Kategorie hinterlegte Kategoriebild an. Wählst du die Option Eigenes Bild, wird eine Bildauswahl eingeblendet, über die du eine Bilddatei hochladen kannst. |
Skalierung |
Wähle aus, auf welche Weise sich das ausgewählte Bild im Widget verhalten soll. Wähle An der längeren Bildseite orientieren, um das gewählte Bild auf die Größe des gesamten Bildcontainers zu skalieren, selbst wenn das Bild dadurch abgeschnitten werden kann. Dies entspricht der CSS-Anweisung cover. Wähle An der kürzeren Bildseite orientieren, um das gewählte Bild immer vollständig anzuzeigen, selbst wenn dadurch nicht das gesamte Widget ausgefüllt wird. Dies entspricht der CSS-Anweisung contain. |
Bild wiederholen |
Hake diese Option an, um das ausgewählte Bild bis zum Ende des Hintergrundbild-Widgets fortlaufend wiederholen zu lassen. Ist diese Option inaktiv, wird das ausgewählte Bild nur einmal angezeigt. |
Deckkraft |
Nutze den Schieberegler, um die Deckkraft des ausgewählten Bilds zu bestimmen. Ein Wert von 0 blendet das Bild komplett aus. |
Mindesthöhe |
Wähle die Mindesthöhe für das Hintergrundbild-Widget aus. Die Option Ohne nimmt das Hintergrundbild-Widget die Höhe des darin enthaltenen Inhalts, also anderen Widgets an. Die Optionen xs bis xl erhöhen die Mindesthöhe über die Höhe des enthaltenen Inhalts hinaus. Die Option Auto sorgt dafür, dass das Hintergrundbild-Widget in einem Raster-Widget die Höhe des jeweils höchsten Widgets im gleichen Raster-Widget annimmt. Wenn das Hintergrundbild-Widget nicht in einem Raster-Widget platziert hat, hat die Option Auto die gleiche Auswirkung wie die Funktion Ohne |
Hintergrundbild nachladen |
Aktivieren, um Bilder, die beim Aufruf der Seite im nicht-sichtbaren Bereich liegen, nachzuladen. Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im sichtbaren Bereich befinden. Weitere Informationen zur Verwendung von Lazy Loading findest du im PageSpeed Insights Best Practice. |
Bild vorladen (SSR) |
Aktivieren, um Bilder, die beim Aufruf der Seite im sichtbaren Bereich liegen, vorzuladen. Diese Einstellung ist nur wirksam in Verbindung mit Server-Side Rendering (SSR). Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im nicht-sichtbaren Bereich befinden. Weitere Informationen zur Verwendung der Option Bild vorladen (SSR) findest du im PageSpeed Insights Best Practice. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5. Artikel
In dieser Widget-Kategorie werden alle Widgets aufgelistet, mit denen Artikel im Webshop dargestellt werden.
3.5.1. Tags
Dieses Widget stellt Tags, die mit Varianten verknüpft wurden, auf der Artikelansicht dar.
Besucher:innen werden bei Klick auf das jeweilige Tag auf eine Seite mit Suchergebnissen weitergeleitet, auf der alle mit diesem Tag verknüpften Varianten aufgelistet werden.
Um Tag-Weiterleitungen im Frontend zu ermöglichen, muss die Route /tags in den IO-Einstellungen unter Konfiguration » Routing » Routen aktivieren aktiviert werden.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Tag-Darstellung |
Wähle, ob deine Tags in der Form Standard oder Abgerundet dargestellt werden sollen. |
Tag-Größe |
Wähle, ob die Größe der Tags klein, standard oder groß sein soll. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.2. Attributauswahl
Dieses Widget stellt die Auswahl von Attributen auf der Artikelseite zur Verfügung. Über den plentyShop LTS-Assistenten kann bestimmt werden, ob die "Bitte wählen"-Option in der Attributauswahl anzeigt und vorausgewählt wird. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Auswahl des Inhalts immer anzeigen |
Aktivieren, um die Inhaltsauswahl der Variante immer anzuzeigen. Wenn diese Option deaktiviert ist, wird der Inhalt nur angezeigt, wenn dieser zur Unterscheidung der Varianten dient. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.3. In den Warenkorb
Dieses Widget stellt die In den Warenkorb-Schaltfläche zur Verfügung, mit der Kund:innen Artikel ihrem Warenkorb hinzufügen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Button-Größe |
Wähle, ob die Größe der Schaltfläche klein, standard oder groß sein soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.4. Auf die Wunschliste
Dieses Widget stellt die Auf die Wunschliste-Schaltfläche zur Verfügung, mit der Kund:innen Artikel ihrer Wunschliste hinzufügen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.5. Artikelverfügbarkeit
Dieses Widget stellt den Hinweis zur Artikelverfügbarkeit zur Verfügung. Die Verfügbarkeiten werden im Menü Einrichtung » Artikel » Verfügbarkeit hinterlegt und am Artikel definiert. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.6. Artikelbild
Dieses Widget stellt die am Artikel hinterlegten Artikelbilder zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Maximale Anzahl an Bildern |
Zahl eingeben, um die maximale Anzahl an angezeigten Artikelbildern festzulegen. |
Bildgröße |
Bildgröße wählen. Es stehen die 4 Größen Kleine Vorschau, Große Vorschau, Mittel und Groß zur Verfügung. Diese Größen entsprechen den 4 im Menü Einrichtung » Artikel » Bilder » Größen hinterlegten und eingestellten Bildergrößen. |
Vorschaubilder anzeigen |
Aktivieren um Vorschaubilder unterhalb des Artikelbilds anzeigen zu lassen. Die Vorschaubilder entsprechen den am Artikel hinterlegten Bildern. |
Navigationspunkte anzeigen |
Aktivieren, um unterhalb des Artikelbilds Navigationspunkte anzeigen zu lassen. |
Bild vorladen (SSR) |
Aktivieren, um Bilder, die beim Aufruf der Seite im sichtbaren Bereich liegen, vorzuladen. Diese Einstellung ist nur wirksam in Verbindung mit Server-Side Rendering (SSR). Dies verringert die anfängliche Ladezeit der Seite und erhöht dadurch die Performance. Aktiviere diese Einstellung nicht für Bilder, die sich beim Aufruf der Seite im nicht-sichtbaren Bereich befinden. Weitere Informationen zur Verwendung der Option Bild vorladen (SSR) findest du im PageSpeed Insights Best Practice. |
3.5.7. Artikelpaket
Dieses Widget stellt eine Übersicht über die im Artikelpaket enthaltenen Artikel zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.8. Bestellmerkmale / Bestelleigenschaften
Dieses Widget stellt die Auswahl der Bestellmerkmale und Bestelleigenschaften auf der Artikeleinzelansicht zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.9. Artikelpreis
Dieses Widget stellt den Preis des Artikels dar. Falls vorhanden werden auch Inhalt und Grundpreis angezeigt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Streichpreis anzeigen |
Aktivieren, um den durchgestrichenen UVP über dem Artikelpreis anzuzeigen. Hierfür muss neben dem UVP noch ein weiterer Preis vom Typ Aktionspreis angelegt sein. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Die Preise, die in Widgets im ShopBuilder-Editor angezeigt werden, sind Platzhalterdaten und entsprechen nicht zwangsläufig deinen echten Preisen. |
3.5.10. Staffelpreise
Dieses Widget stellt die Darstellung für Staffelpreise auf der Artikeleinzelansicht zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen. Um Staffelpreise nutzen zu können, musst du Staffelpreise konfiguriert haben.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Die Preise, die in Widgets im ShopBuilder-Editor angezeigt werden, sind Platzhalterdaten und entsprechen nicht zwangsläufig deinen echten Preisen. |
3.5.11. Artikeldaten-Tabelle
Dieses Widget stellt eine tabellarische Auflistung von Artikeldaten zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Angezeigte Artikelinformationen |
Artikelinformationen aus der Dropdown-Liste wählen, um das betreffende Datenfeld in der Artikeldaten-Tabelle anzuzeigen. Artikel-ID = Aktivieren, um die Artikel-ID anzuzeigen. |
Neuen Eintrag hinzufügen |
Klicke das Plus (), um der Tabelle eine neue Zeile hinzuzufügen. |
Eintrag entfernen |
Klicke auf das Minus (), um den betreffenden Eintrag aus der Tabelle zu entfernen. |
3.5.12. Artikelliste
Dieses Widget stellt Artikellisten zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Überschrift über der Artikelliste sowie die Schaltflächen auf der Artikelkachel. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Art der Überschrift |
Zwischen Standardüberschrift, eigenener Überschrift und keiner Überschrift wählen. Die Farbe der Überschrift ist abhängig vom gewählten Erscheinugnsbild. Standardüberschrift = Hier wird auf bereits hinterlegte Namen zurückgegriffen. Ist als Quelle eine Kategorie angegeben, wird der Kategoriename als Standardüberschrift verwendet. Ist eine Varianten-ID gewählt, wird der Variantenname als Standardüberschrift verwendet. |
Art der Artikelliste |
Wähle, welchen Typ von Artikelliste du für diese Liste festlegen willst: Komplettes Sortiment = Wählen, um eine Liste von Artikeln zu erstellen, die sich aus deinem gesamten Sortiment zusammensetzt. |
Artikelsortierung |
Wähle die Sortieroption entlang welcher die Artikelliste sortiert werden soll. |
Maximale Anzahl an Artikeln |
Gib die maximale Anzahl an Artikel an, die in dieser Artikelliste enthalten sein sollen. |
Anzahl der sichtbaren Artikel |
Gib die Anzahl an Artikeln an, die nebeneinander pro Reihe angezeigt werden sollen. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.5.13. Live-Shopping
Dieses Widget stellt einen Container für Live-Shopping-Artikel zur Verfügung. Klicke auf Einstellungen (), um die Widget-Einstellungen zu öffnen.
Wichtig: Um Live-Shopping nutzen zu können, musst du mindestens ein Live-Shopping-Profil angelegt haben. Weiterhin musst du bereits einen Verkaufspreis des Preistyps Aktionspreis angelegt haben.
Einstellung | Erläuterung |
---|---|
Live-Shopping-Auswahl |
Wähle eins von 10 möglichen Live-Shopping-Profilen, die du zuvor im Menü Einrichtung » plentyShop » Globale Einstellungen » Live-Shopping einrichtest. |
Sortierung |
Sortieroption wählen, entlang welcher die erste angezeigte Variante bestimmt wird. |
Timer anzeigen |
Aktivieren, um einen ablaufenden Countdown für das Live-Shopping-Angebot anzuzeigen. |
Zeitabhängigen Fortschrittsbalken anzeigen |
Aktivieren, um einen Fortschrittsbalken unter dem ablaufenden Countdown anzuzeigen. |
Bestand anzeigen |
Aktivieren, um den noch verfügbaren Bestand anzuzeigen. |
Bestandsabhängigen Fortschrittsbalken anzeigen |
Aktivieren, um einen Fortschrittsbalken unter dem Bestand anzuzeigen. |
Streichpreis anzeigen |
Aktivieren, um den durchgestrichenen UVP im Widget neben dem Aktionspreis anzuzeigen. Hierfür musst du einen UVP angelegt haben und mindestens einen weiteren Verkaufspreis des Preistyps Aktionspreis angelegt haben. |
Bildauswahl |
Bilddatei aus deinem Webspace wählen, die im Live-Shopping-Container anstatt des Variantenbilds angezeigt werden soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.6. Kundendaten
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die für die Anzeige und Bearbeitung von Kund:innendaten verwendet werden.
3.6.1. Begrüßung
Dieses Widget stellt eine Textbox zur Verfügung, mit der du deine Kund:innen im Webshop begrüßen kannst. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Stil der Anrede |
Wählen, welcher Stil für die Anrede im Widget verwendet werden soll: . Vorname und Nachname: Gibt den Text "Hallo, Max Mustermann" aus. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.6.2. Adressauswahl
Dieses Widget stellt die Adressauswahl zur Verfügung, um Kund:innen die Möglichkeit zu geben, im Checkout und Mein Konto-Bereich eine Liefer- und Rechnungsadresse einzugeben. Klicke auf den Stift (), um das Inline-Editing zu öffnen und den Widget-Titel direkt im Editor-Fenster zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Neue Adresse-Schaltfläche. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Vorausgewählte Anrede |
Auswählen, welche Option in der Dropdown-Liste Anrede vorausgewählt sein soll. Als Anrede für diverse Geschlechteroptionen kannst du Person wählen. Als Anrede für B2B-Kund:innen kannst du Firma vorauswählen. Im Menü Shop » Mehrsprachigkeit kannst du die betreffenden Einträge anpassen. |
Adresstyp |
Rechnungs- oder Lieferadresse wählen. |
Adressformat |
DE oder UK wählen. Je nachdem, welches Adressformat gewählt wird, stehen dir bei der Anzeige der Adressfelder und der Pflichtfeldauswahl unterschiedliche Felder zur Verfügung. |
Rechnungs- und Lieferadressfelder anzeigen |
Adressfelder wählen, die deinen Kund:innen bei der Adresseingabe angezeigt werden. |
Pflichtfelder für Rechnungs- und Lieferadresse |
Adressfelder wählen, die von deinen Kund:innen vor dem Klick auf Kaufen ausgefüllt sein müssen. Wenn diese Felder beim Klick auf Kaufen nicht ausgefüllt sind, wird der Kauf nicht abgeschlossen. Die folgenden Adressfelder stehen für die Adressauswahl zur Verfügung: |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Adressfelder "Firma" und "Ansprechpartner"
Die Adressfelder enthalten nun die Option Ansprechpartner. Das Feld Ansprechpartner ist nur für Firmenkund:innen relevant. Das Verhalten der Felder Firma und Ansprechpartner wurde wie folgt überarbeitet:
|
3.7. Warenkorb
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die für die Darstellung von Warenkorbinformationen verwendet werden.
3.7.1. Warenkorbinhalt
Dieses Widget stellt eine Übersicht über die im Warenkorb befindlichen Artikel zur Verfügung. In der Editor-Ansicht des ShopBuilders wird dir kein Warenkorbinhalt angezeigt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.7.2. Gutscheineingabe
Dieses Widget stellt ein Eingabefeld zur Verfügung, über welches deine Kund:innen Gutscheine einlösen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.7.3. Summen
Dieses Widget stellt eine Übersicht über die Summen, die sich aus den gegenwärtigen Artikeln im Warenkorb errechnen, zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Preisinformationen anzeigen |
Wählen, welche Preisinformationen in der Summenübersicht angezeigt werden sollen. Mögliche Preisinformationen: |
3.8. Kontakt
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die dazu dienen, deine Kontaktseite zu erstellen.
3.8.1. Kontaktdaten
Dieses Widget stellt eine Auflistung deiner Kontaktdaten zur Verfügung, einschließlich Adresse, Telefon, Fax und E-Mail. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Telefon |
Telefonnummer eingeben, die neben dem Telefon-Icon in den Kontaktdaten angezeigt wird. |
Fax |
Faxnummer eingeben, die neben dem Fax-Icon in den Kontaktdaten angezeigt wird. |
E-Mail-Adresse eingeben, die neben dem E-Mail-Icon in den Kontaktdaten angezeigt wird. |
|
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9. Checkout
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die für deine Kaufabwicklung nötig sind.
3.9.1. Versandartauswahl
Dieses Widget stellt die Auswahl der im Webshop verfügbaren Versandarten zur Verfügung. Dieses Widget ist auf 1 pro Seite beschränkt. Klicke auf den Stift (), um den Titel des Widgets inline editieren zu können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.2. Zahlungsartauswahl
Dieses Widget stellt die Auswahl der im Webshop verfügbaren Zahlungsarten bereit. Es werden ausschließlich eingestellte und aktivierte Plugin-Zahlugnsarten angezeigt. Dieses Widget ist auf 1 pro Seite beschränkt. Klicke auf den Stift (), um den Titel des Widgets inline editieren zu können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.3. Hinweise und Wünsche
Dieses Widget stellt eine Texteingabe zur Verfügung, über die Kund:innen ihrer Bestellung eine Nachricht hinzufügen können. Klicke auf den Stift (), um den Titel des Widgets inline editieren zu können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.4. AGB-Checkbox
Dieses Widget stellt eine Checkbox zur Verfügung, mit welcher Kund:innen deinen allgemeinen Geschäftsbedingungen zustimmen können. Dieses Widget ist auf 1 pro Seite limitiert. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Checkbox ausblenden |
Aktivieren, um die Checkbox im Webshop nicht anzeigen zu lassen. Sie ist automatisch angehakt. |
Checkbox vorauswählen |
Aktivieren, um die Checkbox standardmäßig anzuhaken. |
Pflichtfeld |
Aktivieren, um einen Kauf nur nach dem Anhaken der Checkbox zuzulassen. |
Text |
Text eingeben, Dieser überschreibt den Hinweistext, der neben der Checkbox angezeigt wird. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.5. Versandinformationen-Checkbox
Dieses Widget stellt die Checkbox zur Verfügung, mit der deine Kund:innen einwilligen können, dass ihre Versandinformationen an den jeweiligen Versanddiensleister weitergegeben werden dürfen. Die Checkbox wird nur dann im Webshop angezeigt, wenn ein Versandprofil ausgewählt ist, für das die Option Einwilligung zur Datenübermittlung aktiv ist. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.6. Newsletter-Checkbox
Dieses Widget stellt eine Checkbox zur Verfügung, mit welcher sich Kund:innen zu einem deiner Newsletter anmelden können. Klicke auf Bearbeiten, um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
E-Mail-Ordner-ID |
Gib die ID des E-Mail-Ordners ein, den du für den Newsletter verwenden willst. |
Checkbox ausblenden |
Aktivieren, um die Checkbox im Webshop nicht anzeigen zu lassen. Sie ist automatisch angehakt. |
Checkbox vorauswählen |
Aktivieren, um die Checkbox standardmäßig anzuhaken. |
Pflichtfeld |
Aktivieren, um einen Kauf nur nach dem Anhaken der Checkbox zuzulassen. |
Text |
Text eingeben, Dieser überschreibt den Hinweistext, der neben der Checkbox angezeigt wird. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.7. Kaufen-Button
Dieses Widget stellt die Kaufen-Schaltfläche zur Verfügung, über den deine Kund:innen die Bestellung im Webshop abschließen. Klicke auf Einstellungen (), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Button-Größe |
Wähle, ob die Größe der Schaltfläche klein, standard oder groß sein soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.9.8. Kauf abbrechen-Button
Dieses Widget stellt eine Schaltfläche zur Verfügung, über die deine Kund:innen einen verifizierten Kauf eines Payment-Plugins (z.B. PayPal) abbrechen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Button-Größe |
Wähle, ob die Größe der Schaltfläche klein, standard oder groß sein soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.10. Mein Konto
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die dir zur Gestaltung deines Kund:innenbereichs zur Verfügung stehen.
3.10.1. Kontoeinstellungen
Dieses Widget stellt deinen Kund:innen eine Übersicht über ihre Kontoeinstellungen zu Verfügung, über die sie ihre E-Mail-Adresse und ihr Passwort ändern können. Klicke auf den Stift (), um den Widget-Titel und den Beschreibungstext inline zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltflächen E-Mail-Adresse ändern und Passwort ändern. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.10.2. Bankdaten
Dieses Widget stellt deinen Kund:innen eine Übersicht über ihre Bankdaten zur Verfügung. Klicke auf den Stift (), um den Widget-Titel und den Beschreibungstext inline zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltfläche Bankdaten hinzufügen. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.10.3. Auftragshistorie
Dieses Widget stellt deinen Kund:innen eine Auflistung ihrer früheren Bestellungen zur Verfügung. Die Auftragshistorie beinhaltet die Auftrags-ID, die Summe, das Auftragsdatum, das Versanddatum und den Status des Auftrags. Klicke auf den Stift (), um den Widget-Titel inline zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Paginierung. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Aufträge pro Seite |
Wähle aus, wie viele Aufträge deinen Kund:innen pro Seite angezeigt werden. |
Zahlungsart erlauben |
Aktivieren, um deinen Kund:innen das nachträgliche Ändern der Zahlungsart zu ermöglichen. |
Retouren erlauben |
Aktivieren, um deinen Kund:innen das Retournieren ihrer Bestellungen zu erlauben. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.10.4. Retourenhistorie
Dieses Widget stellt deinen Kund:innen eine Auflistung ihrer früheren Retouren zur Verfügung. Die Retourenhistorie beinhaltet die Retouren-ID, die Auftrags-ID, das Retourendatum, die gewählte Zahlungsart und relevante Retourendokumente des Auftrags. Klicke auf den Stift (), um den Widget-Titel inline zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Paginierung. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Retouren pro Seite |
Wähle aus, wie viele Retouren deinen Kund:innen pro Seite angezeigt werden. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.10.5. Ausloggen-Button
Dieses Widget stellt die Schaltfläche zur Verfügung, mit der sich deine Kund:innen aus dem Webshop ausloggen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltfläche. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Button-Größe |
Wähle, ob die Größe der Schaltfläche klein, standard oder groß sein soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.11. Bestellbestätigung
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die dir zur Gestaltung der Bestellbestätigung zur Verfügung stehen.
3.11.1. Auftragsdaten
Das Auftragsdaten-Widget zeigt deinen Kund:innen eine Übersicht über ihre Daten, einschließlich Auftragsdatum, Status, Adressen, gewählter Zahlungs- und Versandart und dem Zahlungsstatus. Im PlentyONE Backend werden Stellvertreter-Daten angezeigt. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe einzelner Elemente des Widgets. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Adressfelder anzeigen |
Aktiviere alle Adressinformationen, die für Rechnungs- und Lieferadress angezeigt werden. |
Kundennummer anzeigen |
Aktivieren, um die vergebene Kund:innennummer oberhalb der Lieferadresse anzuzeigen. |
3.11.2. Auftragsdokumente
Dieses Widget stellt eine Schaltfläche zur Verfügung, über den deine Kund:innen die für ihre Bestellung relevanten Dokumente herunterladen können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltfläche, über den die Auftragsdokumente heruntergeladen werden können. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Button-Größe |
Wähle, ob die Größe der Schaltfläche klein, standard oder groß sein soll. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.11.3. Gekaufte Artikel
Dieses Widget stellt eine Auflistung der bestellten Artikel zur Verfügung, inklusive Artikelbild, Artikelname, Einzelpreis, Stückzahl und Gesamtsumme. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Artikelnamen in der Auflistung. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.11.4. Summen
Dieses Widget stellt eine Auflistung der Auftragssummen zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Preisinformationen anzeigen |
Aktiviere alle Preisinformationen, die du in der Auftragsbestätigung anzeigen willst. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.12. Softlogin
Die Softlogin-Seite dient dazu, Kund:innen, die als Gast bestellen, einen sicheren Zugang zu ihrer Auftragsbestätigung zu ermöglichen.
Wenn Gastkund:innen den Auftragsbestätigungslink öffnen, den sie nach einer Bestellung per E-Mail erhalten, werden sie erst zur Softlogin-Seite geleitet.
Auf der Softlogin-Seite müssen Kund:innen nochmal die Postleitzahl der Liefer- oder Rechnungsadresse angeben, um auf die Auftragsbestätigungsseite zugreifen zu können. Sollte keine PLZ vorliegen, wird ersatzweise der Nachname der Rechnungs- oder Lieferanschrift abgefragt.
Du kannst im Schritt Webshop des plentyShop LTS-Assistenten einstellen, wie lange der Auftragsbestätigungslink für Gastkund:innen gültig sein soll. Du kannst die Gültigkeit auf 30 Tage, 60 Tage oder Immer festsetzen.
Falls du die Gültigkeit des Auftragsbestätigunglinks auf Immer festlegst, werden Gastkund:innen nach 90 Tagen auf eine Seite weitergeleitet, auf der sie einen neuen Auftragsbestätigunglinks anfordern können.
Erstelle hierfür eine neue E-Mail-Vorlage, die den neuen Auftragsbestätigunglink enthält.
3.12.1. E-Mail-Vorlage erstellen
Erstelle eine neue E-Mail-Vorlage für das Versenden des Auftragsbestätigunglinks mit dem EmailBuilder.
Diese Vorlage muss die Variable URL zur Auftragsübersicht
enthalten, die den Link zur Auftragsbestätigung enthält.
Nachdem du die Vorlage erstellt hast, musst du die Vorlage noch mit dem entsprechenden Ereignis verknüpfen.
E-Mail-Vorlage verknüpfen:
-
Öffne das Menü Einrichtung » Mandant » Global » E-Mail-Konten.
-
Wähle einen Mandanten.
-
Gehe zum Bereich Automatischer Versand.
-
Wähle für Neuer Link zur Bestellbestätigung deine neu erstellte Vorlage aus der Dropdown-Liste.
-
Speichere () deine Änderungen.
3.12.2. Softlogin-Inhalt
Um deinen Gastkund:innen die Softlogin-Seite zur Verfügung zu stellen, lege einen neuen Inhalt vom Typ Softlogin in der Kategorie deiner Bestellbestätigungsseite an. Die Softlogin-Seite wird automatisch angezeigt, wenn Gastkund:innen die Bestellbestätigungsseite über den Link in der ihnen zugeschickten E-Mail aufrufen.
3.12.3. Softlogin-Texte bearbeiten
Du kannst die Texte, die auf der Softlogin-Seite angezeigt werden, über das Menü Shop » Mehrsprachigkeit bearbeiten.
Die beiden Übersetzungsschlüssel softLoginDescriptionName
und softLoginDescriptionPostcode
enthalten die Texte, die auf der Softlogin-Seite angezeigt werden. softLoginDescriptionPostcode
enthält den Text, der angezeigt wird, wenn Gastkund:innen eine Postleitzahl angeben können. Falls keine Postleitzahl vorhanden ist, wird der in softLoginDescriptionName
enthaltende Text angezeigt.
3.12.4. Softlogin-Widget
Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltfläche auf der Softlogin-Seite. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13. Artikelkategorie
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die dir zur Gestaltung deiner Artikelkategorien zur Verfügung stehen.
3.13.1. Toolbar
Dieses Widget stellt die Toolbar zur Verfügung, mit der du Filter und Sortierung deiner Kategorieansicht anordnen kannst. Die Toolbar dient dabei als Strukturelement, in welchem du andere Widgets der Widget-Kategorie Artikelkategorie platzieren kannst. Die Toolbar ist aufklappbar. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe des Icons und des Texts daneben. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Icon |
Wähle ein Icon aus der Dropdown-Liste. Das Icon wird auf der rechten Seite der Toolbar angezeigt. Durch Klick auf das Icon kann die Toolbar aufgeklappt werden Der Standardwert ist Schieberegler. |
Text |
Gib einen Text ein. Dieser wird rechts neben dem gewählten Icon angezeigt. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.2. Artikelanzahl pro Seite
Dieses Widget stellt deinen Kund:innen die Auswahl der Artikelanzahl pro Seite zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Auswahlmöglichkeit |
Gib einen Wert ein. Kund:innen können diesen Wert in der Kategorieansicht auswählen. Klicke das Plus-Symbol, um weitere Werte hinzuzugügen. Über die Pfeile kannst du eingegebene Werte neu anordnen. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.3. Artikelsortierung
Dieses Widget stellt deinen Kund:innen die Auswahl der Artikelsortierung zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Sortieroptionen |
Aktiviere alle Werte die du deinen Kund:innen in der Auswahl zur Verfügung stellen willst. Den Wert Empfohlen definierst du im plentyShop -Assistenten oder über das Menü Plugins » plentyShop » Konfiguration » Paginierung und Sortierung selbst. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.4. Artikelraster
Dieses Widget stellt das Artikelraster zur Auflistung deiner Artikel in der Kategorieansicht zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Verlinkung auf Versandkosten. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Artikelanzahl pro Zeile (Desktop) |
Wähle die Anzahl an Artikeln, die pro Zeile in der Desktop-Ansicht angezeigt werden. |
Artikelanzahl pro Zeile (Tablet) |
Wähle die Anzahl an Artikeln, die pro Zeile in der Tablet-Ansicht angezeigt werden. |
Artikelanzahl pro Zeile (Mobile) |
Wähle die Anzahl an Artikeln, die pro Zeile in der mobilen Ansicht angezeigt werden. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.5. Seitennummerierung
Dieses Widget stellt deinen Kund:innen die Seitennummerierung zur Verfügung, mit der sie durch Kategorieseiten und Suchergebnisseiten navigieren können. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Schaltflächen. Du legst die verfügbaren Farboptionen im Menü Design fest. |
"Zur ersten Seite"-Button anzeigen |
Aktivieren, um eine Schaltfläche in der Seitennummerierung anzuzeigen, über die Kund:innen auf die erste Seite navigieren können. |
"Zur letzten Seite"-Button anzeigen |
Aktivieren, um eine Schaltfläche in der Seitennummerierung anzuzeigen, über die Kund:innen auf die letzte Seite navigieren können. |
Zusätzliche Seiten pro Richtung |
Nutze den Schieberegler, um einzustellen, wieviele Seite in der Seitennummerierung pro Richtung angezeigt werden sollen. Du kannst maximal 10 zusätzliche Seiten anzeigen. |
Ausrichtung |
Wähle zwischen linksbündig, zentriert und rechtsbündig, um die Position der Seitennummerierung anzupassen. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.6. Ausgewählte Filter
Dieses Widget stellt deinen Kund:innen eine Übersicht der gegenwärtig ausgewählten Filter zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Ausrichtung |
Wähle zwischen linksbündig, zentriert und rechtsbündig, um die Position der ausgewählten Filter anzupassen. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.7. Filter
Dir stehen 5 verschiedene Filter zur Verfügung: Filter für Attribute, Eigenschaften und Merkmale, Verfügbarkeitsfilter, Preisfilter, Kategoriefilter und Herstellerfilter. Diese 5 Widgets haben die gleichen Einstellungen, die unten aufgeführt sind. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Artikelanzahl rechts neben dem jeweiligen Filter. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.13.8. Kategoriefilter
Dieses Widget bietet deinen Kund:innen die Möglichkeit, Kategorien als Filter auf Suchergebnis- und Artikelkategorieseiten zu verwenden, um die Zahl der angezeigten Artikel einzuschränken. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Kategoriefilter werden im plentyShop nur angezeigt, wenn die Option Kategorien als Filteroptionen auf Suchergebnis- und Artikelkategorieseiten ermöglichen im plentShop LTS-Assistenten aktiv ist.
Anzahl der Kategorien im Kategoriefilter
Aus Gründen der Performance werden nur die 9 Kategorien als Filter angezeigt, die die meisten Treffer haben. |
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Artikelanzahl rechts neben dem jeweiligen Filter. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.14. Footer
In dieser Widget-Kategorie werden alle Widgets aufgelistet, die ausschließlich im Footer-Bereich deiner Webshop-Seiten verwendet werden.
3.14.1. Cookie-Bar
Das Cookie-Bar-Widget stellt deinen Kund:innen die Verwaltung der Cookies, die im Onlineshop verwendet werden, zur Verfügung. Die Cookie-Bar verwaltet automatisch alle Cookies, die von plentyShop oder weiteren Plugins registriert werden. Beachte, dass du weitere Einstellungen für Cookies im plentyShop-Assistenten vornehmen kannst. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichern. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Tabs im Widget. Du legst die Farboptionen im Menü Design fest. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Buttonreihenfolge |
Auswählen, in welcher Reihenfolge die Schaltflächen Alle akzeptieren, Alle ablehnen und Auswahl akzeptieren in der Cookie-Bar von oben nach unten angezeigt werden sollen. Die Schaltfläche Alle ablehnen wird nur berücksichtigt, wenn die Einstellung Option zum Ablehnen aller Cookies anzeigen in den Einstellungen des Cookie-Bar-Widgets aktiviert ist. |
Option zum Ablehnen aller Cookies anzeigen |
Aktivieren, um eine Schaltfläche in der Cookie-Bar anzuzeigen, mit der Kund:innen alle nicht-essentiellen Cookies ablehnen können. Wenn diese Einstellung aktiv ist, wird die Alle ablehnen-Schaltfläche auch von der Einstellung Buttonreihenfolge berücksichtigt. |
Cookies-Einstellungen im plentyShop-Assistenten
Im Schritt Webshop des plentyShop-Assistenten legst du mit der Einstellung Gültigkeit des Cookies fest, wie lange der essentielle Session-Cookie gültig sein soll. Der Session-Cookie dient dazu, Informationen zu bündeln und eine:r Nutzer:in zuzuordnen, sodass beispielsweise Artikel, die in den Warenkorb gelegt wurden, sich auch nach einer bestimmten Zeit noch im Warenkorb befinden. |
3.14.2. Rechtliche Informationen
Dieses Widget stellt eine Liste mit Links zu deinen Rechtstexten zur Verfügung, die du im Footer deines Webshops anzeigen lassen kannst. Du pflegst deine Rechtstexte im Menü Einrichtung » Shop » (Mandanten wählen) » Rechtliches. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Widerrufsrecht sichtbar machen |
Aktivieren, um den Link zu deinem Widerrufsrecht im Footer zu aktivieren. Der Link verlinkt auf die Route /cancellation-rights. |
Impressum sichtbar machen |
Aktivieren, um den Link zu deinem Impressum im Footer zu aktivieren. Der Link verlinkt auf die Route /legal-disclosure. |
Datenschutzerklärung sichtbar machen |
Aktivieren, um den Link zu deiner Datenschutzerklärung im Footer zu aktivieren. Der Link verlinkt auf die Route /privacy-policy. |
AGB sichtbar machen |
Aktivieren, um den Link zu deinen allgemeinen Geschäftsbedingungen im Footer zu aktivieren. Der Link verlinkt auf die Route /gtc. |
Widerrufsformular sichtbar machen |
Aktivieren, um den Link zu deinem Widerrufsformular im Footer zu aktivieren. Der Link verlinkt auf die Route /cancellation-form. |
PDF-Datei als Formular verwenden |
Anstatt des im Backend hinterlegten Textes kannst du eine PDF-Datei als dein Widerrufsformular verwenden. Wenn du diese Option aktivierst, wird die PDF-Auswahl darunter eingeblendet, über die du ein PDF hochladen und auswählen kannst. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.15. Weitere Widgets
In dieser Widget-Kategorie werden alle Widgets gesammelt, die nicht eindeutig einem anderen Typen zugeordnet werden können.
3.15.1. GoogleMaps
Hinweis: Dieses Widget ist nicht Bestandteil des plentyShop -Plugins und muss gesondert aus dem plentyMarketplace heruntergeladen und installiert werden. Nach der Installation ist es in der Widget-Übersicht verfügbar.
Dieses Widget bindet die GoogleMaps Karte im Webshop ein, um damit beispielsweise die Adresse deines Ladengeschäfts anzuzeigen. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Google API-Schlüsel |
Hier gibst du den API-Schlüssel ein, der für die Verwendung von GoogleMaps nötig ist. Du erhältst ihn von Google Cloud. Die GoogleMaps API ist unter Umständen kostenpflichtig. |
Adresse |
Gib die Adresse ein, die du auf der Karte markieren willst. |
Zoom |
Gib die Zoomstufe für die Kartenansicht ein. Der Standardwert ist 16; größere Werte zoomen heran, kleinere Werte zoomen heraus. |
3.15.2. Newsletter
Dieses Widget stellt die Newsletter-Anmeldung für deine Kund:innen zur Verfügung. Klicke auf den Stift (), um die Widget-Überschrift inline zu bearbeiten. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Abonnieren-Schaltfläche. Du legst die verfügbaren Farboptionen im Menü Design fest. |
Eingabefelder für Vor- und Nachname anzeigen |
Aktivieren, um zusätzlich zur E-Mail-Adresse auch Eingabefelder für Vor- und Nachnamen bei der Newsletteranmeldung anzuzeigen. |
Checkbox zur Einwilligung der Datenschutzerklärung anzeigen |
Aktivieren, um eine Checkbox in der Newsletteranmeldung anzuzeigen, mit der deine Kund:innen deine Datenschutzerklärung akzeptieren können. |
E-Mail-Ordner-ID |
ID des E-Mail-Ordners eingeben, in dem die E-Mail-Adressen deiner Kund:innen gespeichert werden. Du legst E-Mail-Ordner im Menü CRR » Newsletter » PlentyONE » E-Mail-Ordner an. Weitere Informationen zu E-Mail-Ordnern findest du auf der CRM-Handbuchseite. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
3.15.3. Datenschutzeinstellungen
Das Widget Datenschutzeinstellungen stellt deinen Kund:innen eine Übersicht über die Cookies, die auf dieser Seite verwendet werden, zur Verfügung. Klicke auf Einstellungen ( ), um die Widget-Einstellungen zu öffnen.
Einstellung | Erläuterung |
---|---|
CSS-Klasse |
Speichere in diesem Feld zusätzliche CSS-Klassen, um das Widget individuell zu stylen. Du kannst beliebig viele CSS-Klassen speichere. |
Erscheinungsbild |
Farbgebung aus der Dropdown-Liste wählen. Diese bestimmt die Farbe der Tabs im Widget. Du legst die Farboptionen im Menü Design fest. |
Innenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Außenabstand ändern |
Aktivieren, um weitere Formatierungsoptionen einzublenden. Dir stehen separate Optionen für alle Seitenabstände des Widgets zur Verfügung. |
Cookies-Einstellungen im plentyShop-Assistenten
Im Schritt Webshop des plentyShop-Assistenten legst du mit der Einstellung Gültigkeit des Cookies fest, wie lange der essentielle Session-Cookie gültig sein soll. Der Session-Cookie dient dazu, Informationen zu bündeln und eine:r Nutzer:in zuzuordnen, sodass beispielsweise Artikel, die in den Warenkorb gelegt wurden, sich auch nach einer bestimmten Zeit noch im Warenkorb befinden. |
3.16. Inline Editing für Texte
Einige Widgets, die bearbeitbare Texte enthalten, können inline bearbeitet werden. Das bedeutet, dass der Text nicht mehr in einem Eingabefeld der Widget-Einstellungen bearbeitet werden muss, sondern direkt in der Vorschauansicht des Editors geändert werden kann. Um den Inline Editor zu öffnen, klicke auf dem jeweiligen Widget die Schaltfläche mit dem Stift-Symbol ().

Markiere den Text im geöffneten Inline Editor, den du bearbeiten willst, um die Formatierungspalette einzublenden. Dir stehen die folgenden Formatierungsoptionen zur Verfügung:

Option | Erläuterung |
---|---|
Bold |
Formatiert den ausgewählten Text als fettgedruckte Schrift. |
Italic |
Formatiert den ausgewählten Text in kursiv. |
Underline |
Unterstreicht den ausgewählten Text. |
Strikethrough |
Streicht den ausgewählten Text durch. |
Überschrift |
Die Dropdown-Liste stellt 6 verschiedene Überschriftenformate von H1-H6 zur Verfügung, mit denen der ausgewählte Text formatiert werden kann. Beachte, dass die Verwendung von H1-Überschriften evtl. SEO-relevant sein könnte. |
Link |
Öffnet ein Overlay, in welchem ein Linkziel für den ausgewählten Text hinterlegt werden kann. Zusätzlich kannst du das hinterlegte Linkziel in einem neuen Tab öffnen lassen, indem du die Checkbox dafür anhakst. |
Ausrichtung |
Wähle, ob der ausgerwählte Text linksbündig, rechtsbündig, mittig oder als Blocksatz formatiert werden soll. |
Liste |
Formatiert den ausgewählten Text als Bulletpoint-Liste, in der Listeneinträge mit einem Punkt gekennzeichnet sind. |
Nummerierte Liste |
Formatiert den ausgewählten Text als nummerierte Liste. |
Schriftfarbe |
Wähle die Schriftfarbe des ausgewählten Texts aus. Dir stehen schwarz sowie die 6 von dir definierten Felder aus dem Menü Design zur Verfügung. |
Hintergrundfarbe des Texts |
Wähle die Hintergrundfarbe des ausgewählten Texts aus. Dir stehen weiß sowie die 6 von dir definierten Felder aus dem Menü Design zur Verfügung. |
Übersetzungsschlüssel |
Öffnet ein Overlay, in dem du einen Übersetzungsschlüssel angeben kannst. Übersetzungsschlüssel sind Platzhalter, die durch Inhalt befüllt werden, der im Menü Shop » Mehrsprachigkeit hinterlegt wird. Das Format für hier eingetragene Übersetzungsschlüssel ist Ceres::Template.keyName, wobei "keyName" der jeweilige Übersetzungsschlüssel ist. Beachte, dass die Übersetzungsschlüssen in camelCase geschrieben werden, der Schlüssel für deine AGB ist also Ceres::Template.termsAndConditions. |
Wenn du deinen Text bearbeitet hast, musst die die Änderungen durch Klick auf den grünen Haken in der rechten oberen Ecke des Inline Editor-Fensters übernehmen. Vergiss nicht deine Änderungen zu speichern.
3.16.1. Datenfelder für Artikelseiten
Im Inline-Editor ist es möglich, Datenfelder von Varianten und Artikeln im Text einzufügen.
Dazu gehören zum Beispiel der Hersteller, das Gewicht, Artikelmaße, Eigenschaften, etc.
Wenn du dich in der Editor-Ansicht eines Inhalts vom Typ Artikel befindest und das Inline Editing eines Widgets öffnest, wird links ein Navigationsbaum für Datenfelder geöffnet, in welchem du eine Vielzahl an Artikeldaten findest, die du inline einfügen kannst.
Klappe einen Bereich im Datenfeld-Baum auf, um die darin liegenden Datenfelder anzeigen zu lassen.
Du fügst ein Datenfeld an der Cursorposition ein, indem du links im Baum auf den entsprechende Eintrag klickst.
Die Auswahl der Artikeldatenfelder siehst du auf diesem Screenshot:

Falls am Artikel selbst das entsprechende Datum nicht hinterlegt ist, wird kein Wert im Webshop angezeigt.
Datenfeld auf der Artikelansicht einfügen:
-
Öffne einen Inhalt für eine Artikelseite im ShopBuilder-Editor.
-
Klicke auf das Stift-Symbol eines Widgets (), um den Inline-Editor zu öffnen.
→ Der Navigationsbaum für Artikelinformationen wird auf der linken Seite eingeblendet. -
Klappte den gewünschten Bereich im Navigationsbaum auf, indem du auf dessen Titel klickst.
-
Klicke auf die gewünschte Artikelinformation, um diese an der Position deines Cursors im Inline-Editor hinzuzufügen.
-
Speichere () die Einstellungen.
3.17. Innen- und Außenabstände
Fast alle Widgets können hinsichtlich ihrer Innen- und Außenabstände konfiguriert werden. In den Widget-Einstellungen findest du die Checkboxen Innenabstand ändern und Außenabstand ändern. Wenn du die Checkboxen aktivierst, werden dir zusätzliche Formatierungsoptionen für die Innen- und Außenabstände (Paddings und Margins) angezeigt.
Einstellung | Erläuterung |
---|---|
Auto |
Standardwert des Abstands. |
XS |
Abstand entspricht 0,25 rem. |
S |
Abstand entspricht 0,5 rem. |
M |
Abstand entspricht 1 rem. |
L |
Abstand entspricht 1,5 rem. |
XL |
Abstand entspricht 3 rem. |
Eigene |
Gib einen eigenen Wert für den oberen Außenabstand ein. Wähle dabei zwischen der Einheit px oder rem. |
4. Design-Einstellungen für plentyShop vornehmen
Wenn du einen Inhalt im Editor bearbeitest, kannst du über die Schaltfläche Design () die Design-Einstellungen des ShopBuilders öffnen. Hier nimmst du globale Farbeinstellungen vor und wählst Schriftarten für deinen Webshop aus.
4.1. Farbeinstellungen für plentyShop bearbeiten
Im Menü Design kannst du die Hauptfarben für alle Seiten deines Shops global verwalten. Die Bezeichnungen der 6 Farbfelder im Bereich Farben sind aus dem in plentyShop verwendeten Framework Bootstrap entlehnt. Du kannst die Farben dieser 6 Felder selbst definieren und in den Einstellungen der meisten Widgets über die Dropdown-Liste Erscheinungsbild darauf zugreifen.
Farben wählen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke auf einen beliebigen von dir erstellten Inhalt.
→ Die Editor-Ansicht wird geöffnet. -
Klicke in der Werkzeugleiste auf Design ().
→ Das Menü Design wird geöffnet. -
Nimm die Einstellungen im Bereich Farben vor. Beachte dazu die Erläuterungen in Tabelle 74.
-
Speichere () die Einstellungen.
Einstellung | Erläuterung |
---|---|
Primärfarbe |
Wähle die Primärfarbe deines plentyShops. Diese bestimmt die Farbgebung der Schaltflächen im Shop. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
Sekundärfarbe |
Dieses Attribut verändert die Sekundärfarbe des Shops. Du kannst dieses Farbfeld in den meisten Widgets verwenden. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
Farbe der Erfolgsbenachrichtigungen |
Dieses Attribut verändert die Farbe der Erfolgsmeldungen im Shop. Du kannst dieses Farbfeld in den meisten Widgets verwenden. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
Farbe der Informationsbenachrichtigungen |
Dieses Attribut verändert die Farbe der Hinweise im Shop. Du kannst dieses Farbfeld in den meisten Widgets verwenden. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
Farbe der Warnungsbenachrichtigungen |
Dieses Attribut verändert die Farbe der Warnmeldungen im Shop. Du kannst dieses Farbfeld in den meisten Widgets verwenden. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
Farbe der Gefahrenbenachrichtigung |
Dieses Attribut verändert die Farbe der Fehlermeldungen im Shop. Du kannst dieses Farbfeld in den meisten Widgets verwenden. Wähle eine Farbe über die Farbauswahl oder gib einen Hexadezimalwert ein. |
4.2. Schriftart im ShopBuilder hinzufügen
Der ShopBuilder bietet ebenfalls die Möglichkeit, eine beliebige Schriftart einzubinden. Dazu kannst du entweder eine Schrift-URL eingefügen oder eine Schrift hochladen. Diese Schriften werden global in deinem plentyShop verwendet.
Schriftart hinzufügen:
-
Öffne das Menü Shop » ShopBuilder.
→ Die Content-Manager-Ansicht des ShopBuilders wird geöffnet. -
Klicke auf einen beliebigen von dir erstellten Inhalt.
→ Die Editor-Ansicht wird geöffnet. -
Klicke in der Wekrzeugleiste auf Design.
→ Das Menü Design wird geöffnet. -
Nimm die Einstellungen im Bereich Schriften vor. Beachte dazu die Erläuterungen in Tabelle 75.
-
Speichere () die Einstellungen.
Option | Erläuterung |
---|---|
Schrift-URL einfügen |
Wähle eine URL und füge sie in die entsprechende Zeile (regulär, bold, italic oder bold-italic) ein. |
Schrift hochladen |
Hierzu musst du bereits eine Schriftart auf deinem Rechner gespeichert haben. Wähle in der entsprechenden Zeile (regulär, bold, italic oder bold-italic) die gewünschte Datei aus. |
5. ShopBuilder Workflow für das Erstellen von neuen Seiten
Um eine neue Seite zu erstellen und im plentyShop anzeigen zu lassen, gehst du jeweils die folgenden Schritte durch.
-
Wähle in der Content-Manager-Ansicht ein Plugin-Set, eine Sprache und einen Mandanten.
-
Wähle die Kategorie aus, für die du eine neue Seite erstellen willst.
-
Erstelle einen neuen Inhalt, indem du auf Neu klickst.
-
Klicke auf den neu angelegten Inhalt, um die Editor-Ansicht zu öffnen.
-
Füge der Seite Widgets hinzu und nimm die Widget-Einstellungen vor.
-
Speichere () deine Änderungen an der neuen Seite.
-
Aktiviere den Inhalt in der Content-Manager-Ansicht, um die Seite live zu schalten.