> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/webvista-studio-docs/main-pages/main-product/tian-jia-chi-ma-biao.md).

# 添加尺码表

尺码表是提供服装、鞋类或配饰等商品尺寸对照信息的工具，帮助消费者根据身高、体重、胸围、腰围、脚长等数据选择适合自己的商品。

<figure><img src="/files/rsf5i0QCfKKoYnVNgEFD" alt=""><figcaption></figcaption></figure>

尺码表的添加方式：

### **方式 1，创建产品页面模板**

我们可以分别给不同的产品单独[创建产品模板](https://help.shopify.com/zh-CN/manual/online-store/themes/theme-structure/templates)，比如为鞋类，上衣，裤子，通过上传图片的方式添加尺码表。\
\
1\. 进入产品模板编辑页面，点击添加**块**，选择**弹出窗口**

<div align="left"><figure><img src="/files/aycd9yVkUGr7143kvauA" alt=""><figcaption></figcaption></figure></div>

\
2\. 添加尺码文本或者图片

<figure><img src="/files/VCxQLw3G6ARxxKz8WQg9" alt=""><figcaption></figcaption></figure>

3. 设置关联尺寸选择器

{% hint style="success" %}
尺寸名称必须为以下值才能被关联：\
size, 尺码, 尺碼, Größe, taille, tamaño, misura, размер, tamanho, サイズ, 크기, storlek, velikost, størrelsen, rozmiar, μέγεθος, ukuran, mărime, величина, kích thước, วัด, ölçü, suurus, dydis, izmērs, μεγέθος, размеры
{% endhint %}

### **方式 2，使用元字段动态添加**

我们可以通过创建产品元字段的方式灵活设置产品的尺码表。

\
首先我们[创建一个产品类型元字段](https://help.shopify.com/zh-CN/manual/custom-data/metafields/metafield-definitions)，例如命名为“Size Chart”元字段

<div align="left"><figure><img src="/files/Ee5bxVMWjh9Fx4fKZmIX" alt=""><figcaption></figcaption></figure></div>

\
我们在产品页面找到刚刚创建的Size Chart 字段，为该字段添加尺码表图片

<figure><img src="/files/7LERN99dVublF3AiFfUQ" alt=""><figcaption></figcaption></figure>

\
进入产品模板编辑页面，点击添加**块**，选择**弹出窗口，**&#x9009;择添加动态数据

<figure><img src="/files/PgWAhfv4KtckxnVghleA" alt=""><figcaption></figcaption></figure>

\
选择“Size Chart”

<figure><img src="/files/9mhIjztENutzoUGNx2pU" alt=""><figcaption></figcaption></figure>

<br>