向产品页面添加尺寸图表备注如果您使用Shopify 的免费模板，您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情，请参阅Support for

目录

• 答案
• 文章目录
• shopify产品页面添加的尺寸图表页面创建步骤详细回答

shopify产品页面添加的尺寸图表页面创建步骤详细回答

向产品页面添加尺寸图表

备注

如果您使用 Shopify 的免费模板，您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情，请参阅 Support for themes。

备注

此自定义用于复古 Shopify 模板，不适用于“Online Store 2.0”模板。

• 找到您的模板架构版本

• 探索“Online Store 2.0”模板自定义

如果您销售服装商品并需要客户在购买前了解自己的尺寸，您可以向产品页面添加自定义尺寸图表。

需要参考尺寸图表的所有产品必须具有尺寸选项：注意

在不添加其他代码的情况下，本教程不适用于 Express 模板。

您可能发现您需要根据模板调整图表的 CSS。

此外，尺寸图表并非适用于所有设备。如果图表中添加的信息列过多，它们可能会在移动设备上的一侧页面被截断。

创建尺寸图表页面

PC：

1. 在 Shopify 后台中，转到在线商店 > 页面。

1. 点击添加页面。

2. 输入页面标题。

- If you want to create a size chart that appears site-wide, then enter `Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/size-chart`. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by `Size Chart`. <br> For example, if your vendor is called Great Owls, then enter `Great Owls Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/great-owls-size-chart`. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by `Size Chart`. <br> For example, if you want to display a size chart specific to shoes, then enter `Shoes Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/shoes-size-chart`.

1. 在内容框中创建一个表，用于包含尺寸图表信息。按所需呈现效果对表格进行自定义：

1. 在可见性分区中，确保将页面设置为可见。

2. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分中，轻触在线商店。

3. 轻触页面。

1. 点击添加页面。

2. 输入页面标题。

- If you want to create a size chart that appears site-wide, then enter `Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/size-chart`. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by `Size Chart`. <br> For example, if your vendor is called Great Owls, then enter `Great Owls Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/great-owls-size-chart`. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by `Size Chart`. <br> For example, if you want to display a size chart specific to shoes, then enter `Shoes Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/shoes-size-chart`.

1. 在内容框中创建一个表，用于包含尺寸图表信息。按所需呈现效果对表格进行自定义：

1. 在可见性分区中，确保将页面设置为可见。

2. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

2. 在销售渠道部分中，轻触在线商店。

3. 轻触页面。

1. 点击添加页面。

2. 输入页面标题。

- If you want to create a size chart that appears site-wide, then enter `Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/size-chart`. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by `Size Chart`. <br> For example, if your vendor is called Great Owls, then enter `Great Owls Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/great-owls-size-chart`. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by `Size Chart`. <br> For example, if you want to display a size chart specific to shoes, then enter `Shoes Size Chart` for the page title. In the **Search engine listing preview** section, the URL of the page should end in `/shoes-size-chart`.

1. 在内容框中创建一个表，用于包含尺寸图表信息。按所需呈现效果对表格进行自定义：

1. 在可见性分区中，确保将页面设置为可见。

2. 点击保存。

Shopify商户官网原文详情：

Add a size chart to product pages

Note

If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.

Note

This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.

• Find out your theme's architecture version

• Explore Online Store 2.0 theme customizations

If you sell clothing items that require customers to know their size before they make a purchase, you can add a custom size chart to your product page.

All products that require reference to the size chart must have a Size option:

Caution

This tutorial doesn't work for the Express theme without additional code.

You may find you might need to adjust the CSS for the chart depending on the theme.

Additionally, size chart tables are not responsive to all devices. They can be cut off the side of the page on mobile devices if too many columns of information are added.

Creating a size chart page

1. From your Shopify admin, go to Online Store > Pages.

1. Click Add page.

2. Enter a page title.

- If you want to create a size chart that appears site-wide, then enter Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /size-chart. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by Size Chart.
For example, if your vendor is called Great Owls, then enter Great Owls Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /great-owls-size-chart. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by Size Chart.
For example, if you want to display a size chart specific to shoes, then enter Shoes Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /shoes-size-chart.

1. In the Content box, create a table that contains your size chart information. Customize the table to look the way you want it to:

1. In the Visibility section, make sure the page is set to Visible.

2. Click Save.

iPhone：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Pages.

1. Click Add page.

2. Enter a page title.

- If you want to create a size chart that appears site-wide, then enter Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /size-chart. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by Size Chart.
For example, if your vendor is called Great Owls, then enter Great Owls Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /great-owls-size-chart. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by Size Chart.
For example, if you want to display a size chart specific to shoes, then enter Shoes Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /shoes-size-chart.

1. In the Content box, create a table that contains your size chart information. Customize the table to look the way you want it to:

1. In the Visibility section, make sure the page is set to Visible.

2. Click Save.

Android：

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Pages.

1. Click Add page.

2. Enter a page title.

- If you want to create a size chart that appears site-wide, then enter Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /size-chart. - If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by Size Chart.
For example, if your vendor is called Great Owls, then enter Great Owls Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /great-owls-size-chart. - If you want to create a chart that only appears on a specific type of product, then enter the product type followed by Size Chart.
For example, if you want to display a size chart specific to shoes, then enter Shoes Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /shoes-size-chart.

1. In the Content box, create a table that contains your size chart information. Customize the table to look the way you want it to:

1. In the Visibility section, make sure the page is set to Visible.

2. Click Save.

文章内容来源：Shopify商户官方网站