Shopware Business Partner
| Shopware News
Zur Startseite wechseln
Support
E-Commerce
Referenzen
Online Dokumentation
Ultra Media Plugins
Webkonferenz buchen
Zur Kategorie Online Dokumentation
Datei- und Datenbank Manager
Rule Builder für flexible Erlebniswelten
Regionale Preise für Kunden nach Postleitzahl
Plugin Manager
Newsletter Prüfer
Flex Header Premium
Slim Header Advanced
Individuelle Produktdetailseite - SW6
Lieferdatum auf der Artikel Detailseite
Fixierter Warenkorb auf der Detailseite
Filter Optimierung Premium
Verkaufskanal Header Dropdown Menü - SW6
Zahlungs- & Versand Icons im Off-Canvas Warenkorb
AGB Bestätigung und Widerrufsbelehrung im Checkout versetzen - SW6
Off-Canvas Warenkorb Styler - SW6
Breadcrumb Toolbox
Footer Tuner Pro - SW6
Eigene SVG Icons
Shopware Patchkit
Style Editor Premium CSS / Javascript - SW6
Footer Tuner Pro
Schriften einfügen Premium - SW6
Wartungsseite Premium - SW6
Off-Canvas Warenkorb Styler
Erweiterter Hintergrund Editor - SW6
Globaler Topbar Styler Premium
Entwickler Modus für Shopware 6
Thumbnails anordnen
Mengeneingabe Premium
Produkt Navigation Premium
Newsletter Designer Pro
Erweiterter Hintergrund
Artikel Listing Premium
Impressum in Mobiler Footer Ansicht
Formular Designer Pro
Style Editor Plus
Individuelle Lagerampel im Listing und auf der Detailseite
Registrierung - Checkout erweitern und Kundengruppe automatisch zuordnen
Footer Tuner Pro Modul 1 | Newsletter & Trenner Box
Erweiterter Merkzettel
Footer Tuner Pro Modul 3 | Zahlung und Copyright Box
Gesamtpreis Anzeige auf der Deteilseite
Sticky Menü Premium | individuell definierbar
Produkt Verkauf umleiten - Externer Link | individuell definierbar
Automatische Länderauswahl
Zahlungs- & Versandarten Logos im Checkout je Sprache
Footer Tuner Pro Modul 4 | Medien Container (Erweiterung für Modul 2)
Footer Tuner Pro Modul 2 | Kategorie & HTML Box
Listing Control Bar - SW6
Zeige alle Kategorien Footer Tuner Pro - SW6 Zurück
  • Footer Tuner Pro - SW6 anzeigen
Online Dokumentation
Datei- und Datenbank Manager Rule Builder für flexible Erlebniswelten Regionale Preise für Kunden nach Postleitzahl Plugin Manager Newsletter Prüfer Flex Header Premium Slim Header Advanced Individuelle Produktdetailseite - SW6 Lieferdatum auf der Artikel Detailseite Fixierter Warenkorb auf der Detailseite Filter Optimierung Premium Verkaufskanal Header Dropdown Menü - SW6 Zahlungs- & Versand Icons im Off-Canvas Warenkorb AGB Bestätigung und Widerrufsbelehrung im Checkout versetzen - SW6 Off-Canvas Warenkorb Styler - SW6 Breadcrumb Toolbox Footer Tuner Pro - SW6 Eigene SVG Icons Shopware Patchkit Style Editor Premium CSS / Javascript - SW6 Footer Tuner Pro Schriften einfügen Premium - SW6 Wartungsseite Premium - SW6 Off-Canvas Warenkorb Styler Erweiterter Hintergrund Editor - SW6 Globaler Topbar Styler Premium Entwickler Modus für Shopware 6 Thumbnails anordnen Mengeneingabe Premium Produkt Navigation Premium Newsletter Designer Pro Erweiterter Hintergrund Artikel Listing Premium Impressum in Mobiler Footer Ansicht Formular Designer Pro Style Editor Plus Individuelle Lagerampel im Listing und auf der Detailseite Registrierung - Checkout erweitern und Kundengruppe automatisch zuordnen Footer Tuner Pro Modul 1 | Newsletter & Trenner Box Erweiterter Merkzettel Footer Tuner Pro Modul 3 | Zahlung und Copyright Box Gesamtpreis Anzeige auf der Deteilseite Sticky Menü Premium | individuell definierbar Produkt Verkauf umleiten - Externer Link | individuell definierbar Automatische Länderauswahl Zahlungs- & Versandarten Logos im Checkout je Sprache Footer Tuner Pro Modul 4 | Medien Container (Erweiterung für Modul 2) Footer Tuner Pro Modul 2 | Kategorie & HTML Box Listing Control Bar - SW6
Footer Tuner Pro - SW6

Inhaltsverzeichnis:

1. Plugin aktivieren

2. Footer generelle Einstellungen

3. Newsletter Trenner Box

4. HTML Trenner Box

5. Box 1 bis 12 Überschriften Einstellungen

6. Box 1  

7. Box 2

8. Box 3

9. Box 4

10. Box 5

11. Box 6

12. Box 7

13. Box 8

14. Box 9

15. Box 10

16. Box 11

17. Box 12

18. Icon für Kategorie Links Box 1 - 12

19. Gruppen verbinden

20. Gruppen Farbe

21. Gruppen Trennlinien

22. Zahlungs- und Versand- Icon Box

23. SEO HTML Box

24. Mwst. und Versand Box

25. Copyright Text + Logo Box

26. Service Menü Links im Footer


Plugin Dokumentation „Doku Footer Tuner Pro - SW6“

Einführung

Dank der langjährigen Erfahrungen des Footer Tuner Pro - SW5 und unsere Shopware Kunden, haben wir dem Footer Tuner Pro - SW6 weitere zahlreiche und nützliche Funktionen sowie Stylings verpasst. Das macht den Footer Tuner Pro - SW6  zu einem sehr individuellem und besonderen Footer Plugin. Wir wünschen Ihnen viel Freude beim Aufbau Ihres individuellen Shopware 6 Footer. 

Wir wissen das die zahlreichen Einstellmöglichkeiten es jedoch auch schnell schwer machen können sich zurecht zu finden. Deshalb bieten wir Ihnen unsere Hilfe an, Sie bei der richtigen Auswahl der Einstellungen zu unterstützen. Wir möchten das Sie zufrieden sind und die Stärken des Footer Tuner Pro - SW6  erkennen und lieben werden. Bei Fragen oder Hilfe schreiben Sie uns an support@ultra-media.de

Um es Ihnen einfacher und verständlicher zu machen haben wir bei den Plugin Konfiguration im Backend ein Beispiel Wert angegeben. So können Sie sich leichter orientieren und erste versuche starten.

1. Plugin / Verkaufskanal aktivieren

Aktivieren Sie Ihren Verkaufskanal im Plugin. Möchten Sie das Plugin in einen weiteren Verkaufskanal nutzen können Sie über die Plugin Card „Verkaufskanal“ per Auswahlmenü ihre angelegten Verkaufskanäle mit HTML Storefront auswählen.

2. Footer generelle Einstellungen

2.1 Footer Inhalte vollflächig, Desktop

Setzen Sie sämtliche Inhalte des Footer auf vollflächig in der Desktop Ansicht.

2.2 Footer Hintergrundfarbe vollflächig, Desktop

Setzen Sie die Hintergrundfarbe des Footers auf vollflächig in der Desktop Ansicht.

2.3 Hintergrund Farbverlauf Ausrichtungswinkel - Beispiel: 0

Geben Sie hier den Ausrichtungswinkel für den Farbverlauf ein. 0 steht hier für einen Ausrichtungswinkel von 0° von oben nach unten. Sie können dabei von 0° bis 354° nutzen.

2.4 Footer Hintergrundfarbe 1 - Beispiel: rgba(2,0,36,1)

Nutzen Sie für einen Farbverlauf der Hintergrundfarbe am besten alle 3 Hintergrundfarb-Eingabefelder sowie die Prozentwert (Stop Wert) Eingabefelder. Dazu sollten Sie für eine bessere Browser Kompatibilität den jeweiligen Farbwert als rgba Format wie als Beispielwert angeben.

Über das Webseiten Portal https://cssgradient.io können Sie zum besseren Verständnis einen Farbverlauf erstellen und diese Werte für den Footer dann in die entsprechenden Footer Tuner Pro - SW6 Plugin Eingabefelder  übertragen. 

2.5 Farbverlauf 1 Prozentwert - Beispiel: 8
Tragen Sie in das Prozentwert den Stop Wert ein an welcher Stelle der Farbverlauf in den nächsten übergehen soll.
2.6 Footer Hintergrundfarbe Farbe 2 - Beispiel: rgba(9,9,121,1)
Tragen Sie hier den zweiten Farbwert für einen Farbverlauf als HEX Wert ein zum Beispiel: #ffffff oder als rgba Wert Beispiel: rgba(9,9,121,1). Dieser kann über den Colorpicker des Plugin ausgewählt werden. Hier können Sie über den Colorpicker auch den Transparenz Wert der Hintergrundfarbe auswählen.
2.7 Farbverlauf 2 Prozentwert - Beispiel: 40
Geben Sie hier den Stop Wert für den zweiten Farbverlauf an.
2.8 Footer Hintergrundfarbe Farbe 3 - Beispiel: rgba(0,212,255,1)
Tragen Sie hier den zweiten Farbwert für einen Farbverlauf als HEX Wert ein zum Beispiel: #ffffff oder als rgba Wert Beispiel: rgba(9,9,121,1). Dieser kann über den Colorpicker des Plugin ausgewählt werden. Hier können Sie über den Colorpicker auch den Transparenz Wert der Hintergrundfarbe auswählen.
2.9 Farbverlauf 3 Prozentwert - Beispiel: 100
Geben Sie hier den Stop Wert für den zweiten Farbverlauf an.
2.10 Trennlinien Farbe kompletter Footer oben - Beispiel: #bcc1c7
Hiermit setzen Sie den Farbwert der oberen äußeren Trennlinie ein.
2.11 Trennlinien Stärke kompletter Footer oben - Beispiel: 1
Tragen Sie hier die Stärke der oberen äußeren Trennlinie ein.
2.12 Darstellungsart der  Trennlinie kompletter Footer oben
Hier können Sie die Darstellung der oberen äußeren Footer Trennlinie auswählen. Dabei stehen Ihnen 3 Werte zur Verfügung. Durchgezogene Trennlinie ohne Unterbrechung. Punkte Trennlinie und gestrichelte Trennlinie
2.13 Hintergrundbild wiederholen
Sie können im Footer ein Hintergrundbild einsetzen. Hier bestimmen Sie ob das Hintergrundbild wiederholen lassen.
  • Das Bild wird horizontal und vertikal wiederholt
  • Keine Wiederholung. Das Bild wird einmal dargestellt
  • Nur horizontal wiederholen
  • vertikal wiederholen
2.14 Position des Hintergrundbildes
Geben Sie hier die Position des Hintergrundbild ein. Möchten Sie zum Beispiel den oberen mittigen Inhalt des Hintergrundbildes  darstellen dann wählen Sie den Wert "Mitte oben"
  • Links unten
  • Links oben
  • Links Mitte
  • Rechts unten
  • Rechts oben
  • Rechts Mitte
  • Mitte unten
  • Mitte oben 
  • Mitte Mitte
2.15 Größe des Hintergrundbildes
Bestimmen Sie hier die Größe des Hintergrundbildes. Wählen Sie aus den 4 möglichen Optionen aus. Versuchen Sie alle Einstellungen und was am besten zu Ihrem Hintergrundbild und Ihren Vorstellungen passt.
  • Strecken
  • Einfassen
  • 100% Höhe und 100% Breite
  • auto
2.16 Durchsichtigkeit des Hintergrundbildes
Wählen Sie hier die Durchsichtigkeit (Transparenz Wert) für das Hintergrundbild aus. Sie können zwischen dem Wert 100 = keine Transparenz bis 0 volle Transparenz wählen.
2.17 Footer Hintergrundbild auswählen
Wählen Sie über den Media Manager ein Hintergrundbild oder laden Sie das Hintergrundbild direkt hierüber hoch.

3. Newsletter Trenner Box

3.1 Newsletter Trenner Box einschalten
Ermöglichen Sie mit der Newsletter Trenner Box das Ihre Kunden sich direkt für Ihren Shopware Newsletter anmelden können. Statt einer Newsletter Trenner Box kann auch wenn gewünscht in eine der 12 Boxen die Newsletter Box aktiviert werden. Dabei wird dann die Newsletter Trenner Box deaktiviert. Sollten Sie dennoch eine Trenner Box benötigen so können Sie das mit der HTML Trenner Box (Plugin Einstellungspunkt 4) realisieren. 
3.2 Hintergrundfarbe Newsletter Box - Beispiel: #333333
Für die Newsletter Trenner Box kann über den Colorpicker eine Hintergrundfarbe gewählt werden. Eine Transparenz kann per Alpha Kanal im Colorpicker ausgewählt werden.
3.3 Newsletter Box Breite Desktop - Beispiel: 45
Tragen Sie hier die Breite der Newsletter Trenner Box für die Desktop Ansicht ein. In unserem Beispiel haben wir 45 als Wert eingetragen. Damit wird der Inhalt der Newsletter Trenner Box auf eine Breite von 45% gesetzt.
3.4 Newsletter Box Breite Tablet Landscape - Beispiel: 45
Tragen Sie hier die Breite der Newsletter Trenner Box für die Tablet Landscape Ansicht ein.
3.5 Newsletter Box Breite Tablet Portrait - Beispiel: 50
Tragen Sie hier die Breite der Newsletter Trenner Box für die Tablet Portrait Ansicht ein.
3.6 Trennlinie Newsletter vollflächig, Desktop
 Nachfolgend können Sie für die Newsletter Trenner Box eine untere Trennlinie einsetzen. Mit dieser Einstellung können Sie die Trennlinie auf vollflächig in der Desktop Ansicht setzen.
3.7 Trennlinien Farbe Newsletter - Beispiel: #b5a590
Tragen Sie über den Colorpicker den Farbwert der Trennlinie ein.
3.8 Trennlinien Stärke Newsletter - Beispiel: 1
Tragen Sie hier den Wert der Newsletter Trennlinien Stärke ein.
3.9 Darstellung Trennlinie Newsletter
Hier können Sie die Darstellung der unteren Newsletter Trennlinie auswählen. Dabei stehen Ihnen 3 Werte zur Verfügung. Durchgezogene Trennlinie ohne Unterbrechung. Punkte Trennlinie und gestrichelte Trennlinie.
3.10 Newsletter Box Abstand innen - Beispiel: 20px 20px 20px 20px
Sie können der Newsletter Trenner Box einen inneren Abstand zum äußeren Rand der Box vergeben. Möchten Sie zum Beispiel oben einen Abstand einrichten tragen Sie folgenden Beispiel Wert ein: 20px 0px 0px 0px  (Reihenfolge der Eingetragenen Werte: oben, rechts, unten, links)
3.11 Newsletter Überschrift - Beispiel: ULTRA MEDIA NEWS
Vergeben Sie in der Newsletter Trenner Box eine eigene Überschrift ein. 
3.12 Überschrift Schriftfarbe - Beispiel: #ffffff
Tragen Sie über den Colorpicker den Farbwert für die Newsletter Überschrift ein.
3.13 Newsletter Überschrift Buchstaben Abstand - Beispiel: 9
Bestimmen Sie mit diesem Wert den Buchstabenabstand um die Überschriften im Newsletter Trenner  besonders hervorzuheben.
3.13 Newsletter Überschrift Ausrichtung
Mit der Ausrichtung können Sie die Überschrift nach Links, in die Mitte der Box oder nach Rechts versetzen.
3.14 Newsletter Überschrift Abstand unten - Beispiel: 10
Um alle nach folgenden Elemente zur Überschrift einen Abstand zu vergeben, können Sie hier einen Wert vergeben.
3.15 Senden Button Hintergrundfarbe - Beispiel: #333333
Tragen Sie über den Colorpicker den Farbwert für den Newsletter Senden Button.
3.16 Newsletter Icon Farbe - Beispiel: #ffffff
Tragen Sie über den Colorpicker den Farbwert für das Icon im Newsletter Senden Button.
3.17 Senden Button Abstand links - Beispiel: 5
Vergeben Sie einen Abstand zum Newsletter Senden Button und dem Eingabefeld
3.18 Senden Button Breite - Beispiel: 20
Bestimmen Sie die Breite (Zum Beispiel: 20%) des Newsletter Senden Button
3.19 Button Rahmenfarbe - Beispiel: #bcc1c7
Tragen Sie über den Colorpicker den Farbwert für den Rahmen des Newsletter Senden Button ein.
3.20 Rahmenstärke - Beispiel: 1
Tragen Sie hier die passende Rahmenstärke ein.
3.21 Rundung Senden Button - Beispiel: 0px 3px 3px 0px
Sie können dem Newsletter Senden Button Rundungen vergeben. Möchten Sie zum Beispiel oben rechts und unten rechts dem Senden Button vergeben dann  tragen Sie folgenden Beispiel Wert ein: 0px 3px 3px 0px (Reihenfolge der Eingetragenen Werte: oben links, oben rechts, unten rechts, unten links)
3.22 Datenschutz Newsletteranmeldung Textfarbe - Beispiel: #ffffff
Tragen Sie über den Colorpicker den Farbwert für die Textfarbe des Datenschutz Text ein.
3.23 Datenschutz Newsletteranmeldung Textgröße - Beispiel: 12
Tragen Sie hier die Schriftgröße des Datenschutz Text ein.
3.24 Datenschutz Newsletteranmeldung Linkfarbe - Beispiel: #008490
Tragen Sie über den Colorpicker den Farbwert für den Datenschutz Link ein.
3.25 Datenschutz Newsletteranmeldung Hover Linkfarbe - Beispiel: #003e44
Tragen Sie über den Colorpicker den Farbwert für die Hover Linkfarbe des Datenschutz Link.
3.26 Newsletter Platzhalter - Beispiel: Ihre E-Mail Adresse eingeben
Sie können hier den Platzhalter Text anpassen. Zum Beispiel: Gib  Deine E-Mail Adresse ein.
3.27 Rundung E-Mail Eingabefeld - Beispiel: 3px 0px 0px 3px
Sie können dem Newsletter Eingabefeld Rundungen vergeben. Möchten Sie zum Beispiel oben rechts und unten rechts dem Senden Button vergeben dann tragen Sie folgenden Beispiel Wert ein: 0px 3px 3px 0px (Reihenfolge der Eingetragenen Werte: oben links, oben rechts, unten rechts, unten links)
3.28 HTML Newsletter Trennerbox Schriftfarbe - Beispiel: #ffffff
Sie haben die Möglichkeit in der HTML Eingabe Box die Schrift individuell anzupassen. Möchten Sie jedoch der gesamten Eingabe Box eine Schriftfarbe vergeben so können Sie dies über den Colorpicker vergeben.
3.29 HTML Newsletter Trennerbox Schriftart - Beispiel: Open Sans
Sollten Sie in Ihren Shop andere Schriftarten eingebunden haben, so können Sie hier die eingebunden Schriftart eintragen.
3.30 HTML Newsletter Trennerbox Schriftgröße - Beispiel: 18
Tragen Sie hier den Wert der Schriftgröße ein.
3.31 HTML Newsletter Trennerbox Schriftstärke - Beispiel: 300
Für jede Schriftart gibt es verschiedene Schriftstärken. In Google Font Schriften wird diese als Schrift Styles bezeichnet. Dabei hat die Schriftart Open Sans zum Beispiel 10 Styles. Zum Beispiel für feine Schriften den Style 300 und für Fette Schriften den Beispiel Wert 600. 
3.32 HTML Newsletter Box individuelle Text Eingabe - Beispiel: abonnieren  und 5 EUR Rabatt sichern
Geben Sie Ihren individuellen Text hier ein. Dies kann per HTML eingetragen werden oder aber per Text.

4. HTML Trenner Box

4.1 HTML Trenner Box einschalten

Nutzen Sie diese HTML Trenner Box wenn Sie die Newsletter Trenner Box nicht einsetzen möchten oder aber wenn Sie eine weitere Box über den Boxen 1 - 12 benötigen.

4.2 Trennlinie HTML Trenner Box vollflächig, Desktop

Aktivieren Sie die untere Trennlinie der HTML Trenner Box.

4.3 Trennlinien Farbe HTML Trenner Box - Beispiel: #e4dfd9

Tragen Sie über den Colorpicker den Farbwert für  die Trennlinie ein.

4.4 Trennlinien Stärke HTML Trenner Box - Beispiel: 1 

Tragen Sie hier die Stärke der Trennlinie ein.

4.5 Darstellung Trennlinie HTML Trenner Box

Hier können Sie die Darstellung der unteren Trenner Box Trennlinie auswählen. Dabei stehen Ihnen 3 Werte zur Verfügung. Durchgezogene Trennlinie ohne Unterbrechung. Punkte Trennlinie und gestrichelte Trennlinie.

4.6 Hintergrundfarbe vollflächig, Desktop

Aktivieren Sie hier ob Sie die Hintergrundfarbe der Trennerbox vollflächig dargestellt werden soll.

4.7 Hintergrundfarbe Trenner Box

4.8 Trenner Box Überschrift - Beispiel: Meine Trennerbox

4.9 Überschrift Trenner Box Abstand - Beispiel: 0px 0px 15px 0px

4.10 Überschrift Trenner Box Ausrichtung

4.11 Überschrift Trenner Box Schriftfarbe - Beispiel: #ffffff

4.12 Überschrift Trennerbox Schriftart - Beispiel: Open Sans

4.13 Überschrift Trennerbox Schriftgröße - Beispiel: 16

4.14 Überschrift Trennerbox Schriftstärke - Beispiel: 300

4.15 Trenner Box Breite - Beispiel: 100

4.16 HTML Trennerbox Schriftfarbe - Beispiel: #ffffff

4.17 HTML Trennerbox Schriftart - Beispiel: Open Sans

4.18 HTML Trennerbox Schriftgröße - Beispiel: 16

4.19 HTML Trennerbox Schriftstärke - Beispiel: 300

4.20 HTML Trennerbox Abstand innen - Beispiel: 20px 20px 20px 20px

4.21 HTML Trennerbox individuelle Text Eingabe

5. Box 1 bis 12 Überschriften Einstellungen

5.1 Lange Überschriften abschneiden

5.2 Überschrift Schriftfarbe - Beispiel: #202020

5.3 Überschrift Schriftart - Beispiel: Open Sans

5.4 Überschrift Schriftgröße - Beispiel: 16

5.5 Überschrift Schriftstärke - Beispiel: 700

5.6 Überschrift unterstreichen einschalten

6. Box 1

6.1 Hintergrundfarbe - Beispiel: #222222

Sie können jeder der 12 Boxen hiermit eine eigene Hintergrundfarbe einsetzen. Dies kann über den Colorpicker ausgewählt werden. Über den Colorpicker (Alpha Wert) kann auch eine Transparenz ausgewählt werden.

6.2 Box 1 Auswahl

Wählen Sie hier aus ob Sie die HTML Box 1 (Selbst beschreibbare HTML Box), eine Newsletter Box, die Service-Hotline Box (Shopware Standard Box), nur Versand Icon Box,  nur Zahlungsicons Box, Versand- und Zahlungs Icons Box, Zahlung- und Versand Icon Box (umgekehrte Reihenfolge) oder ein der von Ihnen 12 angelegten Footer Kategorien.

Wie Sie Footer Kategorien anlegen entnehmen Sie der Shopware 6 Dokumentation hier >

6.3 Kategorie Link Animation einschalten

Durch aktivieren wird den Kategorie Links eine einfache Animation hinzugefügt.

6.4 Kategorie Link einrücken - Beispiel: 5

Hiermit wird Ihnen ein einrücken der Kategorie Links ermöglicht. Sollte kein einrücken gewünscht sein tragen Sie hier den Wert 0 ein.

6.5 Kategorie Border einschalten

Sie können den Kategorie Links eine untere Trennlinie hinzufügen.

6.6 Kategorie Borderfarbe - Beispiel: #e8e8e8

Für die untere Kategorie Trennlinie kann eine Farbe per Colorpicker ausgewählt werden.

6.7 Kategorie Link Schriftfarbe - Beispiel: #333333

Wählen Sie mit dem Colorpicker die gewünschte Kategorie Link Schriftfarbe aus.

6.8 Kategorie Link Hover Schriftfarbe - Beispiel: #ee1f60

Wählen Sie mit dem Colorpicker die gewünschte Kategorie Link Hover Schriftfarbe aus.

6.9 Kategorie Link Schriftart - Beispiel: Open Sans

Sollten Sie in Ihren Shop andere Schriftarten eingebunden haben, so können Sie hier die eingebunden Schriftart eintragen.

6.10 Kategorie Link Schriftgröße - Beispiel: 16

Tragen Sie hier den Wert der Schriftgröße ein.

6.11 Kategorie Link Schriftstärke - Beispiel: 300

Für jede Schriftart gibt es verschiedene Schriftstärken. In Google Font Schriften wird diese als Schrift Styles bezeichnet. Dabei hat die Schriftart Open Sans zum Beispiel 10 Styles. Zum Beispiel für feine Schriften den Style 300 und für Fette Schriften den Beispiel Wert 600. 

6.12 Box 1 Breite - Beispiel: 25

Mit dieser Einstellung können Sie die Breite jeder Box (Spalte) bestimmen.

Möchten Sie zum Beispiel Box 1 bis 3 nebeneinander darstellen so können Sie der Box 1 bis Box 3 den gleichen Wert 33.3 eintragen. Möchten Sie die Box 1 zu 100% Breite anzeigen so tragen Sie den Wert 100 ein. Für 4 Boxen nebeneinander tragen Sie jeweils den Wert 25 ein. Somit wird jede Box eine 25% Breite erhalten. Für 5 Spalten den Wert 20. Dann erhält jede der 5 Boxen 20% Breite. Im Standard des Footer Plugin werden immer zwei Boxen zu einer Gruppe zusammengefasst. Diese können Sie über die Gruppe in der Plugin Einstellung Punkt 19 zusammenfügen. Um Box 1 bis 4 zusammenzufügen wählen Sie hier die Einstellung Verbinde Gruppe 1 (Box 1-2) und Gruppe 2 (Box 3-4) 

Sollten Sie Fragen zum Verbinden der Boxen haben so schreiben Sie uns an support@ultra-media.de oder rufen uns an. Wir unterstützen Sie sehr gerne beim Einrichten des Footer Tuner Pro - SW6 Plugin.

6.13 Box 1 Abstand innen - Beispiel: 20px 20px 20px 20px

6.14 Box 1 Überschrift einschalten

6.15 Box 1 Überschrift - Beispiel: Meine Überschrift Box 1

6.16 Überschrift Box 1 Abstand - Beispiel: 0px 0px 15px 0px

6.17 HTML Box 1 Schriftfarbe - Beispiel: #ffffff

6.18 HTML Box 1 Schriftart - Beispiel: Open Sans

6.19 HTML Box 1 Schriftgröße - Beispiel: 16

6.20 HTML Box 1 Schriftstärke - Beispiel: 300

6.21 HTML Box 1 individuelle Text Eingabe

7. Box 2

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

8. Box 3

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

9. Box 4

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

10. Box 5

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

11. Box 6

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

12. Box 7

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

13. Box 8

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

14. Box 9

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

15. Box 10

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

16. Box 11

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

17. Box 12

Beschreibung siehe Box 1 (alle Funktionen wie in Box 1)

18. Icon für Kategorie Links Box 1 - 12

18.1 Icon Farbe Box 1 - Beispiel: #008490
18.2 Icon einrücken Box 1 - Beispiel: 5
18.3 Icon Größe Box 1 - Beispiel: 14
18.4 Icon Auswahl Kategorie Links Box 1 - Beispiel: Eigenes Shopware 6 Icon
18.5 Icon Name Box 1 - Beispiel Shopware 6 Icon: arrow-head-right
18.6 Icon Farbe Box 2 - Beispiel: #008490
18.7 Icon einrücken Box 2 - Beispiel: 5
18.8 Icon Größe Box 2 - Beispiel: 14
18.9 Icon Auswahl Kategorie Links Box 2 - Beispiel: Eigenes Shopware 6 Icon

19. Gruppen verbinden

19.1 Verbinde Gruppe 1 (Box 1-2) und Gruppe 2 (Box 3-4)

19.2 Verbinde Gruppe 2 (Box 3-4) und Gruppe 3 (Box 5-6)

19.3 Verbinde Gruppe 3 (Box 5-6) und Gruppe 4 (Box 7-8)

19.4 Verbinde Gruppe 4 (Box 7-8) und Gruppe 5 (Box 9-10)

19.5 Verbinde Gruppe 5 (Box 9-10) Gruppe 6 (Box 11-12)

20. Gruppen Farbe

20.1 Hintergrundfarbe Gruppe 1 - Beispiel: rgba(138, 138, 138, 0.7)

20.2 Hintergrundfarbe Gruppe 2 - Beispiel: rgba(239, 67, 67, 0.7)

20.3 Hintergrundfarbe Gruppe 3 - Beispiel: rgba(14, 85, 200, 0.7)

20.4 Hintergrundfarbe Gruppe 4 - Beispiel: rgba(248, 244, 48, 0.7)

20.5 Hintergrundfarbe Gruppe 5 - Beispiel: rgba(46, 247, 24, 0.7)

20.6 Hintergrundfarbe Gruppe 6 - Beispiel: rgba(0, 0, 0, 0.7)

21. Gruppen Trennlinien

21.1 Trennlinien Gruppe 1 vollflächig, Desktop
21.2 Trennlinien Farbe Gruppe 1 - Beispiel: #8de86c
21.3 Trennlinien Stärke Gruppe 1 - Beispiel: 1
21.4 Darstellung Trennlinien Gruppe 1

22. Zahlungs- und Versand- Icon Box

22.1 Standard Footer Zahlungs- und Versand- Icon Box einschalten

22.2 Zahlung- und Versand Icon Box Hintergrundfarbe vollflächig, Desktop

22.3 Zahlung- und Versand Icon Box Hintergrundfarbe - Beispiel: #222222

22.4 Versand Icon interne Link URL - Beispiel: /versandkosten

22.5 Zahlung Icon interne Link URL - Beispiel: /zahlungsmoeglichkeiten

22.6 Zahlung- und Versand Icon Box Abstand innen - Beispiel: 20px 20px 20px 20px

22.7 Position Trennlinie Zahlung- und Versand Icon's

22.8 Zahlung- und Versand Icon Box Trenner Linie Abstand links oder rechts - Beispiel: 15

22.9 Trenner Linienfarbe zwischen Zahlung und Versandkosten Icon's - Beispiel: #222222

22.10 Trenner Linienstärke zwischen Zahlung und Versandkosten Icon's - Beispiel: 1

22..11 Trennlinie Zahlung- und Versand Icon Box vollflächig, Desktop

22.12 Trennlinien Farbe Zahlung- und Versand Icon Box

22.13 Trennlinien Stärke Zahlung- und Versand Icon Box - Beispiel: 1

22.14 Darstellung Trennlinie Zahlung- und Versand Icon Box

22.15 Zahlungs- und Versand- Icon Überschrift einschalten, im Footer

22.16 Zahlungsarten Überschrift wenn in Box 1 - 12

22.17 Versandarten Überschrift wenn in Box 1 - 12

22.18 Zahlungs- und Versandkosten Überschrift wenn in Box 1 - 12 oder in Zahlungs- und Versand- Icon Box

22.19 Überschrift Schriftart - Beispiel: Open Sans

22.20 Überschrift Schriftgröße - Beispiel: 16

22.21 Überschrift Schriftfarbe - Beispiel: #202020

22.22 Überschrift Schriftstärke - Beispiel: 700

22.23 Versand- und Zahlungsgröße

22.24 Footer Zahlungs- und Versand- Icons Abstand

22.25 Zahlung- und Versand Icon Abstand innen - Beispiel: 20px 20px 0px 20px

22.26 Lange Überschriften abschneiden

22.27 Überschrift unterstreichen einschalten

23. SEO HTML Box

23.1 SEO HTML Box einschalten

23.2 SEO HTML Box Hintergrundfarbe vollflächig, Desktop

23.3 SEO HTML Box Hintergrundfarbe - Beispiel: #ffffff

23.4 SEO HTML Box Breite - Beispiel: 100

23.5 SEO HTML Box Abstand innen - Beispiel: 20px 20px 20px 20px

23.6 Trennlinie HTML SEO Box vollflächig, Desktop

23.7 Trennlinien Farbe HTML SEO Box

23.8 Trennlinien Stärke HTML SEO Box - Beispiel: 1

23.9 Darstellung Trennlinie HTML SEO Box

23.10 SEO HTML Box Schriftfarbe - Beispiel: #202020

23.11 SEO HTML Box Schriftart - Beispiel: Open Sans

23.12 SEO HTML Box Schriftgröße - Beispiel: 16

23.13 SEO HTML Box Schriftstärke - Beispiel: 300

23.14 SEO HTML Box individuelle Text Eingabe

24. Mwst. und Versand Box

24.1 Mwst. und Versand Box abschalten

24.2 Mwst. und Versand Box Hintergrundfarbe vollflächig, Desktop

24.3 Mwst. und Versand Box Hintergrundfarbe - Beispiel: #222222

24.4 Mwst. und Versand Box Abstand innen - Beispiel: 20px 20px 20px 20px

24.5 Mwst. und Versand Text Ausrichtung

24.6 Mwst. und Versand Schriftfarbe - Beispiel: #ffffff

24.7 Mwst. und Versand Schriftart - Beispiel: Open Sans

24.8 Mwst. und Versand Schriftgröße - Beispiel: 14

24.9 Mwst. und Versand Schriftstärke - Beispiel: 300

24.10 Versandkosten Link Schriftfarbe - Beispiel: #ffffff

24.11 Versandkosten Link Hover Schriftfarbe - Beispiel: #ffffff

25. Copyright Text + Logo Box

25.1 Copyright Box einschalten

25.2 Copyright Box Hintergrundfarbe vollflächig, Desktop

25.3 Hintergrundfarbe Copyright Box - Beispiel: #2a2f35

25.4 Copyright Box Abstand innen - Beispiel: 20px 20px 20px 20px

25.5 Trennlinie HTML Copyright Box vollflächig, Desktop

25.6 Trennliniefarbe HTML Copyright Box

25.7 Trennlinienstärke HTML Copyright Box - Beispiel: 1

25.8 Darstellung Trennlinie HTML Copyright Box

25.9 Eigenes Copyright Logo einschalten

25.10 Copyright Shopware Icon abschalten

25.11 Copyright Logo Höhe - Beispiel: 35

25.12 Copyright Logo Abstand unten - Beispiel: 10

25.13 Logo bzw. Icon über Copyright Text setzen

25.14 Copyright Logo Link URL - Beispiel: https://meinefirma.de

25.15 Copyright Logo Link Titel - Beispiel: Mein Link Titel

25.16 Copyright Text Eingabe - Beispiel: © Meine Firma 2020

25.17 Copyright Text Ausrichtung

25.18 Copyright Textfarbe - Beispiel: #ffffff

25.19 Copyright Text Abstand innen - Beispiel: 10px 20px 0px 20px

25.20 Laden Sie Medien hoch oder wählen Sie eine aus dem Medienmanager

26. Service Menü Links im Footer

26.1 Service Links einschalten

27. E-Mail Bestätigungstext

27.1 Bestätigungstext - Beispiel: Vielen Dank für Ihre Newsletter Anmeldung
Service & Beratung

Unterstützung und Beratung unter: +4933 234- 28 98 95 Mo-Fr, 09:00 - 17:00 Uhr

Oder über unser Kontaktformular.
Unternehmen
  • Shopware 5 Icon-Übersicht
  • Shopware 6 Icon-Übersicht
  • Über uns
mehr
weniger
Rechtliches
  • AGB
  • Datenschutz
  • Impressum
  • Widerrufsrecht
  • Coockie-Einstellungen
mehr
weniger
Service
  • Tipps & Tricks
  • Defektes Produkt
  • Rückgabe
  • Hilfe / FAQ
  • Online Dokumentation
mehr
weniger
 ✔ Shopware 5 ✔ Shopware 6 ✔ Shopware Plugins ✔ Shopware Warenwirtschaft ✔ Shopware Support ✔ Shopware Wartungsvertrag
Shopware Partner Agentur - individuelles Shopware Design - ausführliche Beratung - Top Shopware Bewertung

Realisiert mit Shopware
Foundation Modal

This Modal is powered by moori Foundation

Funktionale Cookies sind für die Funktionalität des Webshops unbedingt erforderlich. Diese Cookies ordnen Ihrem Browser eine eindeutige zufällige ID zu damit Ihr ungehindertes Einkaufserlebnis über mehrere Seitenaufrufe hinweg gewährleistet werden kann.

CAPTCHA-Integration
PayPal:
Das Cookie wird für Zahlungsabwicklungen über PayPal genutzt.
CSRF-Token:
Das CSRF-Token Cookie trägt zu Ihrer Sicherheit bei. Es verstärkt die Absicherung bei Formularen gegen unerwünschte Hackangriffe.
Session:
Das Session Cookie speichert Ihre Einkaufsdaten über mehrere Seitenaufrufe hinweg und ist somit unerlässlich für Ihr persönliches Einkaufserlebnis.
Cache Behandlung:
Das Cookie wird eingesetzt um den Cache für unterschiedliche Szenarien und Seitenbenutzer zu differenzieren.
Google reCAPTCHA
Zeitzone:
Das Cookie wird verwendet um dem System die aktuelle Zeitzone des Benutzers zur Verfügung zu stellen.
Aktivierte Cookies:
Speichert welche Cookies bereits vom Benutzer zum ersten Mal akzeptiert wurden.
Herkunftsinformationen:
Das Cookie speichert die Herkunftsseite und die zuerst besuchte Seite des Benutzers für eine weitere Verwendung.
Cookie Einstellungen:
Das Cookie wird verwendet um die Cookie Einstellungen des Seitenbenutzers über mehrere Browsersitzungen zu speichern.
PayPal-Zahlungen

Marketing Cookies dienen dazu Werbeanzeigen auf der Webseite zielgerichtet und individuell über mehrere Seitenaufrufe und Browsersitzungen zu schalten.

Google AdSense:
Das Cookie wird von Google AdSense für Förderung der Werbungseffizienz auf der Webseite verwendet.

Tracking Cookies helfen dem Shopbetreiber Informationen über das Verhalten von Nutzern auf ihrer Webseite zu sammeln und auszuwerten.

Google Analytics::
Google Analytics wird zur der Datenverkehranalyse der Webseite eingesetzt. Dabei können Statistiken über Webseitenaktivitäten erstellt und ausgelesen werden.
Hotjar:
Hotjar Cookies dienen zur Analyse von Webseitenaktivitäten der Nutzer. Der Seitenbenutzer wird dabei über das Cookie über mehrere Seitenaufrufe identifiziert und sein Verhalten analysiert.
Mouseflow Cookie:
Diese Cookies dienen zur Analyse des Nutzerverhaltens auf unserer Website mithilfe des Webanalysedienstes Mouseflow. Alle erhobenen Daten werden anonymisiert ausgewertet.

Dies ist ein Webanalysedienst. Damit kann der Benutzer den Werbe-ROI messen sowie Flash-, Video- und Social-Networking-Sites und -Anwendungen verfolgen.

Google Analytics

Service Cookies werden genutzt um dem Nutzer zusätzliche Angebote (z.B. Live Chats oder Schriften) auf der Webseite zur Verfügung zu stellen. Informationen, die über diese Service Cookies gewonnen werden, können möglicherweise auch zur Seitenanalyse weiterverarbeitet werden.

Google Webfonts:
Dies ist eine Sammlung von Schriftarten für den kommerziellen und persönlichen Gebrauch.
SmartSupp:
SmartSupp stellt eine Live Chat Anwendung für Seitenbenutzer zur Verfügung. Über das Cookie wird die Funktion der Anwendung über mehrere Seitenaufrufe hinweg sicher gestellt und Statistiken zur Benutzung der Webanwendung erstellt.

Für Statistiken und Shop-Performance-Metriken genutzte Cookies.

Google Tagmanager
Merkzettel:
Speichere Deine Favoriten auf Deinem Merkzettel!
Wir respektieren Ihre Privatsphäre
Diese Website verwendet Cookies, um eine bestmögliche Erfahrung bieten zu können. Mehr Informationen ...