Custom Size Guide Pop-Ups for Each Product - Need Assistance

Store Design
, , , , ,
1

Hi Shopify Community,

I’ve created specific size guides for each product, but I’ve encountered an issue. The pop-up within the theme’s customizer links every product to the same size guide link.

To address this, I created metafields for each product’s size guide and directed each metafield to its respective page. However, I’m struggling to connect these different metafields to the size guide pop-up within the product pages. When I try to link the metafield through each product, all products still end up linking to the same size guide.

How can I connect a different metafield to the size guide pop-up on each product page?

Thank you for your help!

https://privatelyace.myshopify.com/

2

Hi @JhordanMSUITE ,
This is Theodore from PageFly - Shopify Page Builder App.

Here’s how to fix the size guide pop-up linking to the same page for all products in your Shopify theme:

1. Edit Theme Code: Access your theme code editor via Shopify admin.

2. Find Product Template: Locate the product template file (e.g., product.liquid).

3. Identify Size Guide Link: Search for the code responsible for the pop-up link.

4. Use Liquid to Create Dynamic Link: This retrieves the value of the size_guide metafield for each product and uses it as the link’s URL.

5. Save and Test: Save changes and preview to ensure the pop-up links correctly.

Best regards,
Theodore | PageFly