You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 04:05:40