screenshot of issueWie man eine Shopify Variantenauswahl Container Farbe ändern
Ich versuche, herauszufinden, wie die Auswahl deutlich dunkler oder eine andere Farbe als die anderen Optionen zu machen. Beachten Sie im Screenshot, wie "Dune" ausgewählt ist und der Rand etwas dunkler als die anderen Optionen ist. Wie kann es insgesamt eine andere Farbe sein? Dies ist eine Shopify-Seite.
Sie können die CSS-Klassen überprüfen, die dem aktivierten Optionsfeld entsprechen. In meinem Fall ist es '.single-option-radio-eingang [type =' radio ']: geprüft + label'
Sie können CSS zu dem entsprechenden Tag in den CSS-Dateien im Asset Ihres Themas hinzufügen. Die Anweisungen finden Sie in https://help.shopify.com/themes/customization#edit-html-css
Um den Wert der aktuellen Variante zu erhalten, können Sie die folgende Dokumentation auf Flüssigkeit verwenden. https://help.shopify.com/themes/liquid/objects/product#product-selected_variant. Zeichenfolge der ausgewählten Variante kann mit product.selected_variant.option1 gefunden werden, wenn Farbe die einzige Variante ist, die Sie im Produkt haben.
Sie müssen JavaScript verwenden, um diese CSS jedes Mal zu ändern, wenn eine neue Farbe angeklickt wird.
Wenn Sie den Link Ihrer Seite angeben können, schlägt die Änderung einfacher vor.
