Shopify themes, liquid, logos, and UX
Ich benutze das Theme „Refresh“ und möchte damit gerne eine Marketing-Seite erstellen.
jedoch schaffe ich es einfach nicht den Warenkorb bzw. Das Warenkorb-Symbol im Header zu entfernen. Diese benötige ich ja aber nicht, da meine Besucher nicht kaufen können.
Option 1: Hide with CSS (Easy Method)
Go to Online Store > Themes > Edit Code.
Open the file in the Assets folder called base.css (or theme.css).
Scroll to the bottom and add this code:
CSS
.header__icon--cart {
display: none !important;
}
This hides the cart icon without deleting anything, so it’s easy to undo later.
Option 2: Remove Cart Code from Theme (Cleaner Method)
Go to Online Store > Themes > Edit Code.
Open this file: sections/header.liquid.
Press Ctrl + F (or Cmd + F on Mac) and search for:
header__icon--cart or just cart.
Look for code like this:
<a href="{{ routes.cart_url }}" class="header__icon header__icon--cart">
<span class="visually-hidden">{{ 'sections.header.cart' | t }}</span>
<svg>...</svg>
</a>
5. Delete it or comment it out like this:
{%- comment -%}
<a href="{{ routes.cart_url }}" class="header__icon header__icon--cart">
<span class="visually-hidden">{{ 'sections.header.cart' | t }}</span>
<svg>...</svg>
</a>
{%- endcomment -%}
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025