如何更改Shopify变体选择容器颜色

时间:2016-08-03 20:07:50

标签: selection shopify liquid variant

screenshot of issue

我试图找出如何使选择明显更暗或与其他选项不同的颜色。在屏幕截图中注意" Dune"被选中,其边框比其他选项稍暗。怎么可能是一个完全不同的颜色?这是Shopify页面。

1 个答案:

答案 0 :(得分:0)

您可以检查与选中的单选按钮对应的css类。 就我而言,它是'.single-option-radio input [type ='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找到所选变体的字符串。

每次点击新颜色时,您都必须使用javascript修改此CSS。

如果您可以提供您网页的链接,建议更改会更简单。