Variant Picker / bestimmte Variante fett machen!

[MNTGLF]

Hallo in die Community,

hat jemand für mich eine Idee, wie man in dem jeweiligen Variant-Picker eine Variante fett machen kann, damit diese hervorsticht?

Vielen Dank für jede Hilfe!

[Gabe]

Hey @MNTGLF 

Ich kann verstehen warum du eine Option Fett machen möchtest um die Aufmerksamkeit der Besucher zu dieser einen Option zu steuern. Man kann vieles im CSS Code machen, wie z. B. ein Menüpunkt in der Navigation, wie z. B. "Sale" oder "Black Friday" auch in der roten Farbe haben um es von den anderen hervorzuheben.

Um eine Varianten-Option im Dropdown hervorzuheben, musst du auch das CSS deines Themes anpassen und das erfordert einige Programmierkenntnisse. Weitere hilfreiche Informationen findest du in der Anleitung zum Hinzufügen von Varianten.

Varianten-IDs werden manchmal benötigt, um Anpassungen des Theme-Codes vorzunehmen, die auf bestimmte Produktvarianten abzielen. Wenn du eine Varianten-ID finden musst, kannst du dies in deinem Shopify-Adminbereich tun.

Schritte:

1. Gehe im Shopify-Adminbereich zu Produkte.

2. Klicke auf ein Produkt mit einer Variante.

3. Klicke im Abschnitt Varianten auf die Produktvariante, für die du die Produktvarianten-ID anzeigen möchtest.

4. Überprüfe die URL in der Adressleiste deines Browsers. Deine URL sollte dem folgenden URL-Beispiel ähneln:

https://admin.shopify.com/store/shopname/products/1234567/variants/36485954240671

Die Nummer nach /variants/ ist die Varianten-ID. In diesem Beispiel ist die Varianten-ID 36485954240671.

Füge CSS-Regeln hinzu, um die spezifische Variante hervorzuheben. Du könntest beispielsweise die Varianten-ID verwenden, um einen bestimmten Selektor zu erstellen. Zum Beispiel:

#variant-36485954240671 { 
    font-weight: bold; 
    color: #ff0000; /* oder eine andere hervorstechende Farbe */
}

Beachte, dass die genaue ID und der Selektor abhängig von deinem Theme variieren können.

Bei weiteren Fragen kann ich gerne einen Experten empfehlen. Dieses Thema wird auch hier ausführlich besprochen.

---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.