In dieser Anleitung finden Sie die HTML-Parameter, um den Warenkorb auf allen Unterseiten Ihrer Homepage zu platzieren. Die Parameter sind Teil des Einbett-Codes Ihres Webshops und sehen folgendermaßen aus:
cartType: 'overlay' cartColor: '#56AAD8' showMobileCart: true flatBackgroundColor: 'transparent' overlayBackgroundColor: '#F3F3F3' mobileBackgroundColor: '#FFFFFF' overlayPosition: 75
Wenn Sie den Warenkorb auf Ihrer Websitebuilder-Seite zeigen möchten, können Sie die Code-Komponente verwenden.
Die Platzierung der Code-Komponente sollte „Normal“ oder „Vor dem schließenden </body>“ sein. Wenn Sie die Code-Komponente in Ihrem Template platzieren, wird sie auf allen Seiten sichtbar sein, die dieses Template verwenden.
Sie können folgende Parameter ändern:
Wir haben aufgelistet, was jeder Parameter tut und wie Sie diesen anpassen können.
Sie können aus zwei Einkaufswagen-Varianten auswählen:
Wählen Sie zwischen „Overlay“ oder „Flach“. Wenn Sie nichts wählen, wird auf den Standardwert „Overlay“ zurückgesetzt.
Beispiel:
cartType: 'overlay'
Dies legt die Farbe aller Warenkorb-Typen fest: flach, Overlay und mobil. Der Standardwert ist #56AAD8, Sie können diesen aber durch einen beliebigen HTML-Farbcode ersetzen.
Beispiel:
cartColor: '#56AAD8'
Mit dieser Einstellung können Sie den Warenkorb auf Mobilgeräten ausblenden. Setzen Sie den Wert auf true, um den Warenkorb in der mobilen Ansicht anzeigen zu lassen, oder auf false, um ihn zu verstecken.
Beispiel:
showMobileCart: true
Diese Option ändert die Hintergrundfarbe des flachen Warenkorbs. Es wird ein kleines Quadrat um das Einkaufswagensymbol gelegt. Die Standardeinstellung ist transparent, Sie können diese aber durch einen beliebigen HTML-Farbcode ersetzen.
Beispiel:
flatBackgroundColor: 'transparent'
Diese Einstellung ändert die Hintergrundfarbe des Overlay-Warenkorbs. Es wird ein kleines Quadrat um das Warenkorb-Symbol gelegt. Die Standardeinstellung ist hellgrau (#F3F3F3), Sie können diese aber durch einen beliebigen HTML Farbcode ersetzen.
Beispiel:
overlayBackgroundColor: '#F3F3F3'
Diese Einstellung ändert die Hintergrundfarbe des mobilen Warenkorbs. Es wird ein kleines Quadrat um das Warenkorb-Symbol gelegt. Die Standardeinstellung ist weiß (#FFFFFF), Sie können diese aber durch einen beliebigen HTML-Farbcode ersetzen.
Beispiel:
mobileBackgroundColor: '#FFFFFF'
Diese Einstellung legt die vertikale Position des Overlay-Warenkorbs fest. Je höher die Prozentangabe, desto niedriger wird der Warenkorb auf der Seite platziert. Die Prozentangabe wird basierend auf der Bildschirmhöhe berechnet. Geben Sie einen Wert zwischen 1 und 100 an.
Beispiel:
overlayPosition: 75