- 1 Installation
- 2 Plugin Einstellungen
- 3 Theme zuweisen
- 4 Einstellungen im Theme Manager
- 4.1. Allgemeine Einstellungen
- 4.1.1 Typografie
- 4.1.2 Medien
- 4.1.3 Seitliche Information Box
- 4.1.4 Webmaster-Tools HTML-Tag Code
- 4.2. Farbeinstellungen
- 4.2.1 Hintergrundbild
- 4.3. Header Einstellungen
- 4.3.1 Globale Benachrichtigung
- 4.3.2 Top Bar USP-Leiste
- 4.3.3 Header / Navigation
- 4.3.4 Sticky Menü
- 4.3.5 Breadcrumb Erweitert
- 4.4. Kategorie Einstellungen
- 4.4.1 Allgemeine Einstellungen
- 4.4.2 Sidebar Kontakt Box
- 4.4.3 Quickview
- 4.4.4 Filter in Sidebar
- 4.4.5 Artikelbild Zoom
- 4.5. Detail Einstellungen
- 4.5.1 Allgemeine Einstellungen
- 4.5.2 USP-Leiste
- 4.5.3 Bewertungen in der Beschreibung
- 4.6. Footer Einstellungen
- 4.6.1 Information Box
- 4.6.2 Footer USP-Leiste
- 4.6.3 Newsletter
- 4.6.4 Footer Template
- 4.6.5 Social Media
- 4.6.6 Zahlungsarten und Versandarten
- 4.7. Checkout Einstellungen
- 4.7.1 Offcanvas Warenkorb
- 4.7. Weitere Einstellungen
Installation
Sie können das Plugin hier über den Shopware Community Store erwerben. Das Plugin wird wie ein ganz gewöhnliches Plugin installiert. Sollten Sie zum ersten Mal ein Plugin installieren, finden Sie unter dem folgenden Link eine Anleitung zur Installation von Plugins:
Nach der Installation des Plugins schalten Sie das Plugin aktiv und öffnen die Konfigurationsmaske. Hierzu klicken Sie auf die drei Punkte in der letzen Spalte und wählen "Konfiguration".
Die Einstellungen des Plugins
Seitliche Information Box Anzeigen auf | Wählen Sie aus, auf welchen Seiten Sie die "Seitliche Information Box" anzeigen möchten |
Globale Benachrichtigung | Wählen Sie aus, auf welchen Seiten Sie die "Globale Benachrichtigung" anzeigen möchten |
Sidebar Kontakt Box | Wählen Sie aus, auf welchen Seiten Sie die "Sidebar Kontakt Box" anzeigen möchten |
Information Box | Wählen Sie aus, auf welchen Seiten Sie die "Information Box" anzeigen möchten |
Footer USP-Leiste | Wählen Sie aus, auf welchen Seiten Sie die "Footer USP-Leiste" anzeigen möchten |
Zahlung und Versandarten | Wählen Sie aus, welche Zahlungs und Versanddinstleister Sie im Footer anzeigen möchten |
Das Theme zuweisen
Nach der erfolgreichen Installation wählen Sie in den Verkaufskanälen Ihren Shop aus. Gehen Sie auf den Tab "Theme" und klicken auf den Button "Theme ändern".
Im nun öffnenden Fenster wählen Sie das Theme Saturn Cloud aus und klicken auf den Button "Theme übernehmen".
Einstellungen im Theme
Gehen Sie nun wieder in Ihr Theme Einstellungen (Inhalte > Themes). Im Theme können Sie, wie gewohnt, Ihre Einstellung zum Aussehen Ihres Shops festlegen. Hier können Sie nicht nur Farben und Schriften verändern, sondern auch Globale Einstellungen treffen, HTML-Tag Code für diverse Programme hinterlegen, Plugins aktivieren & deaktivieren sowie diverse Icons hinzufügen. Alle Einstellungen sind übersichtlich in weiteren Taps gegliedert. Durch diese Untergliederung wird deutlich wo die Veränderung stattfindet.
Allgemeine Einstellungen
Im Theme unter den Tap: "Allgemein" können Sie grundlegende Einstellungen und allgemeine Informationen einstellen und hinterlegen. Hier können Sie Ihr Logo hinterlegen und die Höhe bestimmen, die Schriftart ändern, allgemeine Informationen Ihres Shops an der Seite einblenden lassen und Ihre Seite mit Hilfe von den Webmaster-Tools überwachen lassen .
Typografie
Sie haben hier die Möglichkeit zwei verschiedene Schriftarten zu nutzen. Die primäre Schriftart wird für Überschriften genutzt. Mit der sekundäre Schriftart ändern Sie alle anderen Texte, wie z. B. Beschreibungstexte und Menüpunkte.
Schriftart* Text | Legen Sie hier die Schriftart* für die Texte fest |
Textfarbe | Legen Sie die Schriftfarbe für die Texte fest. |
Schriftart* Überschrift | Legen Sie hier die Schriftart* für die Überschriften fest |
Überschriftfarbe | Legen Sie die Schriftfarbe für die Überschriften fest. |
Google Fonts automatisch laden | Wenn aktiv, wird die Schriftvom Google Server direkt geladen. |
* Wie Sie unterschiedliche Schriftarten wählen können und welche Methoden es gibt, um diese einzubinden, erfahren Sie hier.
Medien
Hier hinterlegen Sie alle Größen ihres logos für die verschiedenen Endgeräte und Browser. Stellen Sie danach, für jedes Endgerät, individuell die Größe Ihres hinterlegten Logos ein.
Höhe auf dem Smartphone | Bestimmen Sie die Höhe des Logos auf dem Smartphone |
Höhe auf dem Tablet | Bestimmen Sie die Höhe des Logos auf dem Tablet |
Höhe auf dem Desktop | Bestimmen Sie die Höhe des Logos auf dem Desktop |
Seitliche Information Box
Am linken oder rechten Bildschirmrand wird eine Box für z. B. Informationen oder Werbeaktionen angeheftet. Die Box bleibt beim Scrollen immer an der gleichen Stelle.
Widget aktiv | Wenn aktiv, dann wird das Widget am seitlichen Rand des Bildschirms angezeigt |
Box Headline | Was soll im permanent sichtbaren Bereich stehen |
Boxinhalt | Was soll im eingeblendten Bereich stehen |
Startdatum | Legen Sie bei Bedarf ein Startdatum für die Anzeige fest |
Enddatum | Legen Sie bei Bedarf ein Enddatum für die Anzeige fest |
Position | Wählen Sie die Position der Benachrichtigung (links oder rechts) |
Abstand nach oben | Wie groß soll der Abstand zum oberen Bildschirmrand sein (Angabe in Prozent) |
Hintergrundfarbe | Bestimmen Sie die Hintergrundfarbe |
Schriftfarbe | Bestimmen Sie die Schriftfarbe |
Deckkraft | Bestimmen Sie die Deckkraft der Hintergrundfarbe |
Icon | Fügen Sie hier den Nnamen des ausgewählten Icons* ein |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Webmaster-Tools HTML-Tag Code
Behalten Sie mit diversen Tool von Google, Alexa, Bing oder Pinterest Ihre Webseite im Blick.
Verification Key Google | Google Webmaster-Tools HTML-Tag Code |
Verification Key Bing | Bing Webmaster-Tools HTML-Tag Code |
Verification Key Alexa | Alexa Webmaster-Tools HTML-Tag Code |
Verification Key Pinterest | Pinterest Webmaster-Tools HTML-Tag Code |
Farbeinstellungen
Im Tab „Farben“ haben Sie nun die Möglichkeit Ihren Shop farblich anzupassen, zudem können Sie hier Hintergrundbild in einigen Bereichen des Shops hinterlegen. Sie haben die Möglichkeit Einstellungen in der Top Bar, im Header, in der Main Navigation, für die Filter und Sortierung, den Tabs, den Primary Button, den Checkout und den Footer vornehmen.
Hintergrundbild
Wenn Sie mit Hintergundbildern arbeiten möchten, können Sie diese im Header, Content und/oder Footer hinterlegen.
Position | Legen Sie die Position des Hintergrundbildes fest |
Wiederholung | Legen Sie fest, ob ein Hintergrundbild über die gesamte Breite und/oder Höhe wiederholt werden soll |
Fixieren | Soll das Hintergrundbild fixiert werden oder mitscrollen |
Skalierung | Skaliert Hintergrundbild oder passt das Hintergrundbild an die Größe des Viewports an |
Hintergrundbild | Wählen Sie das Hintergrundbild aus dem Medienmanager aus |
Header Einstellungen
Gestalten Sie im Tap: "Header" Ihren Header mit individuellen Einstellungen und erweitern Sie ihn mit den enthaltenen Plugins. Folgende Funktionen und Plugins sind hier untergebracht: die Globale Benachrichtigung, die Top Bar USP-Leiste, Header / Navigation, das Sticky Menü, und die Breadcrumb Erweitert.
Globaler Benachrichtigungstext
Am oberen oder unteren Bildschirmrand wird ein globaler Text für Ankündigungen (z.B. Betriebsurlaub oder Verkaufsaktionen) angezeigt.
Plugin aktiv | Wenn aktiv, dann wird die Meldung angezeigt |
Auch auf Tablet anzeigen | Wenn aktiv, dann wird der Benachrichtigungstext auch auf dem Tablet angezeigt |
Auch auf Smartphone anzeigen | Wenn aktiv, dann wird der Benachrichtigungstext auch auf dem Smartphone angezeigt |
Benachrichtigungstext | Schreiben Sie Ihre Nachricht in das Feld |
Startdatum | Legen Sie bei Bedarf ein Startdatum für die Anzeige fest |
Enddatum | Legen Sie bei Bedarf ein Enddatum für die Anzeige fest |
Position | Wählen Sie die Position der Benachrichtigung (oben oder unten) |
Link | Geben Sie einen Link zu z. B. einer Infoseite an |
Link Text | Text des Buttons, auf welchem der Kundeklicken muss, um den Link aufzurufen. Der Link funktioniert nur, wenn das Feld "Link ausgefüllt ist" |
Hintergrundfarbe | Legen Sie die Hintergrundfarbe fest |
Schriftfarbe | Legen Sie die Schriftfarbe fest |
Top Bar USP-Leiste
Zeigen Sie, über Ihrem Header, Ihre vier wichtigsten Vorteile prominent an.
Plugin aktiv | Wenn aktiv, dann die Top Bar USP-Leiste angezeigt |
Auch auf Tablet anzeigen | Wenn aktiv, dann wird der Benachrichtigungstext auch auf dem Tablet angezeigt |
Höhe | Bestimmen Sie die Höhe der Top Bar. Angaben in Pixel. |
Schriftgröße | Bestimmen Sie die Schriftgröße. Angaben in Pixel |
Icon 1-4 | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Text 1-4 | Fügen Sie hier den Text ein |
Hintergrundfarbe | Legen Sie die Hintergrundfarbe fest |
Schriftfarbe | Legen Sie die Schriftfarbe fest |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Header / Navigation
Wählen Sie hier Ihr Layout für den Header sowie die Anordnung der Main-Navigation.
Header Layout | Wählen Sie ihr Layout für den Header aus |
Navigation Layout | Wählen Sie ihr Layout für die Navigation aus |
Sticky Menü
Minimierter Header der beim Scrollen am oberen Bildschirmrand fixiert wird und sich erst wieder ausblendet, wenn der Header im sichtbaren Bereich erscheint.
Plugin aktive | Wenn aktiv, dann wird das Sticky Menü angezeigt |
Auch auf Tablet anzeigen | Soll das Sticky Menü auch auf einem Tablet angezeigt werden |
Auch auf Smartphone anzeigen | Soll das Sticky Menü auch auf einem Smartphone angezeigt werdenn |
Sticky Menü anzeigen als | Wählen Sie aus vier unterscheidlichen Darstellungsarten eine aus |
Dauer Einblendung Suchleiste | Wie schnell soll das Sticky Menü eingeblendet werden? Angaben in Millisekunden (min = 100, max = 1000) |
Hintergrundfarbe | Legen Sie die Hintergrundfarbe fest |
Schriftfarbe | Legen Sie die Schriftfarbe fest |
Logo | Hier können Sie ein abwechendes Logo hochladen. Bleibt das Feld leer, wird das Smartphone Logo verwendet |
Breadcrumb
Konfiguration des Breadcrumb. Bei der "Breadcrumb Erweiterung" Mittels eines Mouseover, auf eine Kategorie im Breadcrumb und einer kurzen Verweildauer, werden die jeweiligen Unterkategorien in einem Layer eingeblendet.
Aktive | Wenn aktiv, dann wird das Breadcrumb überall angezeigt |
Kein Styling hinzufügen | Definiert, das lein weiteres Layout-Styling hinzugeführt wird |
Hintergrundfarbe | Legen Sie die Hintergrundfarbe fest |
Schriftfarbe | Legen Sie die Schriftfarbe fest |
Produkt Kategorien Einstellungen
Im Tap: "Produkt Kategorie" können unter anderem diverse allgemeine Einstellungen, wie z. B. Lieferstatus anzeigen und/oder Versandkostenfrei anzeigen festgelegt werden. In einer Sidebar Kontakt Box haben Sie die Möglichkeit ihre Kontaktdaten anzeigen zu lassen. Bestimmen Sie die Darstellung der Filter auf der linken Seite und entscheiden Sie, wie die Artikelbilder animiert werden sollen.
Allgemeine Einstellungen
Hier stellen Sie für die Kategorieseiten und die Suche ein, welche Elemente auf den entsprechenden Seiten angezeigt werden sollen.
Nur die gewählte Hauptkategorie + Unterkategorien im linken Kategoriebaum anzeigen | Nur die gewälte Hautkategorie und deren Unterkategorein werden in der Sidebar angezeigt |
Lieferstatus anzeigen | Lieferstatus im Listing und in der Suche anzeigen |
Versandkostenfrei anzeigen | Versandkostenfrei im Listing und in der Suche anzeigen |
Kauf-Button oder Detail-Button in den Slidern ausblenden | Ausblendung der Buttons im Slider |
Sidebar Kontakt Box
Sie haben hier die Möglichkeit, unter der Sidebar, eine Box mit Ihren Kontaktdaten anzeigen zu lassen. Tragen Sie die Kontaktdaten ein, welche Sie ausgeben lassen möchten
Aktiv | Wenn aktiv, dann wird der Inhalt der Box unterhalb der Sidebar angezeigt |
Headline | Hinterlegen Sie hier die Headline |
Anschrift | Hinterlegen Sie hier die Anschrift |
Öffnungszeiten | Hinterlegen Sie hier die Öffnungszeiten |
Telefon | Hinterlegen Sie hier die Telefon |
Mobil | Hinterlegen Sie hier die Mobil |
Fax | Hinterlegen Sie hier die Fax |
Hinterlegen Sie hier die E-Mail | |
Google Maps Link (Link zum Teilen) | Hinterlegen Sie hier den Link von Google Maps zu Ihrem Shop |
Quickview
Quickview ist eine Schnellansicht des Produkts im Listing. Ist dieser aktiviert, wird ein Button unterhalb des Warenkorb bzw. Detail Buttons eingeblendet.
Aktive | Wenn aktiv, dann wird der Button "Schnellansicht" angezeigt |
Auch auf Tablet anzeigen | Soll das Quickview auch auf einem Tablet angezeigt werden |
Auch auf Smartphone anzeigen | Soll das Quickview auch auf einem Smartphone angezeigt werden |
Quickview auch in den Slidern anzeigen | Soll der Button "Schnellansicht" im Slider erscheinen |
Button Style in Produktlistings | Wie Soll der Butten "Schnellansicht" im Listing aussehen |
Button Style in Quickview | Wie Soll der Butten "Details" im Quickview aussehen |
Hintergrundfarbe | Welche Hintergrundfarbe soll das Quickview Fenster haben |
Schriftfarbe | Welche Schriftfarbe soll der Text im Quickview Fenster haben |
Produktnummer anzeigen | Soll die Produktnummer im Quickview angezeigt werden |
Produkt Beschreibung anzeigen | Soll die Produktbeschreibung im Quickview angezeigt werden |
Filter in Sidebar
Lassen Sie Ihre Filter prominent in der Sidebar erscheinen.
Aktive | Wenn aktiv, dann werden die Filter in der Sidebar angezeigt |
Filter immer offen | Wenn aktiv, werden alle Filter offen angezeigt |
Die ersten x Filter öffnen | Nur die ersten x filter öffenen. Die anderen Filter bleiben geschlossen. |
Artikelbild Zoom
Bei Mouseover können Sie die Artikelbilder per Animation hervorheben lassen. Sie haben hierfür die Möglichkeit die Bilder zu Vergrößern, wenn der kunde mit der Mous über das Bild geht
Aktive | Wenn aktiv, dann werden die Bilder im Listing und/oder den Einkaufswelten bei Mouseover automatisch gewechselt oder gezoomt |
Effekt | Wählen Sie hier Bildzoom aus |
Dauer des Übergangs | Wie lange soll der Übergang dauern |
Geschwindigkeitskurve | Bestimmen Sie die Geschwindigkeitskurve des Übergangs |
Detail Einstellungen
Die Einstellungen der Detailseite finden Sie unter: "Produkt Detail". Hier können Sie diverse Informationen zu den Artikeln und zu ihren allgemeinen Leistungen ausgeben. Des Weiteren können Sie direkt neben der Beschreibung aktuelle Bewertungen darstellen lassen.
Allgemeine Einstellungen
Hier stellen Sie für die Produkt Detailseite ein, welche Elemente auf den entsprechenden Stellen angezeigt werden sollen./p>
Badges anzeigen | Badges "Tip" und "Neu" wird |
Versandkostenfrei anzeigen | Badge für "Versandkostenfrei" wird angezeigt |
Eigenschaften als Tab anzeigen | Fügen Sie hier den Namen des ausgewählten Icons* ein |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Informationen unter dem Warenkorb Button
Produktnummer anzeigen | Produktnummer unter dem Warenkorb Button anzeigen |
Hersteller anzeigen | Herstellernamen unter dem Warenkorb Button anzeigen |
Herstellernummer anzeigen | Herstellernummer unter dem Warenkorb Button anzeigen |
EAN anzeigen | EAN unter dem Warenkorb Button anzeigen |
Breite anzeigen | Breite unter dem Warenkorb Button anzeigen |
Höhe anzeigen | Höhe unter dem Warenkorb Button anzeigen |
Länge anzeigen | Länge unter dem Warenkorb Button anzeigen |
Gewicht anzeigen | Gewicht unter dem Warenkorb Button anzeigen |
USP-Leiste
Sie haben die Möglichkeit Ihre Alleinstellungsmerkmale (USP) über oder unter dem Warenkorb Button anzeigen zu lassen. Weitere Icons finden Sie unter folgender Url: https://www.coolbax.de/theme-6-icon
Aktive | Wenn aktiv, dann wird die USP-Leiste unter oder über dem Warenkorb angezeigt |
Headline | Definieren Sie hier die Headline der USP-Leiste |
Icon 1-4 | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Text 1-4 | Fügen Sie hier den Text zum Icon ein |
Hintergundfarbe | Bestimmen Sie die Hintergrundfarbe der Bewertungen |
Schriftfarbe | Bestimmen Sie die Schriftfarbe der Bewertungen |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Bewertungen in der Beschreibung
Präsentieren Sie Ihre Kundenbewertungen, auf der rechten Seite, neben der Artikelbeschreibung.
Aktive | Wenn aktiv, dann werden Bewertungen auch neben der Beschreibung angezeigt |
Kein Styling hinzufügen | Definiert, dass kein weiteres Layout-Styling hinzugefügt wird. |
Anzahl der Bewertungen | Wie viele Bewertungen sollen neben der Beschreibung angezeigt werden |
Button Style | Wie soll der Button dargestellt werden |
Hintergundfarbe | Bestimmen Sie die Hintergrundfarbe der Bewertungen |
Schriftfarbe | Bestimmen Sie die Schriftfarbe der Bewertungen |
Footer Einstellungen
Im Tap: "Footer " haben Sie erstmals die Möglichkeit Ihren Footer auf vier Zeilen mit unterschiedlichen Spalte Layouts zu vergrößern. Mittels Textbausteine können Sie diese komfortabel befüllen. Sie haben die Möglichkeit Ihre Social Media Kanäle mit ihrem Shop zu verlinken und die angebotenen Zahlungs- und Versandarten prominent zu platzieren.
Information Box
Am unteren Bildschirmrand kann eine Box mit z. B. Ihrer Service Hotline angeheftet werden. "Plugin Manager" bestimmen Sie, auf welchen Seiten diese Erweiterung angezeigt werden soll.
Aktiv | Wenn aktiv, dann wird das Widget am unteren Rand des Bildschirms angezeigt |
Auch auf Tablet anzeigen | Wenn aktiv, dann wird das Widget auch auf dem Tablet angezeigt |
Auch auf Smartphone anzeigen | Wenn aktiv, dann wird das Widget auch auf dem Smartphone angezeigt |
Box Headline | Bestimmen Sie eine Headline |
Box Inhalt | Bestimmen Sie einen Text |
Position | Wählen Sie die Seite, auf der die Info Box erscheinen soll. |
Abstand zum Rand (in Prozent) | Wie groß soll der Abstand zum rechten bzw. linken Bildschirmrand sein (Angabe in Prozent) |
Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Link für Icon | Wird hier ein Link eingetragen, ist das Icon verlinkt |
Hintergrundfarbe | Bestimmen Sie eine Hintergrundfareb |
Schriftfarbe | Bestimmen Sie die Schriftfarbe |
Deckkraft | Bestimmen Sie die Deckkraft der Hintergrundfarbe |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Footer USP-Leiste
Sie haben die Möglichkeit Ihre Alleinstellungsmerkmale (USP) als extra Leiste vor dem eigentlichen Footer anzeigen zu lassen. Weitere Icons finden Sie unter folgender Url: https://www.coolbax.de/theme-6-icon. Im "Plugin Manager" bestimmen Sie, auf welchen Seiten diese Erweiterung angezeigt werden soll.
Aktiv | Wenn aktiv, dann wird das Widget am unteren Rand des Bildschirms angezeigt |
Icon 1-4 | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Headline 1-4 | Hinterlegen Sie eine Headline |
Text 1-4 | Hinterlegen Sie eine kurzen Text. |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Newsletter
Hier können Sie die Newsletter Anmeldung im Footer aktivieren und ein Icon zuweisen. Weitere Icons finden Sie unter folgender Url: https://www.coolbax.de/theme-6-icon.
Aktiv | Wenn aktiv, dann wird das Widget am unteren Rand des Bildschirms angezeigt |
Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Footer Template
Erweitern Sie Ihren Footer auf bis zu vier Zeilen. Für jede Zeile, die Sie nutzen möchten, wählen Sie ein Template aus. Jedes Template darf nur einmal gewählt werden. Über die Textbausteine können Sie die Spalten mit Inhalt füllen.
Zeile | Wählen Sie das Spaltenlayout aus |
Social Media
Sollten Sie ihre Social Media Kanäle im Footer darstellen wollen, wählen Sie das entsprechende Icon aus und hinterlegen den Link zum entsprechenden Account. Erst wenn ein Link hinterlegt ist, werden die Icons dargestellt. Weitere Icons finden Sie unter folgender Url: https://www.coolbax.de/theme-6-icon
Aktiv | Wenn aktiv, dann wird das Widget am unteren Rand des Bildschirms angezeigt |
Icon Position | Bestimmen Sie die Position der Icons |
Facebook Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Facebook Link | Link zum Facebook Account. Wenn KEIN Link hinterlegt wird, dann wird das Icon ausgeblendet |
Twitter Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Twitter Link | Link zum Twitter Account. Wenn KEIN Link hinterlegt wird, dann wird das Icon ausgeblendet |
Pinterest Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Pinterest Link | Link zum Pinterest Account. Wenn KEIN Link hinterlegt wird, dann wird das Icon ausgeblendet |
Instagram Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Instagram Link | Link zum Instagram Account. Wenn KEIN Link hinterlegt wird, dann wird das Icon ausgeblendet |
Youtube Icon | Fügen Sie hier den Namen des ausgewählten Icons* ein |
Youtube Link | Link zum Youtube Account. Wenn KEIN Link hinterlegt wird, dann wird das Icon ausgeblendet |
* Klicken Sie auf den nachfolgenden Link und wählen Sie zwischen den angebotenen Icons, das für Sie passende aus und kopieren sich anschließend den Namen des Icons (wird unter der Darstellung angezeigt). Fügen Sie es anschließend in das entsprechende Feld ein. Klicken Sie hier um alle Icons zu sehen.
Zahlungsarten und Versandarten
Legen Sie allgemeine Einstellungen für die Zahlungs- und Versandarten Icon fest. Die jeweiligen Icons müssen Sie im "Plugin Manager" zuweisen.
Aktive | Wenn aktiv, werden die Zahlungs-und Versandarten Icons angezeigt |
Icon Farbe | Bestimmen Sie die Farbvorlage der Icons |
Icon Position | Wie sollen die Icons der Zahlungs- und Versandarten angezeigt werden (Nebeneinander oder Untereinander) |
Checkout Einstellungen
Für den Checkout können Sie ein werbewirksames Banner im eingeschalteten Offcanvas Warenkorb hinterlegen. Diese Funktion finden Sie im Tap: "Checkout"
Offcanvas Warenkorb
Hier können Sie ein verkaufsförderndes Banner für den Offcanvas Warenkorb hinterlegen. Das Banner sollte eine Breite von 360px haben.
Aktiv | Wenn aktiv, dann wird das Banner im Offcanvas Warenkorb angezeigt |
Startdatum | Legen Sie bei Bedarf ein Startdatum für die Anzeige fest |
Enddatum | Legen Sie bei Bedarf ein Enddatum für die Anzeige fest |
Banner | Wählen Sie das Banner aus dem Medienmanager aus |
Link | Hinterlegen Sie einen Link, zudem die Kunden über das Bannner gelangen können. |
Weitere Einstellungen
Hier können Sie individuellen CSS und Javascript Code hinterlegen. Sie können Code oder auch Dateien integrieren.
CSS Code oder Dateien |
Gib hier deinen individuellen CSS Code oder Dateien ein. Er wird im Footer geladen, um zu ladenden DOM-Inhalt nicht zu blockieren. Beispiel: |
Javascript Code oder Dateien |
Gib hier deinen individuellen Javascript Code oder Dateien ein. Er wird im Footer geladen, um zu ladenden DOM-Inhalt nicht zu blockieren. Beispiel: |