# 添加尺码表

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

<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/uPWwyHSHeRJpjVw6kxGX" alt=""><figcaption></figcaption></figure>

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

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

\
选择“Size Chart”

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

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/main-pages/main-product/tian-jia-chi-ma-biao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.