Design

Permalink Allgemein

Im Reiter “Design” findest du Optionen für das Anpassen der Fortschrittsanzeige. Zusätzlich erhältst du Informationen darüber, wie du die Fortschrittsanzeige mithilfe eines Shortcodes oder eines Gutenberg-Blocks an einer beliebigen Stelle der Website ausgeben kannst. Du hast ebenfalls die Möglichkeit, die Anzeige der Fortschrittsanzeige im Warenkorb zu deaktivieren.

Design 1

Gutenberg-Block
Das Modul “Fortschrittsanzeige für kostenfreie Lieferung” fügt nach der Aktivierung im Gutenberg-Editor den neuen Block “Salesman – Fortschrittsanzeige für kostenfreie Lieferung” hinzu. Mit diesem Gutenberg-Block lässt sich die Fortschrittsanzeige über den Gutenberg-Editor auf jeder Seite einbinden.

Gutenberg Block

Shortcode

[free_shipping_notice]

Mit diesem Shortcode kannst du die Fortschrittsanzeige individuell auf deiner Website ausgeben.

Wie die Einbindung der Fortschrittsanzeige mit dem Gutenberg-Editor oder dem Shortcode funktioniert, erklären wir in unserer Videoanleitung (das Video startet an der entsprechenden Stelle).

Nicht automatisch im Warenkorb anzeigen

Nicht automatisch in den Warenkorb

Die Fortschrittsanzeige erscheint nach der Aktivierung des Moduls automatisch im Warenkorb. Mit der Aktivierung der Option “Nicht automatisch im Warenkorb anzeigen” deaktivierst du die Fortschrittsanzeige im Warenkorb. Dies ist eventuell sinnvoll, falls du die Fortschrittsanzeige mittels Shortcode oder Gutenberg-Block an einer anderen Stelle auf deiner Website einbindest.

Permalink Design-Anpassungen

In diesem Bereich findest du Optionen, um das Design anzupassen.

Design

Schriftfarbe
Hier kannst du die Schriftfarbe für den Text in der Fortschrittsanzeige auswählen.

Hintergrundfarbe
Über diese Option lässt sich die Hintergrundfarbe für die Fortschrittsanzeige individuell festlegen.

Margin top (Oberer Außenabstand)
Gebe hier den Wert für den oberen Außenabstand der Fortschrittsanzeige ein.

Margin bottom (Unterer Außenabstand)
Gebe hier den Wert für den unteren Außenabstand der Fortschrittsanzeige ein.

Border (Rahmendicke)
Über diese Option lässt sich die Rahmendicke für die Fortschrittsanzeige einstellen.

Border-Radius (abgerundete Ecken)
In diesem Bereich kannst du den Wert (px) für abgerundete Ecken eintragen. Wenn du keine abgerundete Ecken verwenden möchtest, trägst du in das Feld eine “0” ein.

Rahmenfarbe
Hier wählst du die Rahmenfarbe aus.

Rahmen-Stil
Standardmäßig ist kein Rahmen-Stil eingestellt.
Über die Option “Rahmen-Stil” stehen dir sechs unterschiedliche Optionen zur Verfügung.

  • solid
  • dashed
  • dotted
  • double
  • groove
  • ridge

Permalink Fortschrittsanzeige

In diesem Bereich findest du die Optionen, um den Stil und die Farbe für die Fortschrittsanzeige einzustellen.

Stil

Stil
Für die Fortschrittsanzeige stehen dir drei unterschiedliche Stile zur Verfügung.

Einfach
Bei diesem Stil erscheint der Fortschrittsbalken ohne Animation.

Stil Einfach

Animiert
Bei diesem Stil erscheint der Fortschrittsbalken mit Animation.

Animation

Ohne Fortschrittsbalken
Wählst du diese Option, so wird nur Text ohne Fortschrittsbalken angezeigt.

Animation

Farbe
Hier kannst du die Farbe für den Fortschrittsbalken auswählen, wenn der Betrag für die kostenfreie Lieferung noch nicht erreicht wurde.

Permalink Anzeige bei Erreichen einer kostenfreien Lieferung

Erreichen Fortschrittsbalken

Hier kannst du die Farben für die Fortschrittsanzeige anpassen, wenn der Betrag für eine kostenfreie Lieferung erreicht wurde.

Farbe Fortschrittsbalken

Farbe des Fortschrittsbalkens
Hier wählst du die Farbe des Fortschrittsbalkens aus, welche verwendet wird, wenn der Betrag für eine kostenfreie Lieferung erreicht wurde.

Schriftfarbe
Wähle hier die Schriftfarbe aus, welche verwendet wird, wenn der Betrag für eine kostenfreie Lieferung erreicht wurde.

Hintergrundfarbe
Wähle hier die Hintergrundfarbe aus, welche verwendet wird, wenn der Betrag für eine kostenfreie Lieferung erreicht wurde.

Rahmenfarbe
Wähle hier die Rahmenfarbe aus, welche verwendet wird, wenn der Betrag für eine kostenfreie Lieferung erreicht wurde.