WooCommerce CSS-Klasse an body wenn Warenkorb gefüllt (Artikel enthält) – Sales Boost!
Woocommerce Add Body Class Cart Has Items Products Sales Boost

Mehr Umsatz mit Ihrem WooCommerce-Shop? Die Conversions sind bei den meisten Onlineshops das Problem. Hat der Besucher etwas in den Warenkorb gelegt vergessen meist bis zu 80%, dass sie den Kauf noch abschließen und fertig stellen müssen. Es wird gestöbert oder weiter gesurft und selbst bei mehrmaligen Besuchen des Shops, wird nicht gekauft. Wir haben eine von vielen Lösungen und Hilfen für Ihren WooCommerce-Shop.

Damit der Nutzer den Warenkorb nie aus den Augen verliert, lassen wir diesen, egal wo er sich befindet und egal wie das Layout ist, grün als Signalfarbe erscheinen. Dies kann bis zu 20-30% mehr Conversions (Verkäufen) führen.

Unser WooCommerce Hack: Wenn Produkt/e im Warenkorb = Symbol und Buttons grün erscheinen lassen mit extra Body-CSS-Klasse

Und das ist denkbar einfach:

Code aus PDF-Datei kopieren und in die functions.php des Childthemes einfügen.
PDF-Datei mit Code anzeigen

Unser CSS-Code für den Warenkorb und die Kasse beim WooCommerce-Template “Woodmart”:

/* CHECKOUT CART BOOST */
body.cart_has_items .woodmart-shopping-cart .woodmart-cart-wrapper .woodmart-cart-subtotal span, body.cart_has_items .woodmart-shopping-cart .woodmart-cart-icon, body.cart_has_items .woodmart-shopping-cart .woodmart-cart-icon::before { color: green; }
body.cart_has_items .woodmart-shopping-cart .woodmart-cart-wrapper { border-bottom: 3px solid green; }
body.cart_has_items .woocommerce-mini-cart__buttons .button { background: green !important; }
@media screen and (max-width:960px) { body.cart_has_items .woodmart-cart-number { background: green !important; color: white !important; } }
.checkout-button, button#place_order { background: green !important; padding: 20px 28px !important; font-size: 120% !important; }

Tipp: Übrigens gibt es das super Template für WooCommerce hier zu kaufen:

zum WoodMart WooCommerce Template*

Bitte beachten: Bei anderen Templates muss der CSS-Code angepasst werden.

Empfehlung um nicht direkt im Template und Code arbeiten zu müssen -> WordPress Plugin Code Snippets


pictibe Werbeagentur Florian Ibe Inhaber Online-Marketing

Fragen zu und um WordPress/WooCommerce? Jetzt anfragen:

Telefon: 02206/852177    E-Mail

Florian Ibe

Woocommerce Add Body Class Cart Has Items Products Sales Boost

Die 5 besten Tipps für WordPress

Jetzt eintragen und wie 292 Andere diese wertvollen kostenfrei Tipps sichern!

Datenschutzerklärung ansehen

Florian Ibe
Florian Ibe
ist Gründer und Inhaber von pictibe. Er selbst beschreibt sich als einer der Glücklichen, die ihr Hobby zum Beruf machen konnten. Seine tägliche Aufgabe ist es, komplexe Zusammen­hänge auf das Wesentliche zu reduzieren und daraus eine direkte Botschaft für Kunde und Mitarbeiter zu entwickeln.

Es können keine Kommentare abgegeben werden.

Partnerschaften und Technologien Partnerschaften Technologien WooCommerce, WordPress, Proven Expert, Adobe, Google, Trusted Shops Qualified Expert Weitere Partner, Shopsysteme und Content Management Systeme: Shopware, JTL, JTL Shop, Oxid eSales, Joomla, Gambio
Termin