私が選択著しく暗くまたは他のオプションとは異なる色を作る方法を把握しようとしています

Question

screenshot of issue

Shopifyバリアント選択コンテ​​ナの色に変更する方法。スクリーンショットでは、「砂丘」が選択され、その境界線が他のオプションよりもわずかに暗いことに注意してください。それはどうやって色が違うのでしょうか？これはShopifyページです。

Answer 1

チェックされたラジオボタンに対応するCSSクラスを確認できます。 私の場合は、 'single-option-radio入力'です。：checked + label '

テーマのアセットにあるCSSファイルの対応するタグにCSSを追加できます。 説明書は https://help.shopify.com/themes/customization#edit-html-css

でご覧になれます。現在のバージョンの値を入手するには、液体に関する以下のドキュメントを使用してください。 https://help.shopify.com/themes/liquid/objects/product#product-selected_variant。 選択したバリアントの文字列は、product.selected_variant.option1を使用して検索することができます。

新しい色をクリックするたびにこのCSSを変更するにはjavascriptを使用する必要があります。

あなたのページのリンクを与えることができれば、変更がより簡単になることを示唆します。