Size Chart Block

Shows a button (e.g. “Size chart”) that opens a popup with sizing info. Choose the format that matches how you already store size data.

1. Add the Block

1. In the Shopify Theme Editor open a product template.
2. Click Add block → Size chart.
3. Drag it near your variant picker / Buy Button.
4. Save.

2. Choose Chart Type (Chart content type)

Select one of: Table, Image, Page, Custom Liquid.

A. Table (default)

Best for simple measurements you want to edit directly.

Table content field rules:

• One row per line.
• Separate columns with commas.
• First non‑empty line = header row.
• Use [empty] for an intentionally blank cell.
• Use [image] or [image2] to insert the uploaded table images as a full‑width row.

Example input:

Size, Chest, Length, Shoulder, Neck
XS, 90cm, 59cm, 42cm, 36cm
S, 95cm, 61cm, 44cm, 38cm
[image]
M, 102cm, 66cm, 46cm, 40cm

Turn on “Highlight header row” if you want a colored header. Enable table image placeholder + upload images if you use [image] or [image2].

B. Image

Upload 1–2 prepared size chart images (PNG / JPG / WebP). Good for branded graphics.

C. Page

Select an existing Shopify Page whose content will appear inside the popup. Edit that Page to update all products at once.

D. Custom Liquid

For existing reusable snippet / embed code (e.g. third‑party size service). Paste content in the Custom Liquid field. Keep it simple.

4. Quick Workflow Examples

Goal	Pick	What to do
Basic shirt measurements	Table	Enter rows, enable highlight header.
Brand infographic	Image	Upload designed chart image(s).
One chart for all products	Page	Create a “Size Guide” page; select it.
Third‑party embed	Custom Liquid	Paste provided embed code.