Besucher deiner Shop-Seite finden alle deine Produktartikel-Bilder in einem Raster angeordnet. Die Shop-Seite zeigt bis zu 200 Produkte an. Wenn es mehr als 200 Produkte gibt, können Kunden auf Weiter klicken, um weitere Produkte anzuzeigen.

So gestaltest du den Shop-Seiten-Abschnitt:

1. Öffne die Shop-Seite, die du bearbeiten möchtest.
2. Klicke auf Bearbeiten.
3. Klicke im Shop-Abschnitt auf Abschnitt bearbeiten. Du kannst die Details unten anpassen. Änderungen gelten nur für diesen Shop-Abschnitt.

Im Tab Elemente kannst du Folgendes anpassen:

• Kategorie-Titel: Den Seitentitel oben im Abschnitt anzeigen.
• Brotkrümel: Den Navigationspfad der Besucher anzeigen, bevor sie ihre aktuelle Seite aufgerufen haben, mit Ausnahme ähnlicher Produkte und gefilterter Kategorie-Seiten.
• Kategorien-Label: Zeige das Label „Kategorien“ im Kategorien-Menü an.
• Filter-Label: Zeige das Label „Filter“ im Filter-Menü an.
• Filter: Füge Filter hinzu, damit Kunden deine Produkte nach Tags durchsuchen können.
• Produktbeschreibung: Die Produktbeschreibung ein- oder ausblenden, wenn du das Listenlayout hast.
• Preis: Den Preis im Vorschaubild des Produkts ein- oder ausblenden.
• Button „In den Warenkorb“: Wird unter den Produkt-Vorschaubildern auf der Shop-Seite und auf Produktdetailseiten angezeigt.

Auf dem Design-Tab kannst du Folgendes anpassen:

• Layout: Produkt-Vorschaubilder in einem Raster oder einer Liste anzeigen. Im Listen-Layout kannst du eine Vorschau deiner Produktbeschreibungen anzeigen.
• Titelausrichtung: Lege die Textausrichtung für deinen Shop-Titel fest.
• Menü-Platzierung: Die Kategorie-Navigation oben im Abschnitt oder als Seitenleiste anzeigen.
• Kategorien-Stil: Gestalte dein Kategorien-Menü als Drop-down, Subnavigation oder Buttons.
• Anzahl der Spalten im Raster-Layout (mindestens zwei)
• Spalten- und Zeilenabstände
• Hintergrund: Einen Hintergrund ein- oder ausblenden, um dein Produkt-Vorschaubild zu umgeben, ähnlich wie bei einem Passepartout. Lege die Hintergrundfarbe fest, runde die Ecken und wähle den Typ, die Farbe und die Stärke des Strichs aus.
• Button-Gestaltung und -Ausrichtung
• Bild-Seitenverhältnis und Textabstände
• Ecken: Der Vorschaubild-Hintergrund und die Produktbilder können eckige oder abgerundete Ecken haben.
• Abschnittsbreite und vertikales Padding.
• Trennung: Zeige eine Trennlinie zwischen deinem Shop-Abschnitt und anderen Abschnitten auf der Seite an. Wähle die Form, den Typ, die Farbe und die Stärke der Trennung aus.

Im Tab Farben:

• Wähle ein Abschnittsdesign für deinen Shop-Abschnitt aus.
• Klicke auf das Bleistiftsymbol in einem Design, um es anzupassen. Änderungen betreffen alle Abschnitte, die das Design verwenden.

Shop-Seiten-Filter

Erstelle Produktfilter, damit deine Kunden die Produkte und Dienstleistungen finden, die für sie am interessantesten sind. Filter basieren auf Produkt-Tags, um eine Auswahl von Produkten auf deiner Shop-Seite anzuzeigen.

Du kannst Filter zu Shop-Seiten hinzufügen, die 200 oder weniger Produkte enthalten. Der Filter-Button folgt deinen primären Button-Stilen.

Welche Stil-Optionen verfügbar sind, hängt von der Template-Gruppe deiner Website und dem Shop-Seitentyp ab.

Hinweis: Galapagos und Supply folgen unterschiedlichen Stil-Anpassungen. Informationen zur Gestaltung von Produkten findest du in deiner Template-Anleitung.

So gestaltest du Shop-Seiten:

1. Öffne die Shop-Seite, die du bearbeiten möchtest.
2. Kehre zum Website-Menü zurück.
3. Klicke auf Design.
4. Klicken Sie auf Website-Stil.
5. Verwende die Anpassungen in den Produktbereichen, um den Stil der Landing-Page zu ändern.
6. Um Anpassungen einzelner Produktdetailseiten vorzunehmen, beende Website-Stile, öffne ein Produkt und gib Website-Stile erneut ein.

Tipp:

• Klicken Sie auf einen beliebigen Bereich der Seite in der Vorschau, um nur die für diesen Bereich verfügbaren Stil-Anpassungen anzuzeigen und den Rest auszublenden.
• Wenn du mehrere Shop-Seiten hast, gelten Stiländerungen für die gesamte Website auf allen Shop-Seiten, um ein einheitliches Erscheinungsbild zu schaffen.
• Dein Template kann Funktionen wie Banner-Bilder oder Seiten-Header haben, die das Aussehen der Shop-Seite beeinflussen.

Shop-Seiten-Layout

Besucher deiner Shop-Seite finden alle deine Produktartikel-Bilder in einem Raster angeordnet. Du kannst das Raster mit diesen Anpassungen im Abschnitt Produkt: Layout-Website-Stil (Advanced-Shop-Seiten) oder im Abschnitt Produkte-Website-Stil (Classic-Shop-Seiten) gestalten.

Stilbeschreibung

• Anzahl der Elemente pro Zeile ändern
  • Advanced: Elemente pro Zeile
  • Classic: Produkte pro Zeile
• Abstand der einzelnen Elementen in der Zeile ändern
  • Advanced: Element-Abstände
• Bildform ändern. Bilder werden passend zugeschnitten
  • Advanced: Element-Abstände
• Form des Bild-Containers festlegen
  • Classic: Produktartikelgröße
• Wähle aus, ob das Bild zum Ausfüllen des Bild-Containers zugeschnitten wird
  • Classic: Produktbild automatisch zuschneiden
• Ändere die Farbe, die hinter Bildern angezeigt wird, die nicht auf die Containergröße zugeschnitten sind
  • Classic: Produkt-Hintergrundfarbe

Produktinformationen der Shop-Seite

Um mobile Anpassungen für Advancede Shop-Seiten anzuzeigen, wähle Position: Overlay aus. Du kannst Produktinformationen mit diesen Anpassungen im Abschnitt Produkt: Details-Website-Stil (Advanced-Shop-Seiten) oder im Abschnitt Produkte-Website-Stil (Classic-Shop-Seiten) gestalten.

Stilbeschreibung

• Lege den Titel und den Preis fest, die unter dem Bild oder bei Mouseover angezeigt werden sollen
  • Advanced: Position: Under-, Overlay
  • Classic: Produktlistentitel: Under-, Overlay
• Richte den Text aus, wenn „Produktliste: Titel: Unter“ aktiviert ist
  • Classic: Ausrichtung der Produktliste: Mitte, links
• Lege die Farbe des Mouseover-Overlays fest, wenn „Produktliste: Titel: Overlay“ ausgewählt ist. Stelle den Schieberegler ein, um die Transparenz festzulegen
  • Classic: Produkt-Overlay-Farbe
• Wähle aus, wo der Text in mobilen Browsern angezeigt wird
  • Advanced: Position (mobil): Under-, Overlay
• Wähle die Textausrichtung aus
  • Advanced: Ausrichtung
• Lege die Farbe des Mouseover-Overlays fest, wenn „Position: Overlay“ ausgewählt ist. Bewege den Schieberegler, um die Transparenz festzulegen
  • Advanced: Overlay-Farbe
• Ändere die Ausrichtung des Texts weiter, wenn Anzeige bei Mouseover festgelegt ist
  • Advanced: Overlay-Padding
• Abstand unter jeder Zeile ändern
  • Advanced: Abstand
• Deaktiviere diese Option, um die Titel der Elemente auszublenden
  • Advanced: Titel anzeigen
• Lege die Titel-Schriftart fest
  • Advanced: Titel-Schriftart
• Lege die Titelfarbe fest
  • Advanced: Titelfarbe
• Lege die Titelfarbe auf Mobilgeräten fest
  • Advanced: Titelfarbe (mobil)
• Lege den Abstand zwischen Text und Bild fest, wenn Position: Unter festgelegt ist
  • Advanced: Titel-Abstände
• Deaktiviere diese Option, um die Preise auszublenden
  • Advanced: Preis anzeigen
  • Classic: Produktpreis anzeigen
• Lege die Preis-Schriftart fest
  • Advanced: Preis-Schriftart
• Lege die Preisfarbe für Computer fest
  • Advanced: Preis: Farbe
• Lege die Preisfarbe für Mobilgeräte fest
  • Advanced: Preisfarbe (Mobil)
• Lege die Farbe des Sale-Preises für Computer fest
  • Advanced: Sale-Preis-Farbe
• Lege die Farbe des Sale-Preises für Mobilgeräte fest
  • Advanced: Sale-Preis-Farbe (mobil)
• Lege den Abstand zwischen dem Preis und dem Titel fest
  • Advanced: Preisabstände

Alle Änderungen gelten für alle Produktdetailseiten auf derselben Shop-Seite. So gestaltest du die Produktdetail-Seite:

1. Öffne die Produktdetailseite, die du bearbeiten möchtest.
2. Klicke auf Bearbeiten und dann auf Abschnitt bearbeiten.

Wähle im Tab Format aus den folgenden Layout-Optionen:

• Einfach – Das Produktbild und die Beschreibung werden nebeneinander angezeigt, umgeben von Leerraum.
• Umbruch – Die Produktbilder ordnen sich um die Beschreibung herum an. Bilder sind immer links ausgerichtet.
• Halb – Das Produktbild teilt die Seite mit der Beschreibung. Das Bild ist immer links ausgerichtet.
• Voll – Produktbilder werden in einem randlosen Karussell über der Beschreibung angezeigt.

Wenn du das einfache Layout auswählst, kannst du auch die folgenden Optionen anpassen:

• Breite des Inhalts.
• Bildgestaltung und Abstand: Wähle aus Slideshow-, gestapelten oder Karussell-Designs, wenn dein Produkt mehrere Bilder hat. Wenn es sich bei dem Design um eine Slideshow handelt, werden Vorschaubilder der anderen Produktbilder angezeigt.
• Varianten-Anzeige.
• Textausrichtung.
• Inhaltsausrichtung: Wähle oben oder in der Mitte. Die Ausrichtung „Oben“ kann ein Padding zwischen dem oberen Rand des Produktbildes und dem Text anzeigen. Die Ausrichtung des Inhalts ist nur für die Designs „Slideshow“ und „Karussell“ verfügbar, nicht für die Option „Gestapelt“.
• Formular-Breite.
• Gestaltung der Produkt-Navigation.
• Position der Beschreibung: Wo die Produktbeschreibung angezeigt wird.
• Button „In den Warenkorb“: Die Inline-Option platziert den Button neben dem Mengenfeld.
• Galerie-Seitenverhältnis (nur Slideshow- und Karussell-Designs): Beim Karussell-Design legt das Seitenverhältnis die Proportionen des Bild-Containers fest, aber dein Bild wird möglicherweise nicht zum Ausfüllen des Bild-Containers zugeschnitten. Wir empfehlen, Bilder mit demselben Seitenverhältnis hinzuzufügen, das du in deinen Einstellungen gewählt hast.
• Platzierung und Breite der Galerie.
• Platzierung von Vorschaubildern für Galerien: Positioniert die ausgewählten Bilder von Produkten, wenn das Design „Slideshow“ festgelegt ist.
• Karussell-Pfeilgröße (nur Slideshow und Karussell-Design).
• Klick-Aktion: Wähle je nach Design zwischen Keine, Zoom oder Lightbox.
• Mouseover-Aktion.

Im Tab Farben:

• Wähle ein Abschnittsdesign für deinen Shop-Abschnitt aus.
• Klicke auf das Bleistiftsymbol in einem Design, um es anzupassen. Beachte, dass dies alle Abschnitte betrifft, die das Design verwenden.

Anzeige von Produktvarianten anpassen

Im einfachen Layout kannst du Varianten als Buttons oder in einem Drop-down-Menü anzeigen. Alle anderen Layouts zeigen Varianten in Drop-down-Menüs an.

• Varianten-Buttons: Folge den Formularstilen deiner Website. Öffne Website-Stile und klicke dann auf > neben Formulare. Klicke auf Auswahloptionen und dann auf Radio.
• Varianten-Drop-down-Menü: Folgt der Schriftfamilie Variantenfelder und seine Farbe hängt vom Farbschema des Abschnitts ab.

Hinweis: Die Option, sich für eine Produkt-Warteliste zu registrieren, wird nur angezeigt, wenn Varianten in Drop-down-Menüs angezeigt werden.

Stil: In den Warenkorb- und Kassen-Buttons auf der Shop-Seite

Der Button „In den Warenkorb“ kann unter den Produkt-Vorschaubildern auf der Shop-Seite und auf einzelnen Produktdetail-Seiten angezeigt werden.

Um das Erscheinungsbild deiner Produktdetailseiten beizubehalten, wirken sich horizontale Padding-Anpassungen nicht auf die Buttons „In den Warenkorb“ aus. Wenn ein Produkt ausverkauft ist, erscheint der Button „In den Warenkorb“ verdunkelt.

Auf Shop-Seiten folgen die Farben der Buttons deinem Produkttext und den Hintergrundfarben. Der Button „In den Warenkorb“ auf den Produktdetail-Seiten und der Button „Kasse“ auf der Warenkorb-Seite folgen beide deinen Stil-Anpassungen für primäre Buttons und den Farbeinstellungen deiner Website.

Farben des Mini-Warenkorbs verwalten

Der Mini Cart verwendet die Farbthemen deiner Abschnitte, um die Sichtbarkeit zu gewährleisten. Die Farbe des Mini Carts kontrastiert automatisch mit dem Hintergrund deines Abschnitts: Um die Farbe des Mini Carts zu ändern, ändere die Hintergrundfarbe des Abschnitts oder bearbeite die Farbpaletten deiner Website.

Kann ich den Button „In den Warenkorb“ auf meiner Shop-Seite ausblenden?

Du kannst den Button „In den Warenkorb“ nicht ausblenden, ohne benutzerdefinierten Code zu verwenden. Dieses Thema wurde im Squarespace-Forum angesprochen, fällt aber nicht in den Zuständigkeitsbereich unseres Supports.

Um deine Produkte ohne Kaufoption zu bewerben, kannst du sie auf deiner Website mithilfe einer Layout-Seite mit Bild- und Text-Blöcken anzeigen.

Wann wird das Mengenfeld auf meiner Shop-Seite angezeigt?

Das Mengenfeld wird auf der Produktdetailseite angezeigt, wenn:

• Der Lagerbestand des Produkts größer als eins ist.
• Es Varianten hat, unabhängig von den Lagerbeständen der einzelnen Varianten.

Um den aktuellen Lagerstand jeder Variante auf der Produktinformationsseite anzuzeigen, aktiviere die Labels für begrenzte Verfügbarkeit. Dies verhindert, dass Kunden versuchen, mehr als ein Produkt in ihren Warenkorb zu legen, wenn der Lagerbestand 1 beträgt.

Du kannst die Größe des Mengenfelds nicht ändern. Du kannst das Mengenfeld für physische Produkte und Dienstleistungen in deinen Kassen-Einstellungen ausblenden.

Ähnliche Produkte anpassen

Der Abschnitt Verwandte Produkte auf den Produktdetail-Seiten folgt den Anpassungen in den Shop-Abschnittsstilen und deinen Schriftartanpassungen für die gesamte Website.

Wenn du Produktabonnements verkaufst, kannst du die Farben ändern, die im Abschnitt Abonnementhäufigkeit der Produktdetailseite angezeigt werden. Öffne das Farbschema deiner Website und ändere die Farben auf der Produktdetailseite: Abonnements. 

Welche Stil-Optionen verfügbar sind, hängt von der Template-Gruppe deiner Website und dem Shop-Seitentyp ab.

Hinweis: Galapagos und Supply folgen unterschiedlichen Stil-Anpassungen. Informationen zur Gestaltung von Produkten findest du in deiner Template-Anleitung.

Seitenlayout mit Produktdetails

Gestalte das Layout je nach Bedarf im Abschnitt Produkt: Layout--Website-Stile (Advanced-Shop-Seiten) oder im Abschnitt Produkt--Website-Stil (Classic-Shop-Seiten).

Stilbeschreibung

• Abstand der Elemente ändern
  • Advanced: Abstand
• Leerraum oben auf der Seite hinzufügen
  • Advanced: Oberes Padding
• Anzeige der Seitennummerierung ändern
  • Advanced: Navigationsanzeige: Nur Breadcrumb, Nur Seitennummerierung, Breadcrumb und Seitennummerierung, Keine
  • Classic: Produkt-Artikelnavigation anzeigen
• Text der Seitennummerierung ändern
  • Advanced: Seitennummerierungsstil: Zurück/Weiter, Titel
• Text der Seitennummerierung ändern
  • Advanced: Navigationsausrichtung: links, mittig, rechts, geteilt
• Schriftart der Seitennummerierung ändern
  • Advanced: Navigations-Schriftart
• Farbe der Seitennummerierung ändern
  • Advanced: Navigationsfarbe
• Farbe des Pfeils zwischen Seitentiteln in der Navigation ändern
  • Advanced: Nav-Trennzeichen-Farbe

Hinweis:

• Die Produktreihenfolge wird danach festgelegt, wo die Produkte auf den Shop-Seiten erscheinen. Sie werden von links nach rechts angeordnet.
• Seitennummerierung zeigt alle Produkte an. Du kannst sie nicht auf eine bestimmte Kategorie beschränken.

Bilder der Produktdetailseite

Wenn Kunden sich einen einzelnen Artikel ansehen, sehen sie die Produktbilder. Gestalte Bilder unter dem Abschnitt Produkte: Galerie-Seitenstile (Advanced-Shop-Seiten) oder im Abschnitt Produkt-Website-Stile (Classic-Store-Seiten), je nach Anwendung.

Stilbeschreibung

• Bildausrichtung ändern
  • Advanced: Position: links, rechts
• Galerie-Stil ändern
  • Advanced: Design: Slideshow, gestapelt
• Bildbreite ändern
  • Advanced: Breite
• Bildform festlegen
  • Advanced: Seitenverhältnis
  • Classic: Größe der Produktgalerie
• Wähle aus, ob das Produktbild den Bild-Container ausfüllen soll. Wenn nicht, wird die Produkt-Hintergrundfarbe hinter dem Bild angezeigt.
  • Classic: Produktgalerie automatisch zuschneiden
• Anpassungen der Vorschaubilder wirken sich auf die Navigations-Vorschaubilder aus, die unter dem Bild angezeigt werden, wenn Design: Slideshow ausgewählt ist.
  • Advanced: Vorschaubild-Ausrichtung: Links, Mitte, Rechts
• Breite der Vorschaubilder ändern
  • Advanced: Vorschaubild-Breite
• Abstände der Vorschaubilder ändern
  • Advanced: Vorschaubild-Abstand
• Den Abstand zwischen Bildern ändern, wenn Design: Gestapelt ausgewählt ist.
  • Advanced: Abstand

Produktdetailseite – Produktinformationen

Gestalte die Produktinformationen je nach Bedarf im Abschnitt Produkte: Details-Website-Stile (Advanced-Shop-Seiten) oder im Abschnitt Produkt-Website-Stil (Classic-Shop-Seiten).

Stilbeschreibung

• Position der Details auf der Seite ändern
  • Advanced: Ausrichtung: links, mittig, rechts
• Zeilenhöhe ändern
  • Advanced: Linienhöhe. Die Anpassung der Zeilenhöhe im Abschnitt Textkörper: Schrift wirkt sich auch hier auf die Zeilenhöhe aus.
• Buchstabenabstand ändern
  • Advanced: Abstand
• Produkttitel ein- oder ausblenden
  • Advanced: Titel anzeigen
• Schriftart der Produkttitel ändern
  • Advanced: Titel-Schriftart
• Farbe der Produkttitel ändern
  • Advanced: Titelfarbe
• Preis ein- oder ausblenden
  • Advanced: Preis anzeigen
• Preis-Schriftart ändern
  • Advanced: Preis-Schriftart
• Preisfarbe ändern
  • Advanced: Preis: Farbe
• Farbe für Sale-Artikel ändern
  • Advanced: Sale-Preis-Farbe
• Wähle aus, wo die Produktbeschreibung angezeigt wird
  • Advanced: Position des Auszugs: über dem Preis, unter dem Preis, unter dem Button „In den Warenkorb“
• Schriftart der Produktbeschreibung ändern
  • Advanced: Auszug: Schriftart
• Farbe der Produktbeschreibung ändern
  • Advanced: Farbauszug
• Linkfarbe der Produktbeschreibung ändern
  • Advanced: Link-Farbe des Auszugs
• Sharing-Buttons ausblenden oder anzeigen
  • Advanced: Sharing-Buttons anzeigen
  • Classic: Social Sharing von Produkten
• Verwende die Anpassungen im Abschnitt Sharing-Buttons
  • Advanced: Sharing-Buttons gestalten
  • Classic: Teilen-Buttons gestalten

Produktdetailseite – Menge und Varianten

Du kannst Menge und Varianten im Abschnitt Produkte: Optionen Website-Stil (Advanced-Shop-Seiten) oder im Abschnitt Website-Stile mit Hauptinhalt (Classic-Shop-Seiten) gestalten.

Stilbeschreibung

• Varianten ein- oder ausblenden
  • Advanced: Varianten anzeigen
• Menge ein- oder ausblenden. Die Menge wird nur angezeigt, wenn mehrere Artikel verfügbar sind.
  • Advanced: Menge anzeigen
• Mengenanzeige ändern
  • Advanced: Stil: Nur Text, Quadratisch, Abgerundet, Pille
• Füge der Mengenanzeige eine Randfarbe hinzu
  • Advanced: Randfarbe
• Füge der Mengenanzeige eine Hintergrundfarbe hinzu
  • Advanced: Hintergrundfarbe
• Schriftart der Mengenanzeige ändern
  • Advanced: Label-Schriftart
• Farbe der Mengenanzeige ändern
  • Advanced: Etikettenfarbe
• Schriftart für Menge und Varianten ändern
  • Advanced: Schriftart
  • Classic: Folgt den Anpassungen für Header oder Überschrift 1 für die gesamte Website.
• Textfarbe für Menge und Varianten festlegen
  • Advanced: Textfarbe
• Schriftart der Varianten-Anzeige ändern. Es ist nicht möglich, die Schriftart der Menü-Elemente zu ändern.
  • Advanced: Schriftart

Wann wird das Mengenfeld auf der Produktdetailseite angezeigt?

Das Mengenfeld wird auf der Produktdetailseite angezeigt, wenn:

• Der Lagerbestand des Produkts größer als eins ist.
• Es Varianten hat, unabhängig von den Lagerbeständen der einzelnen Varianten.

Tipp: Um den aktuellen Lagerstand jeder Variante auf der Produktinformationsseite anzuzeigen, aktiviere Labels für begrenzte Verfügbarkeit. Dadurch wird verhindert, dass Kunden versuchen, mehr als ein Produkt in ihren Warenkorb zu legen, wenn der Lagerbestand 1 beträgt.

Kann ich das Drop-Down-Menü für die Menge ausblenden?

Du kannst die Produktmenge in Version 7.0 ausblenden, wenn das Template deiner Website zur Gruppe Brine, Farro, Skye, Tremont oder York gehört. So blendest du in diesen Templates das Drop-Down-Menü für die Menge auf den Artikelseiten aus:

1. Gehe zu deiner Shop-Seite.
2. Öffnen Sie den einzelnen Artikel.
3. Gehe zurück zum Website-Menü und klicke dort auf Design und dann auf Website-Stile.
4. Scrolle zum Abschnitt Produkte: Optionen.
5. Deaktivieren Sie Menge anzeigen.

Tipp: Die Mengenoption wird an der Kasse weiterhin angezeigt. Sie können dies für Dienstleistungen in allen Vorlagen deaktivieren.

Button „In den Warenkorb“ auf der Produktdetailseite

Stilanzahl und Varianten unter dem Bereich Buttons anzeigen (Advanced-Shop-Seiten) oder im Bereich Buttons (Classic Store-Seiten), je nachdem.

Stilbeschreibung

• Button ausblenden
  • Advanced: Deaktiviere den Button „Anzeigen“
• Button-Stil ändern
  • Advanced: Stil: Vollton, Kontur, Erhaben
  • Classic: Stil: Standard, Vollton, Kontur, Erhaben
• Button-Form ändern
  • Advanced: Form: Quadrat, Abgerundet, Pille
  • Classic: Form: quadratisch, abgerundet, Pille
• Button-Padding hinzufügen oder entfernen
  • Advanced: Padding: Klein, Mittel, Groß
• Button-Farbe ändern
  • Advanced: Farbe
  • Classic: Button-Farbe
• Button-Textfarbe ändern
  • Advanced: Textfarbe
  • Classic: Textfarbe
• Button-Schriftart ändern
  • Advanced: Schriftart
  • Classic: Schriftart

Hinweis: Wenn ein Produkt ausverkauft ist, erscheint der Button „In den Warenkorb“ verdunkelt.

Produktdetailseite – Kassen-Button

Der Button Kasse, der auf der Warenkorb-Seite angezeigt wird, entspricht den Farbeinstellungen deiner Website. Du kannst seine Form oder Schriftart nicht anpassen.

Ähnliche Produkte auf der Produktdetailseite

Ähnliche Produkte werden unten auf der Seite in einem Raster angezeigt.