Warenkorb Icon im Header

Es mag dafür ein Plugin geben (vielleicht sowas wie Menu Image, Icons made easy) aber besser ist, wenn du selber mal im Plugin-Verzeichnis nachschaust. Ich würde das ohne Plugin mit folgenden Arbeitsschritten umsetzen:

1. Du gehst in Design > Menüs und aktivierst über das Pulldown-Menü Ansicht oben rechts unter Erweiterte Menüeigenschaften anzeigen die Anzeige von CSS-Klassen.
2. Du wählst das Menü aus, das du als Hauptmenü erstellt hast [1] und fügst einen Individuellen Link ein. Hierbei verwendest du den Link zu Shopify [2], nennst den Link „Warenkorb“ [3] und gibst ihm die CSS-Klasse „warenkorb“ [4]:
   
3. Du lädst dir von einem Anbieter (z.B. Icons8) ein Cart-Symbol herunter und lädst es über die Mediathek als neue Mediendatei hoch. Klick direkt nach dem Upload auf „Bearbeiten“ und kopier dir den Link zur Mediendatei.
4. Du gehst in den Customizer und trägst unter Zusätzliches CSS folgendes ein:

   li.warenkorb a { 
   font-size: 0; 
   background: url(https://example.com/wp-content/uploads/2020/12/icons8-warenkorb-64.png);
   background-repeat: no-repeat;
   background-size: 48px; 
   width: 48px; 
   height: 48px; }

   Als URL verwendest du die kopierte Adresse des hochgeladenen Shop-Icons.
   Der Link zu deiner Website ist ungültig und ich konnte deshalb nicht nachschauen aber wenn du bereits ein Child-Theme erstellt hast, kannst du die CSS-Reglen statt im Customizer auch im Stylesheet des Child-Themes einfügen (bitte nicht in einem Parent-Theme, weil die Änderung sonst beim Update überschrieben wird).

Die CSS-Regel ist dir scheinbar in eine andere CSS-Regel reingeruscht:

@media only screen and (max-width: 800px) {
.column-half{
width: 100%;
}
	
li.warenkorb a { 
font-size: 0; 
background: url(http://topspeed-spirituosen.com/wp-content/uploads/2020/12/icons8-warenkorb-64.png);
background-repeat: no-repeat;
background-size: 48px; 
width: 48px; 
height: 48px; }		

Wenn du vor li.warenkorb a { noch eine schließende Klammer } einfügst, sollte es klappen.

Ich bitte um Verständnis, dass wir hier nicht die Grundlagen zu CSS vermitteln können.

@ccwoods Bitte häng deine Frage nicht an einen anderen Thread an, sondern starte einen eigenen Thread. In diesem Fall ging es um ein Warenkorb-Icon für einen Shopify-Shop, während du WooCommerce verwendest.

Da wir vom Thread-Ersteller nichts mehr gehört haben, schließe ich den Thread.