Unique Pop-Up Size Chart for Each Product

Store Design
, , ,

Topic summary

Setting up a unique, product-specific size chart pop-up for a fine art print store.

  • Current setup: A pop-up link connects to a size chart page via product metafields.
  • Constraint: Creating a separate size chart page per product feels excessive.
  • Desired approach: Use product metafields and dynamic sources so each product can have its own image (dummy holding frame), uploaded directly in the product’s metafield.

Key terms:

  • Metafields: Custom fields attached to products to store extra data (e.g., an image URL).
  • Dynamic sources: Theme bindings that pull metafield data into templates/components.

Latest update:

  • A responder shared a YouTube tutorial (https://youtu.be/VNd7JqCxyjc) claiming a solution to add a size chart to each product.
  • No step-by-step details provided in the thread; the video is central to understanding the proposed solution.

Outcome/Status:

  • Action item: Review the linked video for implementation steps.
  • Resolution: Not confirmed in-thread; discussion remains open.
Summarized with AI on December 29. AI used: gpt-5.
1

Hi.

I’m building a fine art print store and would like to setup a unique size chart for each product using a pop-up link. The image that pops up will show a dummy holding a frame in different sizes for that specific art piece. Meaning I will have a different size chart image for each product.

I have setup the pop-up link and connected it to a size chart page (I created) through metafields.

I’ve understood that one way to do this is to create a different size chart page for each product.

But I’ll have many products and creating so many pages seems a bit excessive.

Is there another way to do it? For example, using metafields and dynamic sources, so that the specific image can be simply dropped in the metafields section of the product page?

Thank you!

2

Here is the solution to add size chart to each product: