由于网站折扣信息近期可能更换的比较频繁,现将原有添加图片过程简化:
第一步:拿到新的折扣信息图片
首先还是要拿到新的折扣信息图片,并将折扣图片命名为discount.jpg
然后打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code--Assets--Add a new asset--上传discount.jpg,过程截图如下:
第二步:collection页面添加折扣图片
打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code--搜索并打开collection-template.liquid
我们要先搜索到之前添加的代码,Ctrl+F在当前文件中搜索.jpg这串字符,就可以直接定位到上一版本添加的代码,内容应该如下:
现在我们要将src=""中的图片链接替换为{{ 'discount.jpg' | asset_url }},更改后代码内容如下:
第三步:产品详情页面添加折扣图片
打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code--搜索并打开product-template.liquid
我们要先搜索到之前添加的代码,Ctrl+F在当前文件中搜索.jpg这串字符,就可以直接定位到上一版本添加的代码,内容应该如下:
同第二步相同,现在我们要将src=""中的图片链接替换为{{ 'discount.jpg' | asset_url }}更改后代码内容如下:
总结:这样更改后,可以省去做图后需要再找同事上传到服务器获取图片链接,想要更改折扣信息的话,也可以直接删掉原来的图片,重新上传新的图片即可,注意图片名称不要更改。
注: 向collection页面添加图片也有无需更改代码的方法,可以将图片上传到collection的产品描述里,缺点可能就是每次更改信息都要更改每一个collection中的描述,步骤如下图:
操作中遇到困难请联系技术部同事。(我相信你自己可以的)
有任何意见建议请联系技术部同事或评论区留言。
😊