FROM CACHE - de_header
Gelöst

CSS nur für bestimmte URL / Bestimmtes Produkt

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
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
2555 327 940

@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 %}