In einem Shopify-Theme soll der Verfügbarkeits-Hinweis oberhalb des Kaufbuttons bei der Vorlage „Pre-Order“ ausgeblendet werden, damit er nicht neben einem „Vorbestellen“-Button erscheint.
Ausgangspunkt war die CSS-Klasse .product__inventory in theme.css.liquid, die den Lagertext formatiert. Ein Versuch, dort per Liquid-Bedingung (template_suffix) die Klasse nur für die Pre-Order-Vorlage auszublenden, zeigte keine Wirkung.
Als Lösung wurde empfohlen, die Ausblendung direkt in product.preorder.liquid einzubauen, also im zugehörigen Template statt in der CSS-Datei. Dadurch lässt sich die Klasse .product__inventory gezielt nur für diese Produktvorlage per Inline-Style verbergen.
Wichtiger technischer Punkt: Liquid ist Shopifys Template-Sprache; entscheidend war hier, die Abfrage im richtigen Template-Kontext zu platzieren.
Ergebnis: Die vorgeschlagene Anpassung funktionierte, die Frage ist damit gelöst.
@PinkybreakShop – ich hab dazu eh im anderen Post schon geantwortet - aber das bringt mich noch auf eine andere Idee:
Direkt in deiner product.preorder.liquid-Datei (nicht im CSS) kannst Du das hier ergänzen:
Das ist zwar nicht schön, sollte aber eigentlich reichen.
LG, Mario