Das TrustedShops-Siegel ist ein wichtiges Vertrauensmerkmal für Deinen Onlineshop. Im Standard bleibt das Siegel jedoch über dem Offcanvas-Warenkorb sichtbar. Dies kann die Benutzerfreundlichkeit beeinträchtigen, da das Siegel wichtige Bedienelemente wie Buttons verdeckt und so den Kaufabschluss erschwert. In dieser Anleitung zeige ich Dir Schritt für Schritt, wie Du das TrustedShops-Siegel hinter den Offcanvas-Warenkorb verschieben kannst, um die Bedienung zu optimieren.
Schritt 1: Das richtige Tool verwenden
Damit Du den notwendigen Code einfach und ohne Programmierkenntnisse einfügen kannst, benötigst Du ein Plugin, das das Einfügen von eigenem JavaScript und CSS ermöglicht. Hier empfehle ich den Custom JavaScript/CSS Manager für Shopware 6. Falls Du das Plugin noch nicht installiert hast, kannst Du es über den Shopware Store oder über diesen Plugin-Review-Link ansehen und installieren.
Schritt 2: CSS-Code einfügen
- Gehe in das Shopware 6 Backend.
- Navigiere zu "Erweiterungen" → "Custom JavaScript/CSS".
- Klicke auf "Neuen Eintrag hinzufügen".
- Trage den Code im Bereich CSS ein.
- Gib einen passenden Namen für Deinen Eintrag ein, z. B. "TrustedShops hinter Warenkorb".
- Füge folgenden CSS-Code in das Eingabefeld ein:
