Blende den "[CTA / Block]" auf der Produktseite aus, wenn das Produkt ["Produkt-Handle-1"] oder ["Produkt-Handle-2"] ist.
Want more control? See the expanded prompt ›
Blende auf der Produktseite den 'Enterprise Contact' CTA-Block aus, wenn das Produkt-Handle 'starter-kit' oder 'sample-pack' ist.
- Packt die bestehende Section basierend auf Handle, Tag oder Template in
{% unless %}. - Lässt sich sauber umkehren – dieselbe Prompt-Struktur funktioniert, um etwas nur auf bestimmten Produkten anzuzeigen.
- Customer-Tag-fähig für B2B / Wholesale Visibility Gating.
- Theme-Editor-Vorschau funktioniert weiterhin – Fudge schreibt Liquid, das der Editor rendert.
Was du erreichen willst
Nicht jede Section sollte auf jedem Produkt angezeigt werden. Wahrscheinlich haben Sie Inhalte — Enterprise-CTAs, Zutatenlisten, Größentabellen, B2B-Blöcke —, die nur für einen Teil Ihres Katalogs sinnvoll sind. Die saubere Lösung ist ein kleines Liquid-Conditional, kein dupliziertes Template.
Worauf du achten solltest
- Product-Handle vs. Product-ID: Shopify behält das Handle eines Produkts bei, wenn du es umbenennst, es sei denn, du bearbeitest das Handle selbst. Fudge verwendet standardmäßig das Handle, weil es lesbar ist.
- Tag-basiert vs. Handle-basiert: Tags skalieren besser, wenn dein Katalog wächst; bitte Fudge, stattdessen Tags zu verwenden.
- Mehrere Bedingungen: Fudge setzt Logik mit mehreren Bedingungen sauber zusammen (z. B. 'ausblenden, wenn das Handle X ist oder der Tag Y enthält').
- Umkehren: Dieselbe Prompt-Struktur funktioniert, um einen Block nur auf bestimmten Produkten anzuzeigen.
Wie Fudge das macht
Fudge dupliziert Ihr Live-Theme in einen Entwurf, führt die gezielte Änderung durch (Liquid-Logik, JS-Event, bedingtes Rendern), die Ihr Prompt erfordert, und testet sie in der Entwurfsvorschau. Alles beginnt als Entwurf — überprüfen Sie das Diff, verifizieren Sie das Verhalten und veröffentlichen Sie, wenn Sie bereit sind. Ihr Live-Store bleibt unberührt.
Wann bedingte Sichtbarkeitslogik die richtige Antwort ist
Um einen Block bei bestimmten Shopify-Produkten auszublenden, packe ihn in eine Liquid unless-Bedingung für das Product-Handle (oder den Tag) im Produkt-Template:
{% unless product.handle == 'starter-kit' or product.handle == 'sample-pack' %}
<!-- enterprise contact block -->
{% endunless %}Manche Produktseiten brauchen Elemente, die andere nicht brauchen – Enterprise-CTAs bei Flaggschiff-Produkten, Geschenkverpackungs-Toggles nur bei geschenkfähigen SKUs, Nachhaltigkeits-Hinweise nur bei zertifizierten Produkten. Bedingte Liquid-Logik zeigt oder versteckt Blöcke basierend auf Product-Handles, Tags oder Typen.
Wann sich das lohnt
Nutze bedingte Logik, wenn der Unterschied strukturell und nicht nur stilistisch ist. Einen „Preise vergleichen“-Block bei einem Starter-Kit auszublenden, ist sinnvoll.
Dieses Muster ist extrem wiederverwendbar – dieselbe Prompt-Struktur funktioniert für „nur auf X anzeigen“ und „auf Y ausblenden“.
Was eine großartige Implementierung ausmacht
- Produkt-Handle- oder Tag-basiert — flexibler Abgleich.
- Umkehren funktioniert genauso — „nur auf X anzeigen“ und „auf Y ausblenden“ folgen derselben Logik.
- Macht das Template nicht kaputt — reagiert fehlertolerant, falls ein Produkt-Handle umbenannt oder entfernt wird.
Häufige Fehler, die man vermeiden sollte
Der größte Fehler ist es, zu viele Bedingungen hardzucoden. Wenn 30 verschiedene Blöcke bedingte Logik haben, wird das Template unlesbar. Nutze Visibility Gating über Customer-Tags für eine breitere Segmentierung.
Der zweite Fehler ist, zu vergessen, was übrig bleibt. Wenn du einen Block beim Starter-Kit ausblendest, überprüfe, ob der Rest der Buy-Box für dieses Produkt noch Sinn ergibt.
Kombiniere das mit Sichtbarkeitssteuerung über Customer-Tags und Theme-Code-Analyse, drei technischen Tools für detaillierte Kontrolle. Fudge schreibt diese Logik mit seinem Store-Editor; für weitere Muster siehe wie man benutzerdefinierte Liquid-Logik in Shopify hinzufügt.