Plugin Dokumentation „Doku Footer Tuner Pro Modul 3 | Zahlung und Copyright Box - 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. Zahlung und Versand Box

2.1 Standard Footer Zahlungs- und Versand- Icon Box einschalten

Hiermit wird es Ihnen ermöglicht die Zahlung und Versand Box an oder abgeschaltet werden.

2.2 Zahlung und Versand Box Hintergrundfarbe vollflächig, Desktop

Sie können die Hintergrundfarbe der Box vollflächig oder nur auf Containerbreite einstellen.

2.3 Zahlung und Versand Box Hintergrundfarbe - Beispiel: #333333

Mit dem Color Picker können Sie die Hintergrundfarbe und den Transparenz Wert der Box bestimmen.

2.4 Versand Icon interne Link URL - Beispiel: meine-page.de/versandkosten

Tragen Sie hier die URL Adresse für die Versandkosten Icons ein. Bei Anzeige der Versand Icons im Shopware 6 Footer wird jedem Versand Icon hiermit ein Link eingesetzt. Ihre Kunden können dann per Klick die Versandkosten Infoseite besuchen.

2.5 Zahlungs Icons interne Link URL- Beispiel: meine-page.de/zahlungsmoeglichkeiten

2.6 Zahlung und Versand Box Abstand innen - Beispiel: 20px 20px 20px 20px

Bestimmen Sie den inneren Abstand zu den aktivierten Inhalte der Box.

2.7 Zahlungsicons einschalten (Aktive Zahlungsarten: Einstellungen > Zahlungsarten (mit Icon) und im Verkaufskanal aktiv)

Die Zahlungs Icons werden angezeigt sobald Sie die Zahlungsart unter Einstellungen > Zahlungsarten angelegt und aktiviert wurde. Sobald die Zahlungsart im Verkaufskanal aktiviert wurde werden die Zahlungsarten im Footer angezeigt.

2.8 Versand Icons einschalten (Aktive Versandsarten: Einstellungen > Versand (mit Icon) und im Verkaufskanal aktiv)

Die Versand Icons werden angezeigt sobald Sie die Versandart unter Einstellungen > Versand angelegt und aktiviert wurde. Sobald die Versandart im Verkaufskanal aktiviert wurde werden die Zahlungsarten im Footer angezeigt.

2.9 Trennlinie zwischen Zahlung und Versand abschalten

Schalten Sie für eine optisch bessere Trennung zwischen Zahlung und Versand Icon eine Trennlinie zwischen beide Icons ein bzw. aus.

2.10 Abstand Trennlinie zwischen Zahlung und Versand Icon - Beispiel: 15

Bestimmen Sie den Abstand zwischen den Zahlung und Versand Icon.

2.11 Trenner Linienfarbe zwischen Zahlung und Versandkosten Icon's - Beispiel: #ffffff

Mit dem Color Picker können Sie hiermit die Trennlinien Farbe auswählen.

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

Tragen Sie hier die Trennlinien Stärke ein. Um so höher der Zahlenwert um so stärker die Trennlinie.

2.13 Trennlinie Zahlung und Versand Box vollflächig, Desktop

Sie können die Trennlinie der Box vollflächig oder nur auf Containerbreite einstellen.

2.14 Trennlinien Farbe Zahlung und Versand Box - Beispiel: #b5a590

Mit dem Color Picker können Sie hiermit die Trennlinien Farbe der Box bestimmen.

2.15 Trennlinien Stärke Zahlung und Versand Box - Beispiel: 3

Tragen Sie hier die Trennlinien Stärke ein. Um so höher der Zahlenwert um so stärker wird die Trennlinie der Box dargestellt.

2.16 Darstellung Trennlinie Zahlung und Versand Box

Über das Auswahlmenü können Sie die Darstellungsart der Trennlinie wählen. Es stehen Ihnen eine Punkt Linie, eine Gestrichelte Trennlinie und eine Strich Linie zur Verfügung.

2.17 Zahlung und Versand Box Überschrift einschalten

Schalten Sie über diese Funktion die individuelle Überschrift der Box ab.

2.18 Zahlungs und Versandkosten Überschrift - Beispiel: Zahlungs und Versandarten

Geben Sie für die Box einen eigene individuelle Überschrift ein.

2.19 Überschrift Schriftart - Beispiel: Open Sans

Das Plugin unterstützt die bereits im Shop eingebundenen Schriftarten. Mit unserem Schriften Plugin "Schriften und Icons einbinden Premium - SW6" können weitere Schriftarten leicht in den Shopware 6 Shop eingebunden werden. Geben Sie die Schriftarten Bezeichnung dann in dieses Eingabefeld ein.

2.20 Überschrift Schriftgröße - Beispiel: 22

Wählen Sie die Schriftgröße aus. Um so höher der Wert um so größer wird die Schriftart dargestellt.

2.21 Überschrift Schriftfarbe - Beispiel: #ffffff

Mit dem Color Picker bestimmen Sie die Schriftfarbe der Überschrift aus.

2.22 Überschrift Schriftstärke - Beispiel: 700

Jede Schriftart hat unterstützt verschiedene Schriftstärken. Diese müssen jedoch auch im Shop eingebunden sein um Sie zu nutzen.

2.23 Icon Größe Versand und Zahlung - Beispiel: 45

Die Versand und Zahlungs Icons werden im Shopware Standard mit einer Höhe von 35px dargestellt. Möchten Sie die Versand und Zahlungs Icons größer oder kleiner darstellen so können Sie hier den dementsprechenden Wert eingeben.

2.24 Abstand Zahlung und Versand Icons - Beispiel: 25

Tragen Sie hier den Wert für den Abstand zwischen den Versand und Zahlungs Icons ein.

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

Bestimmen Sie den Abstand um die Versand und Zahlungs Icons zum restlichen Inhalt der Box.

2.26 Überschrift unterstreichen einschalten

Setzen Sie unter der Überschrift der Box einen Unterstrich ein.

3. Mwst. und Versand Box

3.1 Mwst. und Versand Box abschalten

Generell sollte die Mwst. und Versand Box nicht abgeschaltet werden. Sollte diese Funktion jedoch benötigt werden so kann hiermit die komplette Box und Inhalte abgeschaltet werden.

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

Sie können die Hintergrundfarbe der Box vollflächig oder nur auf Containerbreite einstellen.

3.3 Mwst. und Versand Box Hintergrundfarbe - Beispiel: #e9e9f0

Mit dem Color Picker können Sie die Hintergrundfarbe und den Transparenz Wert der Box bestimmen.

3.4 Trennlinie HTML SEO Box vollflächig, Desktop

Sie können die Trennlinie der Box vollflächig oder nur auf Containerbreite einstellen.

3.5 Trennliniefarbe VAT Box - Beispiel: #b5a590

Mit dem Color Picker können Sie die Trennlinienfarbe der Box auswählen.

3.6 Darstellung Trennlinie Zahlung und Versand Box

Über das Auswahlmenü können Sie die Darstellungsart der Trennlinie wählen. Es stehen Ihnen eine Punkt Linie, eine Gestrichelte Trennlinie und eine Strich Linie zur Verfügung.

3.7 Trennlinienstärke VAT Box - Beispiel: 3

Tragen Sie hier die Trennlinien Stärke ein. Um so höher der Zahlenwert um so stärker die Trennlinie.

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

Bestimmen Sie den inneren Abstand zu den aktivierten Inhalte der Box.

3.9 Mwst. und Versand Text Ausrichtung

Richten Sie den Mwst. und Versandkostentext aus. Zur Auswahl stehen links, mittig oder rechts

3.10 Mwst. und Versand Schriftfarbe - Beispiel: #5c5c5c

Mit dem Color Picker bestimmen Sie die Schriftfarbe des Mwst. und Versandkosten Text aus.

3.11 Mwst. und Versand Schriftart - Beispiel: Open Sans

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

Wählen Sie die Schriftgröße aus. Um so höher der Wert um so größer wird die Schriftart dargestellt.

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

Jede Schriftart hat unterstützt verschiedene Schriftstärken. Diese müssen jedoch auch im Shop eingebunden sein um Sie zu nutzen.

3.14 Link Versandkosten Text Schriftfarbe - Beispiel: #5c5c5c

Mit dem Color Picker bestimmen Sie die Schriftfarbe des Link für den Mwst. und Versandkosten Text aus.

3.15 Link Versandkosten Text Hover Schriftfarbe - Beispiel: #5c5c5c

Mit dem Color Picker bestimmen Sie die Hover Schriftfarbe des Links für den Mwst. und Versandkosten Text aus.

4. SEO HTML Box

4.1 SEO HTML Box einschalten

Hiermit wird es Ihnen ermöglicht die SEO HTML Box an oder abgeschaltet werden.

4.2 Auswahl Position SEO HTML Box

Wählen Sie zwischen zwei Positionen für die SEO HTML Box aus. Es stehen Ihnen die Position über der Mwst. und Versand Box und unter der Mwst. und Versand Box zur Verfügung.

4.3 SEO HTML Box Hintergrundfarbe vollflächig, Desktop

Sie können die Hintergrundfarbe der Box vollflächig oder nur auf Containerbreite einstellen.

4.4 SEO HTML Box Hintergrundfarbe - Beispiel: #e9e9f0

Mit dem Color Picker können Sie die Hintergrundfarbe und den Transparenz Wert der Box bestimmen.

4.5 SEO HTML Box Breite - Beispiel: 100

Bestimmen Sie ab wie viel Prozent die Inhalte der Box umbrechen sollen.

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

Bestimmen Sie den inneren Abstand zu den aktivierten Inhalte der Box.

4.7 Trennlinie HTML SEO Box vollflächig, Desktop

Sie können die Trennlinie der Box vollflächig oder nur auf Containerbreite einstellen.

4.8 Trennliniefarbe HTML SEO Box - Beispiel: #b5a590

Mit dem Color Picker können Sie die Trennlinienfarbe der Box auswählen.

4.9 Trennlinienstärke HTML SEO Box - Beispiel: 3

Tragen Sie hier die Trennlinien Stärke ein. Um so höher der Zahlenwert um so stärker die Trennlinie.

4.10 Darstellung Trennlinie HTML SEO Box

Über das Auswahlmenü können Sie die Darstellungsart der Trennlinie wählen. Es stehen Ihnen eine Punkt Linie, eine Gestrichelte Trennlinie und eine Strich Linie zur Verfügung.

4.11 SEO HTML Box Schriftfarbe - Beispiel: #5c5c5c

Mit dem Color Picker bestimmen Sie die Schriftfarbe der SEO HTML Box aus. Sie können natürlich auch in der SEO HTML Box selbst die Schriftfarben setzen.

4.12 SEO HTML Box Schriftart - Beispiel: Open Sans

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

Wählen Sie die Schriftgröße aus. Um so höher der Wert um so größer wird die Schriftart dargestellt.

4.14 SEO HTML Box Schriftstärke - Beispiel: 300

Jede Schriftart hat unterstützt verschiedene Schriftstärken. Diese müssen jedoch auch im Shop eingebunden sein um Sie zu nutzen.

4.15 SEO HTML Box individuelle Text Eingabe

In die HTML Box können einfach nur Textinhalte eingegeben werden oder aber wenn man sich mit HTML auskennt kann man auch HTML Inhalte eingeben. Hier wird die Shopware 6 HTML Box verwendet.

5. Copyright Text + Logo Box

5.1 Copyright Box einschalten

Hiermit wird es Ihnen ermöglicht die Copyright Text + Logo Box an oder abgeschaltet werden.

5.2 Copyright Box Hintergrundfarbe vollflächig, Desktop

Sie können die Hintergrundfarbe der Box vollflächig oder nur auf Containerbreite einstellen.

5.3 Hintergrundfarbe Copyright Box - Beispiel: #e9e9f0

Mit dem Color Picker können Sie die Hintergrundfarbe und den Transparenz Wert der Box bestimmen.

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

Bestimmen Sie den inneren Abstand zu den aktivierten Inhalte der Box.

5.5 Trennlinie HTML Copyright Box vollflächig, Desktop

Sie können die Trennlinie der Box vollflächig oder nur auf Containerbreite einstellen.

5.6 Trennliniefarbe HTML Copyright Box - Beispiel: #b5a590

Mit dem Color Picker können Sie die Trennlinienfarbe der Box auswählen.

5.7 Trennlinienstärke HTML Copyright Box - Beispiel: 3

Tragen Sie hier die Trennlinien Stärke ein. Um so höher der Zahlenwert um so stärker die Trennlinie.

5.8 Darstellung Trennlinie HTML Copyright Box

Über das Auswahlmenü können Sie die Darstellungsart der Trennlinie wählen. Es stehen Ihnen eine Punkt Linie, eine Gestrichelte Trennlinie und eine Strich Linie zur Verfügung.

5.9 Eigenes Copyright Logo einschalten

Schalten Sie das bereits gesetzte Copyright Logo aus oder ein.

5.10 Copyright Shopware Icon abschalten

Schalten Sie das shopware 6 Copyright Icon an oder aus.

5.11 Copyright Logo Höhe - Beispiel: 35

Tragen Sie die Größe des aktiven Logos hier ein.

5.12 Copyright Logo Abstand unten - Beispiel: 10

Wenn Sie das Logo über den Copyright Text setzen können Sie den Abstand zum Copyright Text hier eintragen.

5.13 Logo bzw. Icon über Copyright Text setzen

Versetzen Sie das Logo neben dem Copyrighttext über den Copyright Text.

5.14 Copyright Logo Link URL - Beispiel: meinefirma.de

Tragen Sie hier den URL Link ein.

5.15 Copyright Logo Link Titel - Beispiel: Mein Link Titel

Der Link Titel wird beim Hovern des Links angezeigt.

Ersetzten Sie hier den Copyright Text durch einen individuellen eigene Copyright Text.

5.17 Copyright Text Ausrichtung

Richten Sie den Mwst. und Versandkostentext aus. Zur Auswahl stehen links, mittig oder rechts

5.18 Copyright Textfarbe - Beispiel: #5c5c5c

Mit dem Color Picker bestimmen Sie die Schriftfarbe der Copyright Box aus. Sie können natürlich auch in der Copyright Box selbst die Schriftfarben setzen.

5.19 Copyright Schriftart - Beispiel: Open Sans

5.20 Copyright Schriftgröße - Beispiel: 14

Wählen Sie die Schriftgröße aus. Um so höher der Wert um so größer wird die Schriftart dargestellt.

5.21 Copyright Schriftstärke - Beispiel: 300

Jede Schriftart hat unterstützt verschiedene Schriftstärken. Diese müssen jedoch auch im Shop eingebunden sein um Sie zu nutzen.

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

Bestimmen Sie den inneren Abstand zu den aktivierten Inhalte der Box.

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

Laden Sie ihr eigenes Footer Logo hoch oder wählen dies über den Medienmanager aus.

Inhaltsverzeichnis:

Plugin Dokumentation „Doku Footer Tuner Pro Modul 3 | Zahlung und Copyright Box - SW6“

Einführung

1. Plugin / Verkaufskanal aktivieren

2. Zahlung und Versand Box

3. Mwst. und Versand Box

4. SEO HTML Box

5. Copyright Text + Logo Box