Size Chart Block

What This Block Does

Displays a clickable size chart button that opens a modal with sizing information. Supports tables, images, pages, or custom content.

Perfect for: Apparel, footwear, or any products requiring size guidance

How to Add It

1. Go to Online Store → Themes → Customize
2. Navigate to your product template
3. Click Add block → Size Chart Block

Key Settings

Button Customization: Configure the trigger

• Button label text
• Custom button icon (or default ruler icon)

Chart Type: Choose content format

• Table: CSV-style data with optional images
• Image: Simple image display
• Page: Link to Shopify page content
• Custom Liquid: Advanced custom code

Table Format

Create tables using comma-separated values:

• First row becomes headers
• Use [image] or [image2] for inline images
• Use [empty] for blank cells
• Enable highlight header for styling

Example: Size, Chest, Length, Shoulder

Pro Tips

TIP

• Use clear, consistent sizing terminology
• Include measurement instructions in tables
• Test charts on mobile devices

WARNING

• Keep size charts accurate and up-to-date
• Don't make charts overly complex
• Ensure images load quickly in modals