3303 Jegenstorf
+41 31 762 02 64

Warenkorb Icon im Menü ausblenden-Woocommerce

warenkorb icon ausblenden

Warenkorb im Menü ausblenden

Du möchtest das Woocommerce Warenkorb Icon im Menü ausblenden, warum? Manchmal möchte man einfach nur die Produkte als Katalog darstellen und nicht gleich als Shop präsentieren. Aber im Menü wird immer der Warenkorb angezeigt. Was kann man dagegen tun?

Ganz einfach – in den meisten Themes kann man eigenes CSS hinzufügen.

Du kommst über folgende Menüpunkte dahin … Design – Customizer – Zusätzliches CSS. In diesem Feld gibst du dann folgenden Code ein

Theme Shop Isle (pro)

.navbar-cart-inner {
display:none;
}

Dann noch veröffentlichen und das wars. Das Warenkorb Icon im Menü ist verschwunden

mesmerize

.dropdown-menu li.mesmerize-menu-cart a i.fa {
display: none;

Dann noch veröffentlichen und das wars. Das Warenkorb Icon im Menü ist verschwunden

Divi Header | Divi Booster

Auch beim Divi Theme wird das Woocommerce Warenkorb Icon eingeblendet. Es kann mit folgenden CSS Code entfernt werden.

.et-cart-info { display:none; }

Dann noch veröffentlichen und das wars. Das Warenkorb Icon im Menü ist verschwunden.

Es wurde auch als Feature im Divi Booster Plugin hinzugefügt , so dass Sie es einfach hinzufügen können, indem Sie ein Kästchen markieren. Sie finden die Option auf der Divi Booster-Einstellungsseite unter:

Plugins> WooCommerce> Entfernen Sie das WooCommerce-Einkaufswagensymbol

Wenn Sie die Funktionen des WooCommerce-Einkaufswagens komplett loswerden wollen, können Sie sich das Hide Woo Cart- Plugin ansehen .

Im Beitragsbild Bild seht ihr noch den eingeblendeten Warenkorb im Menu. Im unteren Bild ist er dank diesem Script aus dem Menü herausgenommen. Durch entfernen des Scripts kann er jederzeit wieder eingeblendet werden.

Wenn ihr ein Theme habt das hier nicht aufgeführt ist

Das geht am Besten mit dem Firefox Browser

Lade am besten die Seite vom Warenkorb. aber grundsätzlich ist es egal welche Seite du lädst, solange im Menü das Warenkorb Icon zu sehen ist.

Im Firefox / Eigenschaften / Web-Entwickler / Inspektor

Jetzt bekommst du ein zusätzliches Fenster (Ich habe es im unteren Bereich)

Warenkorb webdesign

Klicke nun auf den Warenkorb. Er zeigt dir jetzt im Linken Anschnitt (HTML durchsuchen) die Class an und im mittleren Abschnitt (Stile filtern) das Element dazu. Du brauchst nur das Element.

Class: <i class=”fa fa-shopping-cart”></i>
Element:

.dropdown-menu li.mesmerize-menu-cart a i.fa {
display: block; 
margin: 0;

Aus dem display: block;  machst du display: none; 

Das ganze Element kopierst du nun in dein CSS vom Theme, veröffentlichen und fertig.

Wenn es nicht aufs erste mal klappt, starte den Inspektor neu.

Jetzt habt ihr das Warenkorb Icon im Menü ausblenden auch erledigt 🙂