【Shopify】collection頁頂部展示折扣信息

功能展示:


collection頁展示折扣信息
注:此處折扣信息是一張圖片,在實現(xiàn)該功能前,請聯(lián)系UI根據自己的折扣碼生成對應網站的折扣信息圖片并上傳得到圖片地址,拿到圖片地址后進行如下步驟:

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

請檢查所負責網站的collection頁面是否顯示collection名稱,顯示名稱的請根據方法一進行設置,未顯示名稱的請根據方法二設置:
方法一:

目標代碼:
<img style="display:block;margin:-40px auto 40px;" src="https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/promotion/TemporaryImage/5(3)(2).jpg">

請將以上目標代碼中,src 后的圖片地址自行替換為您的圖片地址(下圖劃線處為需要替換的部分):


需要根據不同網站更換不同的折扣信息圖片地址
  • 打開shopify后臺 -- 依次點擊 Online Store -- Actions -- Edit Code -- 搜索并打開collection-template.liquid。

目標位置:


image.png

將目標代碼粘貼至目標位置即可。

方法二:

目標代碼:
<img style="display:block;margin:40px auto;" src="https://s3-us-west-2.amazonaws.com/image.chic-fusion.com/promotion/TemporaryImage/5(3)(2).jpg">

請將以上目標代碼中,src 后的圖片地址自行替換為您的圖片地址(下圖劃線處為需要替換的部分):


需要根據不同網站更換不同的折扣信息圖片地址
  • 打開shopify后臺 -- 依次點擊 Online Store -- Actions -- Edit Code -- 搜索并打開collection-template.liquid。

目標位置:


目標位置

將目標代碼粘貼至目標位置即可。

操作中遇到困難請聯(lián)系技術部同事。(我相信你自己可以的)
有任何意見建議請聯(lián)系技術部同事或評論區(qū)留言。
??

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容