Den Text Ausverkauft im Katalog ausblenden

Topic summary

Problem: Christina möchte den “Ausverkauft”-Text in der Katalogansicht ihres Shopify-Themes (Impulse) ausblenden, da dieser ihr eigenes Badge und das Wunschlisten-Icon überlappt.

Lösungsansätze:

  • Option 1 (CSS): Hinzufügen von CSS-Code .grid-product__tag--sold-out { display: none; } im Theme-CSS-Editor (Shop- oder Abschnittsebene), um Theme-Updates nicht zu beeinträchtigen.

  • Option 2 (Liquid): Auskommentieren des entsprechenden Code-Blocks in product-grid-item.liquid (Snippets-Folder), der das “Ausverkauft”-Label anzeigt.

Hinweis: Änderungen sollten zunächst in einer Kopie des Live-Themes getestet werden. Das einfache Löschen des Textes in den Theme-Einstellungen funktioniert nicht, da automatisch die englische Übersetzung erscheint.

Status: Christina hat die Lösung erfolgreich umgesetzt.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

Moin,

kann ich den Hinweis, bzw. Text ‘Ausverkauft’ einfach im product-grid-item.liquid auskommentieren oder muss ich da speziell irgendetwas beachten? In meiner Katalogansicht würde ich lieber mit eigenen Badges arbeiten, da der Text ‘Ausverkauft’ mein Icon der Wunschliste überlappt.

Lieben Dank für einen Hinweis,

Christina

Hey @Hallo_Christina

Wenn du in die standard Theme Texte gehst und nach “Ausverkauft” suchst, kannst es da ändern oder löschen?

VG,

Ändern kann ich die Texte dort, löschen aber leider nicht. Lasse ich den Text frei → dann wird automatisch die englische Übersetzung angezeigt. Ändere ich den Text in einen unauffälligen ‘.’ oder so → dann wird . und ein weißes Rechteck angezeigt.

Theme ist Impulse.

Hey Christina!

Stelle zuerst sicher dass du alle Code Tests in einer Kopie des Live Impulse Themes durchführst. Dann solltest du den Code im Theme Liquid wie folgt finden im Snippets Folder:

​​

Du kannst also eins von 2 Dinge machen:

  • Im Theme CSS Editor auf Shop-ebene oder auf Abschnitt-ebene im Test theme folgende CSS Code hinzu ergänzen um das Theme nicht aus den Theme Updates auszuschließen:
.grid-product__tag--sold-out {
 display: none;
}

ODER den Codeblock komplett auskommentieren, der das “Ausverkauft” Label anzeigt. Der zu auszukommentierende Codeblock ist somit wie folgt:

{% comment %}
{%- unless product.available -%}
  
    {{ 'products.product.sold_out' | t }}
  

{%- endunless -%}
{% endcomment %}
1 Like

Moin Gabe,

ich danke Dir sehr – so easy umzusetzen!

Liebgruß

Christina

1 Like

Absolut gerne geschehen! :wink: