【Shopify】collection页顶部展示折扣信息

功能展示:


collection页展示折扣信息
注:此处折扣信息是一张图片,在实现该功能前,请联系UI根据自己的折扣码生成对应网站的折扣信息图片并上传得到图片地址,拿到图片地址后进行如下步骤:

例:viviangela的折扣信息图片地址为:https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/promotion/TemporaryImage/5(3)(2).jpg

请检查所负责网站的collection页面是否显示collection名称,显示名称的请根据方法一进行设置,未显示名称的请根据方法二设置:
方法一:

目标代码:

请将以上目标代码中,src 后的图片地址自行替换为您的图片地址(下图划线处为需要替换的部分):


需要根据不同网站更换不同的折扣信息图片地址
  • 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开collection-template.liquid

目标位置:


image.png

将目标代码粘贴至目标位置即可。

方法二:

目标代码:

请将以上目标代码中,src 后的图片地址自行替换为您的图片地址(下图划线处为需要替换的部分):


需要根据不同网站更换不同的折扣信息图片地址
  • 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开collection-template.liquid

目标位置:


目标位置

将目标代码粘贴至目标位置即可。

操作中遇到困难请联系技术部同事。(我相信你自己可以的)
有任何意见建议请联系技术部同事或评论区留言。

你可能感兴趣的:(【Shopify】collection页顶部展示折扣信息)