欢迎光临散文网 会员登陆 & 注册

Shopify二次开发-产品详情页中添加倒计时

2023-06-05 17:34 作者:shopify教程  | 我要投稿

产品详情页中添加倒计时 的好处:

1. 增加购买欲望:倒计时会给人一种紧迫感,让人觉得时间紧迫,必须尽快购买,从而增加购买欲望。

2. 提高销售量:倒计时的强制性让人感觉商品不能错过,增加了销售量。

3. 提高转化率:对于一些犹豫不决的消费者,倒计时会让他们直接下单,从而提高转化率。

4. 增加用户粘性:倒计时可以让用户在一定的时间内关注商品,提高用户粘性,也提高了用户的购买意愿。

5. 激活销售:倒计时是一种有效的促销方式,利用它可以激活销售,增加店铺的收入和利润。

预览链接:访问密码 zsx

https://easy-devs.myshopify.com/products/back

效果预览:

示例主题名称是Dawn 

如何在产品详情页中添加倒计时

步骤1:

从 Shopify 管理面板转到在线商店> 主题。

步骤2

查找要编辑的主题,然后单击操作 > 编辑代码。

步骤三

在片段代码/Snippets创建z-countdown文件

z-countdown.liquid文件中添加下面的代码

步骤四

在资产/Assets创建z-countdown.css文件

z-countdown.css文件中添加下面的代码

步骤五

在资产/Assets创建z-countdown.js文件

z-countdown.js文件中添加下面的代码

步骤六

1. 在分区/sections中打开main-product.liquid文件 ->

2. 在main-product.liquid文件搜索"blocks": [

3. 在"blocks": [ 下方添加代码

4. 在main-product.liquid文件搜索{%- endcase -%}

5. 在上{%- endcase -%}上方添加代码

倒计时代码已经添加完成!

注意! 示例主题名称为Dawn,但以上代码适用于所有主题。唯一的区别是在步骤6中,使用代码的位置可能有所不同。如果您遇到任何问题,请随时联系我们!

步骤七

已成功在产品详情页添加倒计时功能。

如果您遇到任何问题,请随时联系我们!



Shopify二次开发-产品详情页中添加倒计时的评论 (共 条)

分享到微博请遵守国家法律