FROM CACHE - de_header

CSS nur für bestimmte URL / Bestimmtes Produkt

Gelöst
PinkybreakShop
Entdecker
16 1 3

Hey Leute, 

ich habe ein Produkt, in dem sind unter der Beschreibung noch weitere Produkte in einem Grid angeordnet zu sehen.

Einige dieser Produkte sind Ausverkauf - dies möchte ich aber unter genau dieser (Produkt-URL) nicht zeigen. Also bräuchte ich sowas in der Art:

{% if product.url == '/products/product-name' %}
.grid-product__tag.grid-product__tag--sold-out {
display: none 
}
{% endif %}

 

Wie könnte ich das machen?

LG

Robb

1 AKZEPTIERTE LÖSUNG

Anerkannte Lösungen
PinkybreakShop
Entdecker
16 1 3

Erfolg.

Ich glaube jetzt hab ich den Dreh raus - vielen Dank für den erneuten Hinweis!

Habe es nun so gelöst: (in der poduct-form.liquid)

{% if product.url == '/products/product-name' %}
<style>
  .grid-product__tag.grid-product__tag--sold-out {
    display: none;
   }
  .grid-product__tag--sale {
    display: none;
   }
</style>
{% endif %}

 

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2
r8r
Shopify Expert
2350 305 834

@PinkybreakShop - das ist wieder dasselbe Szenario wie hier.

So eine Abfrage kannst du in der Liquid-Template-Datei machen und abhängig davon eine eigene CSS Datei inkludieren oder einen style-Block rendern; in der CSS Datei kommt da nicht raus, was du möchtest.

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
PinkybreakShop
Entdecker
16 1 3

Erfolg.

Ich glaube jetzt hab ich den Dreh raus - vielen Dank für den erneuten Hinweis!

Habe es nun so gelöst: (in der poduct-form.liquid)

{% if product.url == '/products/product-name' %}
<style>
  .grid-product__tag.grid-product__tag--sold-out {
    display: none;
   }
  .grid-product__tag--sale {
    display: none;
   }
</style>
{% endif %}