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



问题的屏幕截图

我正试图弄清楚如何使选择的颜色明显比其他选项暗或不同。在屏幕截图中,请注意"沙丘"是如何选择的,它的边框比其他选项略暗。它怎么可能是完全不同的颜色?这是一个Shopify页面。

您可以检查与选中单选按钮对应的css类。在我的情况下,它是'.单选单选单选输入[type='radio']:选中+标记'

您可以将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。

如果你能给出你页面的链接,建议修改会更简单。

相关内容

  • 没有找到相关文章

最新更新