求助:在Shopify Liquid代码中实现动态SKU的图片src切换
动态修改图片SKU参数的解决方案
- 直接利用Liquid内置的
product.selected_or_first_available_variant对象获取当前选中变体的SKU,替换图片src里的固定参数:{% assign current_variant = product.selected_or_first_available_variant %} <img src="https://你的图片地址.com/?sku={{ current_variant.sku }}" alt="{{ product.title }}"> - 多数Shopify主题默认会监听变体选择事件,切换商品时
current_variant会自动更新,无需额外编写JS代码(依赖主题自带的变体切换逻辑即可)。 - 之前用逗号拼接所有SKU的思路不符合需求,我们需要的是当前选中商品的单个SKU,而非全部SKU的集合,直接调用选中变体的
sku属性就能实现动态切换。 - 如果图片是通过主题组件渲染的,要确保组件的Liquid代码中引用的是当前变体的SKU,而非固定值或所有SKU的拼接。
内容的提问来源于stack exchange,提问作者Alexander L
相关产品推荐
相关产品推荐

