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 siehst du Schritt für Schritt, wie Du das TrustedShops-Siegel hinter den Offcanvas-Warenkorb platzieren kannst, um die Bedienung deines Onlineshops zu optimieren.
Wo liegt das Problem?
Das Trusted Shops Siegel wird mit einer sehr hohen z-index-Priorität geladen und legt sich so über andere Elemente – darunter auch den Warenkorb oder die Kauf-Buttons. Das sieht nicht nur unschön aus, sondern kann Kunden auch daran hindern, den Kauf abzuschließen.
Die Lösung: CSS-Anpassung über Custom CSS / JS
Zum Glück lässt sich das Problem ganz ohne technisches Spezialwissen lösen. Mit einer kleinen CSS-Anpassung im Plugin Custom CSS / JS kannst Du die Anzeige-Ebene (z-index) des Siegels so ändern, dass es hinter dem Off-Canvas-Warenkorb verschwindet.
