Tutorial

Shopify Warenkorb & Icon entfernen: Der ultimative Guide [2025 Easy Guide]

Melden

Hier ist ein aktueller, leicht verständlicher Guide für 2025, wie du den Warenkorb und das Icon aus deinem Shopify-Shop entfernst.

Möchtest du deinen Shopify-Shop in einen reinen Online-Katalog verwandeln oder verkaufst du aktuell keine Produkte direkt über die Seite? In diesem Guide lernst du, wie du das Warenkorb-Symbol schnell und sicher entfernst.

Warum den Warenkorb entfernen?

  • Katalog-Modus: Du möchtest Produkte nur präsentieren, nicht verkaufen.
  • Exklusivität: Kunden müssen dich für ein Angebot kontaktieren.
  • Wartungsarbeiten: Du bereitest den Shop auf einen Launch vor.

Methode 1: Über CSS ausblenden (Am einfachsten & sichersten)

Dies ist die schnellste Methode, die für fast alle modernen Themes (wie Dawn, Sense, Craft etc.) funktioniert.

  1. Gehe in deinem Shopify-Admin-Bereich auf Onlineshop > Themes.
  2. Klicke bei deinem aktuellen Theme auf die drei Punkte (...) und wähle Code bearbeiten.
  3. Suche im Suchfeld links nach der Datei base.css (manchmal auch theme.css oder global.css).
  4. Scrolle ganz nach unten und füge den folgenden Code ein:
/* Warenkorb-Icon im Header ausblenden */
.header__icon--cart, 
#cart-icon-bubble {
  display: none !important;
}

/* Warenkorb-Icon auf Mobilgeräten ausblenden */
.menu-drawer__menu-item--cart {
  display: none !important;
}
  1. Klicke auf Speichern. Das Icon ist nun für Besucher unsichtbar.

Methode 2: Den Warenkorb im Theme-Code entfernen (Saubere Lösung)

Wenn du das Icon komplett aus dem Quellcode löschen möchtest, anstatt es nur zu verstecken:

  1. Gehe auf Code bearbeiten (wie in Methode 1).
  2. Suche im Ordner Sections nach der Datei header.liquid.
  3. Drücke Strg + F (Windows) oder Cmd + F (Mac) und suche nach dem Begriff cart.
  4. Suche nach dem Code-Abschnitt, der den Link zum Warenkorb enthält (meistens beginnt er mit <a href="{{ routes.cart_url }}" ...>).
  5. Setze diesen Teil in Kommentar-Tags, damit er nicht mehr geladen wird:
    • Schreibe {% comment %} davor.
    • Schreibe {% endcomment %} danach.
  6. Speichern.

Methode 3: Warenkorb-Funktion komplett deaktivieren (Katalog-Modus)

Nur das Icon zu entfernen reicht oft nicht, da Kunden über den direkten Link /cart immer noch auf den Warenkorb zugreifen könnten. Um den Shop komplett in einen Katalog zu verwandeln:

  1. Buttons entfernen: Suche in der Datei main-product.liquid (unter Sections) nach dem "In den Warenkorb" Button (product-form__submit) und blende ihn mit CSS aus:
    .product-form__buttons, .shopify-payment-button {
  display: none !important;
}
  2. Preise verstecken (Optional): Wenn du auch die Preise entfernen willst, füge dies in deine base.css ein:
    .price { display: none !important; }

Wichtige Checkliste für 2025

  • Backup machen: Erstelle immer eine Kopie deines Themes (Aktionen > Duplizieren), bevor du am Code arbeitest.
  • Mobil-Ansicht prüfen: Schau dir deinen Shop nach der Änderung auf dem Smartphone an. Manchmal ist das Warenkorb-Icon in der mobilen Navigation separat gespeichert.
  • Apps prüfen: Manche Apps (z. B. Sticky Cart Apps) könnten das Icon wieder einfügen. Deaktiviere solche Apps gegebenenfalls.

Du willst es noch einfacher?

Falls du dich nicht traust, den Code selbst zu bearbeiten, gibt es im Shopify App Store Apps wie "Catalog Mode", die diese Arbeit mit einem Klick für dich erledigen. Diese sind jedoch meistens kostenpflichtig.

Geschafft! Dein Shop ist nun minimalistisch und ohne Warenkorb-Funktion online.

0