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
  • Um den ShopBuilder nutzen zu können, brauchst du ein gültiges SSL-Zertifikat.

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

Tipp: So vergibst du Rechte

Beachte, dass nur Benutzer:innen mit Rollen vom Typ Administrator Rechte vergeben können.

Rechte vergeben:

  1. Öffne das Menü Einrichtung » Kontoverwaltung » Rollen.
    → Die Übersicht der Rollen wird angezeigt.

  2. Klicke auf Neu (add).
    → Das Menü der Rollenerstellung öffnet sich.

  3. Gib der Rolle einen Namen.

  4. Wechsele über die Schaltfläche Erweitert (toggle_on) in den erweiterten Modus.

  5. 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.

  6. 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.

ShopBuilder UI1
Bild 1. Content Manager 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

Tabelle 1. Elemente der 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke unten im Kategoriebaum auf Neue Oberkategorie ().
    → Das Fenster Neue Kategorie erstellen wird geöffnet.

  3. Wähle Typ Content oder Artikel.

  4. Aktiviere die Kategorie für deinen ausgewählten Mandanten.

  5. Gib einen Namen ein.

  6. Gib einen URL-Namen ein.

  7. Speichere () die Einstellungen.
    → Die neue Kategorie wurde dem Kategoriebaum hinzugefügt.

  8. Nimm ggf. weitere Einstellungen vor. Beachte dazu die Erläuterungen in Tabelle 2.

  9. Speichere () die Einstellungen.

Tabelle 2. Kategorie bearbeiten
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.
- Der URL-Name darf keine Sonderzeichen enthalten. Daher ausschließlich ASCII-Code verwenden.
- Folgende Zeichenfolgen dürfen zu Beginn eines URL-Namens nicht verwendet werden:
a-, b-, c-, f-, fa-, p-, t-
Diese Anfangszeichen werden automatisch entfernt. Aus "a-klasse" wird z.B. automatisch "klasse". Für eine Kategorie mit dem Namen A-Klasse also z.B. den URL-Namen "aklasse" eingeben.

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.
all = Webseite der Kategorie in den Suchmaschinenindex aufnehmen und Links auf der Seite folgen.
index = In Suchmaschinenindex aufnehmen.
nofollow = Links auf der Seite nicht folgen.
noindex = Nicht in den Suchmaschinenindex aufnehmen.
nofollow, noindex = Den Links nicht folgen und die Webseite der Kategorie nicht in den Suchmaschinenindex aufnehmen.

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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Schwebe mit der Maus über einen Kategorienamen, um die Schaltfläche () für das Kontextmenü einzublenden.

  3. Klicke auf () um das Kontextmenü zu öffnen.

  4. Klicke auf Kategorie löschen ().
    → Das Fenster Kategorie: Kategoriename löschen wird geöffnet.

  5. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke links in der Werkzeugleiste auf Globale Einstellungen.
    → Die Verknüpfungsoberfläche wird geöffnet.

  3. Klicke in ein Eingabefeld einer Kategorie, z.B. Kategorie für "Mein Konto".
    → Die Kategorieauswahl wird geöffnet.

  4. Wähle die Kategorie, die du für den jeweiligen Bereich angelegt hast.
    → Die ausgewählte Kategorie wird blau hervorgehoben.

  5. Klicke am unteren Ende der Kategorieauswahl auf Auswählen ().
    → Die Kategorieauswahl wird geschlossen.

  6. 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:

  • Inhalte vom Typ Content verwendest du für die Startseite und statische Seiten, wie die Auftragsbestätigung oder deine Versandkosteninformationen.

  • Inhalte vom Typ Checkout verwendest du für die Kaufabwicklung.

  • Inhalte vom Typ Mein Konto verwendest du für den Kund:innenbereich in deinem Webshop.

  • Inhalte vom Typ Softlogin verwendest du, um den Zugang Bestellbestätigungsseiten für Gastbestellungen zu ermöglichen.

Beim Erstellen von neuen Inhalten für Artikel-Kategorien kannst du aus den folgenden Typen wählen:

  • Inhalte vom Type Artikelansicht verwendest du für die Darstellung individueller Artikel.

  • Inhalte vom Typ Kategorieansicht verwendest du für die Darstellung von Artikelkategorien.

  • Inhalte vom Typ Artikelsuchergebnis verwendest du für die Seite, die angezeigt wird, nachdem Kund:innen eine Suche abschicken.

  • Inhalte vom Typ Artikelset verwendest du für Sets, die verschiedene Artikel beinhalten.

Inhalt erstellen:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Wähle links im Kategoriebaum die Kategorie, für die du einen Inhalt erstellen möchtest.

  3. Klicke auf die Schaltfläche Inhalt hinzufügen ().
    → Die Auswahl der Content-Typen wird geöffnet.

  4. 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.

  5. Gib einen Namen für den Inhalt ein.

  6. Wähle ggf. eine Vorlage aus.

  7. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. 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.

Tabelle 3. Sichtbarkeit von Inhalten für Artikelkategorien
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.

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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke im Abschnitt Header-Elemente oder Footer-Elemente auf Neu.
    → Das Fenster Neue Seite erstellen wird geöffnet.

  3. Gib einen Namen für den Inhalt ein.

  4. Wähle ggf. eine Vorlage fpr den Header oder Footer.

  5. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke in der Zeile des Inhalts, den du löschen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.

  3. Klicke auf Inhalt löschen.
    → Das Fenster Inhalt löschen wird geöffnet.

  4. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke in der Zeile des Inhalts, den du umbenennen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.

  3. Klicke auf Inhalt umbenennen.
    → Das Fenster Inhalt: "Inhaltsname" umbenennen wird geöffnet.

  4. Gib einen Namen ein.

  5. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke in der Zeile des Inhalts, den du duplizieren möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.

  3. Klicke auf Duplizieren.
    → Das Fenster Inhalt duplizieren wird geöffnet.

  4. Gib einen Namen ein. Standardmäßig ist der Name des ursprünglichen Inhalts mit dem Suffix "(Kopie)" ausgefüllt.

  5. Wähle eine Zielsprache, ein Ziel-Plugin-Set und eine Zielkategorie, in die der Inhalt kopiert werden soll.

  6. Hake das Kästchen Inhalt aktivieren an, falls die Kopie direkt aktiviert werden soll. Hinweis: Dadurch kann ein anderer überschrieben werden.

  7. 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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke in der Zeile des Inhalts, den du zurücksetzen möchtest, auf die ()-Schaltfläche, um das Kontextmenü für Inhalte einzublenden.

  3. Klicke auf Ältere Version wiederherstellen.
    → Das Fenster Inhalt auf älteren Stand zurücksetzen wird geöffnet.

  4. 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.

editor UI
Bild 2. Editor-Ansicht des ShopBuilders
Tabelle 4. Elemente 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.

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.

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.

Tabelle 5. Einstellungen Breadcrumb-Navigation
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.

Tabelle 6. Einstellungen Kategorienavigation
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.

Tabelle 7. Einstellungen Top-Bar
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.

Tabelle 8. Einstellungen Spracherkennung
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.

Tabelle 9. Einstellungen Raster (3 Spalten)
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.
50%:25%:25% = Die 3 Spalten werden im Verhältnis 2:1:1 nebeneinander dargestellt.
25%:50%:25% = Die 3 Spalten werden im Verhältnis 1:2:1 nebeneinander dargestellt.
25%:25%:50% = Die 3 Spalten werden im Verhältnis 1:1:2 nebeneinander dargestellt.
66%:33% (gestapelt) = Die Spalten werden im Verhältnis 3:1 dargestellt. Die 2 Widgets auf der rechten Seite werden übereinander dargestellt.
33%:66% (gestapelt) = Die Spalten werden im Verhältnis 1:3 dargestellt. Die 2 Widgets auf der linken Seite werden übereinander 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.

Tabelle 10. Einstellungen Raster (2 Spalten)
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.
66%:33% = Die 2 Spalten werden im Verhältnis 3:1 nebeneinander dargestellt.
33%:66% = Die 2 Spalten werden im Verhältnis 1:3 nebeneinander dargestellt.
40%:60% = Die 2 Spalten werden im Verhältnis 2:3 nebeneinander dargestellt.
60%:40% = Die 2 Spalten werden im Verhältnis 3:2 nebeneinander dargestellt.
75%:25% = Die 2 Spalten werden im Verhältnis 4:1 nebeneinander dargestellt.
25%:75% = Die 2 Spalten werden im Verhältnis 1:4 nebeneinander dargestellt.
Gestapelt = Die 2 Spalten werden übereinander im Verhältnis 1:1 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.
66%:33% = Die 2 Spalten werden im Verhältnis 3:1 nebeneinander dargestellt.
33%:66% = Die 2 Spalten werden im Verhältnis 1:3 nebeneinander dargestellt.
40%:60% = Die 2 Spalten werden im Verhältnis 2:3 nebeneinander dargestellt.
60%:40% = Die 2 Spalten werden im Verhältnis 3:2 nebeneinander dargestellt.
75%:25% = Die 2 Spalten werden im Verhältnis 4:1 nebeneinander dargestellt.
25%:75% = Die 2 Spalten werden im Verhältnis 1:4 nebeneinander dargestellt.
Gestapelt = Die 2 Spalten werden übereinander im Verhältnis 1:1 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.
66%:33% = Die 2 Spalten werden im Verhältnis 3:1 nebeneinander dargestellt.
33%:66% = Die 2 Spalten werden im Verhältnis 1:3 nebeneinander dargestellt.
40%:60% = Die 2 Spalten werden im Verhältnis 2:3 nebeneinander dargestellt.
60%:40% = Die 2 Spalten werden im Verhältnis 3:2 nebeneinander dargestellt.
75%:25% = Die 2 Spalten werden im Verhältnis 4:1 nebeneinander dargestellt.
25%:75% = Die 2 Spalten werden im Verhältnis 1:4 nebeneinander dargestellt.
Gestapelt = Die 2 Spalten werden übereinander im Verhältnis 1:1 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.

Tabelle 11. Einstellungen Tabs
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.

Tabelle 12. Einstellungen Weitere Informationen
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.

Tabelle 13. Einstellungen Trennlinie
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.

Tabelle 14. Einstellungen Titelleiste
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.

Tabelle 15. Einstellungen Code-Widget
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.

Tabelle 16. Einstellungen Text-Widget
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.

Tabelle 17. Einstellungen Listen-Widget
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.
Externer Link = Gib die URL ein, auf die der Listeneintrag verlinken soll.
Kategorie = Wähle über die Kategorieauswahl die Kategorie, auf die der Listeneintrag verlinken soll.
Varianten-ID = Gib die ID der Variante ein, 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:

Tabelle 18. Einstellungen FAQ-Widget
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.

Tabelle 19. Einstellungen Bilderkarussell
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.
Eigene Überschrift = Ist diese Option gewählt, wird ein weiteres Feld Bildüberschrift eingeblendet, in dem du eigenen Text als Überschrift eingeben kannst.
Keine Überschrift = Wählen, um die Bildüberschrift auszublenden.

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.
Externer Link = Gib die URL ein, auf die das Bild verlinken soll. Diese muss mit http oder https beginnen.
Kategorie = Wähle über die Kategorieauswahl die Kategorie, auf die das Bild verlinken soll. Das erste im Tab Dokumente der gewählten Kategorie abgelegte Bild wird angezeigt.
Varianten-ID = Gib die ID der Variante ein, auf die das Bild verlinken soll. Das Artikelbild wird angezeigt.

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.

Tabelle 20. Einstellungen Bilderkarussell
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.
Bild und Text (klein) = Der Text wird in in einer kleinen Box in der unteren linken Ecke des Bilds angezeigt.
Bild und Text (volle Fläche) = Der Text wird über die ganze Fläche des Bild angezeigt.
Bild ohne Text = Das Bild wird ohen Text 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.
Externer Link = Gib die URL ein, auf die das Bild verlinken soll. Diese muss mit http oder https beginnen.
Kategorie = Wähle über die Kategorieauswahl die Kategorie, auf die das Bild verlinken soll. Das erste im Tab Dokumente der gewählten Kategorie abgelegte Bild wird angezeigt.
Varianten-ID = Gib die ID der Variante ein, auf die das Bild verlinken soll. Das Artikelbild wird angezeigt.

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.

Tabelle 21. Einstellungen Hintergrundbild
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.

Tabelle 22. Einstellungen Tags
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.

Tabelle 23. Einstellungen Attributauswahl
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.

Tabelle 24. Einstellungen In den Warenkorb
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.

Tabelle 25. Einstellungen Auf die Wunschliste
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.

Tabelle 26. Einstellungen Artikelverfügbarkeit
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.

Tabelle 27. Einstellungen Artikelbild
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.

Tabelle 28. Einstellungen Artikelpaket
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.

Tabelle 29. Einstellungen Bestellmerkmale / Bestelleigenschaften
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.

Tabelle 30. Einstellungen Artikelpreis
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.

Tabelle 31. Einstellungen Staffelpreise
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.

Tabelle 32. Einstellungen Artikeldaten-Tabelle
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.
Artikelzustand = Aktivieren, um den Artikelzustand anzuzeigen.
Altersfreigabe = Aktivieren, um die Altersfreigabe anzuzeigen.
Externe Varianten-ID = Aktivieren, um die externe Varianten-ID anzuzeigen.
Modell = Aktivieren, um das Modell anzuzeigen.
Hersteller = Aktivieren, um den Hersteller anzuzeigen. Für die Anzeige wird der externe Name eines Herstellers verwendet.
Herstellungsland = Aktivieren, um das Herstellungsland anzuzeigen.
Artikelinhalt = Aktivieren, um den Artikelinhalt anzuzeigen.
Bruttogewicht = Aktivieren, um das Bruttogewicht anzuzeigen.
Nettogewicht = Aktivieren, um das Nettogewicht anzuzeigen.
Artikelmaße = Aktivieren, um die Artikelmaße anzuzeigen.
Zolltarifnummer = Aktivieren, um die Zolltarifnummer 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.

Tabelle 33. Einstellungen Artikelliste
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.
Eigene Überschrift = Ist diese Option gewählt, wird ein weiteres Feld Bildüberschrift eingeblendet, in dem du eigenen Text als Überschrift eingeben kannst.
Keine Überschrift = Wählen, um die Bildüberschrift auszublenden.

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.
Kategorieartikel = Wählen, um die Liste aus den Artikeln einer Kategorie zu generieren. Wenn diese Option gewählt ist, wird das neue Feld Kategorie in den Widget-Einstellungen eingeblendet, in der du über die Kategorieauswahl die gewünschte Kategorie wählst und am Ende der Liste bestätigst.
Zuletzt angesehene Artikel = Wählen, um eine Liste mit Artikeln zu erzeugen, die eine Kund:in zuletzt besucht hat.
Artikel mit Tags = Wählen, um eine Liste von Artikeln mit einem bestimmten Tag zu generieren. Das Eingabefeld Tags wird unter dem aktuellen Eingabefeld eingeblendet. Gib die Tag-ID ein.
Hersteller = Wählen, um eine Liste von Artikeln eines bestimmten Herstellers zu generieren. Wenn diese option gewählt ist, wird die Herstellerauswahl im Feld Hersteller einge blendet.
Cross-Selling = Wählen, um eine Liste von Artikeln zu erstellen, die im Backend als Cross-Seller definiert sind. Wie du Cross-Selling bei Artikeln einstellst, erfährst du auf dieser Handbuchseite.

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.

Tabelle 34. Einstellungen Live-Shopping
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.

Tabelle 35. Einstellungen Begrüßung
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.
. Vorname: Gibt den Text "Hallo, Max" aus.
. Anrede und Nachname: Gibt den Text "Hallo, Herr/Frau/Person Mustermann" aus.
. E-Mail: Gibt den Text "Hallo, Max@Mustermann.de" 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.

Tabelle 36. Einstellungen Adressauswahl
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:
Firma: Stellt das Eingabefeld Firma zur Verfügung.
Ansprechpartner: Stellt das Eingabefeld Ansprechpartner zur Verfügung. Dieses wird nur für Firmenkund:innen verwendet.
USt.-Nr.: Stellt das Eingabefeld UST.-Nr. zur Verfügung.
Anrede: Stellt das Eingabefeld Anrede zur Verfügung. Unter Anrede kann zwischen Herr, Frau und Person gewählt werden. Die Werte können im Menü Shop » Mehrsprachigkeit angepasst werden.
Titel: Stellt das Eingabefeld Titel zur Verfügung.
Geburtsdatum: Stellt das Eingabefeld Geburtsdatum zur Verfügung.
Namenszusatz: Stellt das Eingabefeld Namenszusatz zur Verfügung.
Telefon: Stellt das Eingabefeld Telefon zur Verfügung.
Adresszusatz 1: Stellt das Eingabefeld Adresszusatz 1 zur Verfügung.
Adresszusatz 2: Stellt das Eingabefeld Adresszusatz 2 zur Verfügung.
Bundesland: Stellt das Eingabefeld Bundesland zur Verfügung.
Adresse 2: Stellt das Eingabefeld Adresse 2 zur Verfügung. Dies wird für das Adressformat UK verwendet.
Adresse 3: Stellt das Eingabefeld Adresse 3 zur Verfügung. Dies wird für das Adressformat UK verwendet.
Adresse 4: Stellt das Eingabefeld Adresse 4 zur Verfügung. Dies wird für das Adressformat UK verwendet.

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:

  1. Ist das Feld Firma aktiviert, wird sowohl Firma als auch Vor- und Nachname abgefragt.

  2. Sind die Felder Firma und Ansprechpartner aktiviert, werden diese beide Felder abgefragt. Vor- und Nachname wird dabei ausgeblendet.

  3. Ist zusätzlich zum Feld Firma das Feld Anrede aktiv, reagiert die Adresseingabe im Webshop dynamisch auf die gewählte Anrede und blendet entsprechend weitere Felder ein oder aus.

  4. Ist das Feld Firma aktiviert, während die Anrede deaktiviert ist, ist das Eingabefeld für Firma automatisch ein Pflichtfeld.

  5. Ist das Feld Ansprechpartner inaktiv, aber als Pflichtfeld deklariert, wird Ansprechpartner nicht in der Adresseingabe angezeigt. Stattdessen wird Vor- und Nachname verwendet.

  6. Ist das Feld Firma inaktiv und das Feld Ansprechpartner aktiv, wird Ansprechpartner nicht ausgegeben.

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.

Tabelle 37. Einstellungen Warenkorbinhalt
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.

Tabelle 38. Einstellungen Gutscheineingabe
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.

Tabelle 39. Einstellungen Summen
Einstellung Erläuterung

Preisinformationen anzeigen

Wählen, welche Preisinformationen in der Summenübersicht angezeigt werden sollen.

Mögliche Preisinformationen:
Nettowarenwert
Bruttowarenwert
Rabatt
Nettoversandkosten
Bruttoversandkosten
Aktionsgutschein
Mehrzweckgutschein
Mehrwertsteuer
Nettogesamtsumme
Bruttogesamtsumme
Ausstehender Betrag

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.

Tabelle 40. Einstellungen Kontaktdaten
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

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.

Tabelle 41. Einstellungen Versandartauswahl
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.

Tabelle 42. Einstellungen Zahlungsartauswahl
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.

Tabelle 43. Einstellungen Hinweise und Wünsche
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.

Tabelle 44. Einstellungen AGB-Checkbox
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.

Tabelle 45. Einstellungen Versandinformationen-Checkbox
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.

Tabelle 46. Einstellungen Newsletter-Checkbox
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.

Tabelle 47. Einstellungen Kaufen-Button
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.

Tabelle 48. Einstellungen Kaufen abbrechen-Button
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.

Tabelle 49. Einstellungen Kontoeinstellungen
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.

Tabelle 50. Einstellungen Bankdaten
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.

Tabelle 51. Einstellungen Auftragshistorie
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.

Tabelle 52. Einstellungen Retourenhistorie
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.

Tabelle 53. Einstellungen Ausloggen-Button
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.

Tabelle 54. Einstellungen Auftragsdaten
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.

Tabelle 55. Einstellungen Auftragsdokumente
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.

Tabelle 56. Einstellungen Gekaufte Artikel
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.

Tabelle 57. Einstellungen Summen
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:

  1. Öffne das Menü Einrichtung » Mandant » Global » E-Mail-Konten.

  2. Wähle einen Mandanten.

  3. Gehe zum Bereich Automatischer Versand.

  4. Wähle für Neuer Link zur Bestellbestätigung deine neu erstellte Vorlage aus der Dropdown-Liste.

  5. 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.

Tabelle 58. Einstellungen Softlogin für die Bestellbestätigungsseite
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.

Tabelle 59. Einstellungen Toolbar
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.

Tabelle 60. Einstellungen Artikelanzahl pro Seite
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.

Tabelle 61. Einstellungen Artikelsortierung
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.

Tabelle 62. Einstellungen Artikelraster
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.

Tabelle 63. Einstellungen Seitennummerierung
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.

Tabelle 64. Einstellungen ausgewählte Filter
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.

Tabelle 65. Einstellungen Filter
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.

Tabelle 66. Einstellungen Kategoriefilter
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.

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.

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.
Wähle Bis der Browser geschlossen wird, 100 Tage, 1 Tag oder 1 Stunde.

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.

Tabelle 68. Einstellungen Rechtliche Informationen
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.

Tabelle 69. Einstellungen GoogleMaps
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.

Tabelle 70. Einstellungen Newsletter
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.

Tabelle 71. Einstellungen Datenschutzeinstellungen
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.
Wähle Bis der Browser geschlossen wird, 100 Tage, 1 Tag oder 1 Stunde.

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 ().

inline editing
Bild 3. Inline Editing öffnen

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

inline editing options
Bild 4. Formatierungsoptionen im Inline Editing
Tabelle 72. Formatierungsoptionen im inline Editing
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:

DE Text Widget Datenfelder
Bild 5. Navigationsbaum für Datnfelder

Falls am Artikel selbst das entsprechende Datum nicht hinterlegt ist, wird kein Wert im Webshop angezeigt.

Datenfeld auf der Artikelansicht einfügen:

  1. Öffne einen Inhalt für eine Artikelseite im ShopBuilder-Editor.

  2. Klicke auf das Stift-Symbol eines Widgets (), um den Inline-Editor zu öffnen.
    → Der Navigationsbaum für Artikelinformationen wird auf der linken Seite eingeblendet.

  3. Klappte den gewünschten Bereich im Navigationsbaum auf, indem du auf dessen Titel klickst.

  4. Klicke auf die gewünschte Artikelinformation, um diese an der Position deines Cursors im Inline-Editor hinzuzufügen.

  5. 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.

Tabelle 73. Innen- und Außenabstände ändern
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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke auf einen beliebigen von dir erstellten Inhalt.
    → Die Editor-Ansicht wird geöffnet.

  3. Klicke in der Werkzeugleiste auf Design ().
    → Das Menü Design wird geöffnet.

  4. Nimm die Einstellungen im Bereich Farben vor. Beachte dazu die Erläuterungen in Tabelle 74.

  5. Speichere () die Einstellungen.

Tabelle 74. Globale Farbeinstellungen für plentyShop LTS
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:

  1. Öffne das Menü Shop » ShopBuilder.
    → Die Content-Manager-Ansicht des ShopBuilders wird geöffnet.

  2. Klicke auf einen beliebigen von dir erstellten Inhalt.
    → Die Editor-Ansicht wird geöffnet.

  3. Klicke in der Wekrzeugleiste auf Design.
    → Das Menü Design wird geöffnet.

  4. Nimm die Einstellungen im Bereich Schriften vor. Beachte dazu die Erläuterungen in Tabelle 75.

  5. Speichere () die Einstellungen.

Tabelle 75. Schriftart im ShopBuilder bearbeiten
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.