文章分类: Theme - Shopify 主题模版

多件折扣



由于 Shopify 的约束,我们无法在产品被添加到购物车之前展示折扣价,为了弥补这一缺陷,我们结合 元字段折扣 开发了这一功能。

配置方法



配置元字段



点击 Shopify admin 左侧导航栏中的 设置
点击 自定义数据 进入元字段编辑界面
点击 元字段 选项卡中的 产品
点击 添加定义 添加一个元字段配置
设置 名称Bundles
设置 命名空间和密钥custom.bundles
设置 选择类型元对象 ,并设置 条目列表. 这一步骤允许我们为 bundle 添加更多自定义数据

配置元对象



在刚才的步骤中我们已经完成了元字段的配置,还需要通过元对象对详细数据进行配置。

为了保证最终效果无误,请严格按照以下要求进行:

引用 中点击 添加定义 进入元对象编辑界面
设置 名称Bundle
点击 添加字段 添加一条数据
设置 名称Title, 类型为 单行文本
勾选 必填字段
点击 添加字段 添加一条数据
设置 名称Quantity, 类型为 `整数`, 最小值1
勾选 必填字段
点击 添加字段 添加一条数据
设置 名称Discount percentage, 类型为 小数, 最大值100.0
勾选 必填字段
点击 添加字段 添加一条数据
设置 名称Best seller, 类型为 true 或 false
勾选 必填字段
点击 添加字段 添加一条数据
设置 名称Icon, 类型为 多行文本
勾选右侧编辑面板中的 店面 选项并保存
回到元字段编辑界面,勾选右侧编辑面板中的 店面 并保存

效果如下





经过以上步骤,我们已经完成了元字段部分的配置。



如果要针对产品变体启用该功能,可以在 自定义数据 中为 多属性 配置元字段

配置产品



基于刚才的元对象设置可知:

Title(必填):标题。例如 1 Unit、2 Units
Quantity(必填):购买多少件产品才可以获得 volume discount
Discount percentage(必填):Volume discount 的优惠百分比(不超过 100)
Best seller:是否热销
Icon:图标

现在我们需要进到某个产品的编辑界面,并将这些信息设置到该产品上:

Shopify admin 的左侧导航栏中找到 产品
进入您要编辑的产品,滑动到最底部的 元字段 选项卡
点击 Bundles 最右侧的可点击区域,并点击 选择条目
点击 创建新条目 添加新的 bundle 对象即可

为了更好地进行主题色联动,建议通过插入 SVG 代码来添加图标,这也是为什么 Icon 选项是一个输入框,而不是一个图片选择器

添加区块



Shopify admin 中进入您想要编辑的 Zalify 主题模板
在编辑模式中,进入产品详情页,选择 产品页面 分区,添加 多件折扣 区块即可

常见问题



为什么价格栏中会出现不明代码?





通常情况下是由于错误的货币格式导致的。设置步骤如下:

Shopify admin 的左侧导航栏中找到 设置
商店详细信息 中找到 `商店货币`,点击 更改格式
将表单内容按照如下编辑即可



如何调整划线价的显示方式



若您需要将划线价显示为具体金额,而不是百分比,可以通过以下操作实现:

进入 模板设置 板块,找到 产品
显示折扣为... 改为 实际金额 即可

如何调整边框及背景颜色



进入 模板设置 板块,找到 颜色
编辑 产品 分类下的 产品在售时的强调色 即可

更新于: 14/07/2023

这篇文章有帮助吗?

分享您的反馈意见

取消

谢谢!