Size Guide

Show a size chart in a pop-up on your product pages.

---

InspiredTheme can show a Size guide link next to a variant option, such as Size. When customers click it, your size chart opens in a pop-up. The chart is a regular Shopify page, so you can use one chart for all products, or a different chart for each product template.

1. Create your size chart page

Steps:

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

• Click Add page.

• Give the page a title, for example "Size guide", and add your chart to the content. You can upload an image of your chart or build a table in the editor.

• Click Save.

2. Add the Size guide link to the product page

Steps:

• In the theme editor, open a product template.

• Under the Product information section, click the Variant picker block.

• Scroll to the Size guide settings and set them up as below.

• Click Save.

• Enable popup link: Shows the Size guide link in the variant picker.

• Variant trigger name(s): The option name the link appears next to, for example Size. To cover more than one name, separate them with commas, for example Size, Größe. Matching isn't case-sensitive. The link appears next to the first option that matches.

• Link label: The text of the link. Default is "Size guide".

• Show ruler icon: Shows a ruler icon before the link label.

• Page: The size chart page you created. The pop-up shows the page title and content.

The link only shows when Enable popup link is on, a Page is selected, and the product has an option whose name matches Variant trigger name(s).

3. Tips

• If your store is in several languages, list the option name in each language, for example Size, Taille, Größe.

• For different charts per product type, create a product template for each type and choose a different Page in each. See Creating product templates.