尺码表

尺码表是电商网站中十分常见的一项功能。对于简单的尺码表，我们可以为产品描述添加一张表格，但在遇到特别复杂的表格时，表格可能不足以实现效果。

为了弥补这一缺陷，我们允许用户将自定义页面作为尺码表的素材进行展示。

通过表格实现尺码表

在 Shopify admin 的左侧导航栏中找到 产品
进入您要编辑的产品，在 描述 编辑器中找到表格（通常会隐藏在 更多 中），点击其中的 表格 符号并点击 插入表格 即可在文字中插入
编辑完表格内容后，保存即可

通过自定义页面实现尺码表

为产品设置尺码

在 Shopify admin 的左侧导航栏中找到 产品
进入您要编辑的产品，找到 多属性 选项卡，点击 添加其他选项
选择 尺寸, 在 选项值 中输入该颜色的正式命名，例如 M 即可

新建自定义页面

在 Shopify admin 的左侧导航栏中找到 页面
点击右上角 添加页面
输入任意标题，并在 内容 中填充内容
最后记得在 可见性 面板中选择 可见 即可

应用自定义页面

从 Shopify admin 中进入您想要编辑的 Zalify 主题模板
在编辑模式中，进入产品详情页，选择 产品页面 分区
选择 变体选择器 区块，在编辑面板中找到 尺寸图页面
点击 选择页面 选择我们刚才新添加的页面即可

此时页面中的 Size 右侧会出现一个带有图标的 尺寸图 按钮，点击后会在页面右侧会滑出侧边栏，其中会渲染自定义页面的内容。

若该产品没有在后台设置尺码，尺码表将无法显示

通过元字段自定义尺码表图片

配置元字段

点击 Shopify admin 左侧导航栏中的 设置
点击左 自定义数据 进入元字段编辑界面
点击 元字段 选项卡中的 产品
点击 添加定义 添加两个元字段配置
分别设置 名称 为 Size chart title 和 Size chart image
确保它们的 命名空间和密钥 为 custom.size_chart_title 和 custom.size_chart_image
分别设置 选择类型 为 单行文本 和 文件. 在设置 文件 类型时需要将 验证 里的 接受特定文件类型 改为 Images
完成后勾选右侧编辑面板中的 店面 即可

配置产品

在刚才的步骤中，我们已经完成了所有元字段相关的配置，接下来需要在产品层面完成剩下的设置。

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

在 Shopify admin 的左侧导航栏中找到 产品
进入您要编辑的产品，滑动到最底部可以看到有 元字段 选项
分别输入各自的标题，并选择各自对应的图片即可

配置区块

从 Shopify admin 中进入您想要编辑的 Zalify 主题模板
在编辑模式中，进入产品详情页，选择 产品页面 分区
找到 变体选择器 区块，在右侧编辑面板中勾选 优先显示由元字段配置的尺寸图 选项即可

更新于： 14/07/2023