自定义元字段动态文案

元字段 允许用户根据开发者的配置要求扩展更多丰富的功能,事实上除了约定的方式外,也允许用户自行扩展。
例如,在产品详情页中,如果我们想要为 产品页面 分区中的 列 区块配置动态文案,该如何实现呢?此时我们需要学会元字段的巧技。
配置元字段
点击 Shopify admin 左侧导航栏中的 设置
点击 自定义数据 进入元字段编辑界面
点击 元字段 选项卡中的 产品
点击 添加定义 添加一个元字段配置
设置 名称 为 Product recommendation slogan
确保 命名空间和密钥 是 custom.product_recommendation_slogan
设置 选择类型 为 多行文本
在右侧编辑面板中勾选 店面, 保存即可
配置产品
在刚才的步骤中,我们已经完成了所有元字段相关的配置,接下来需要在产品层面完成剩下的设置:
在 Shopify admin 的左侧导航栏中找到 产品
进入您要编辑的产品,滑动到最底部,在 元字段 选项卡中找到 Product recommendation slogan 选项,输入您要添加的文案段落即可
区块配置
在刚才的步骤中,我们已经完成了所有元字段和产品相关的配置。
接下来要做的就是将刚才编辑的元字段变量应用到网页中的指定位置,这里以 产品页面 分区中的 列 区块为例:
从 Shopify admin 中进入您想要编辑的 Zalify 主题模板
在编辑模式中,进入产品详情页,选择 产品页面 分区
选中 列 区块,并在编辑面板中找到您想要添加文案的 内容 输入框
点击右上方 汉堡 形状图标,在 产品 - 主要页面 中找到刚才新增的元字段,然后选择即可
动态元字段的可发挥余地非常大,大家可以以上教程作为参考尝试更多有趣的实现。
更新于: 14/07/2023
谢谢!