Make Size chart popup product-specific#13

Because of the way templates work there isn’t an easy way to attach a product to a theme-level element, but if there’s enough interest we will research some methods and build it.

Being that almost all clothing stores need size charts, and that the great majority of stores have products with different size charts - I feel this would be very necessary. <3

I completely agree, there are different size charts for tops, bottoms, swim, etc.

This would be very helpful for clothing sites that work in a multitude of categories. If this is possible, it would be greatly appreciated.

Now available in Lorenza OS2! The usage of Shopify’s dynamic sources makes this very possible.

How do we enable the different size charts in our store? Do we have to change the theme? It is not currently showing multiple size chart options in Theme Settings>Product> Size Chart… only one like before. Thanks in advance.

If you’re using Lorenza OS 2.0, you can achieve this by inserting dynamic content into the product template

This allows you to create fields for all products, that are automatically applied to various places on the product pages. Here’s Shopify’s article about this topic: https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks#using-metafields-and-dynamic-sources

Details coming soon folks! Just working on the documentation around that. Like Saad mentioned, it’s about using the dynamic sources to point to different pages depending on the product, rather than just the one page. Here’s a super fast run-down to get you started:

• Create all of the size guide pages you plan to connect to various products
• In Settings > Metafields > Products, click “Add definition”
• Enter the name (eg. Size Guide). This name is only shown in the product editor, so it’s a reference you’ll want to spot easily
• Enter an optional description for further clarity to users in the product editor
• Click “Select content type”, and choose Reference > Page
• Click Save

Now, when you edit a product, you’ll see a Metafields box at the bottom, where you can choose the page to use for a size guide for the product.

Last step is to connect this metafield to the theme!

• Open up the theme editor for your OS2 Lorenza copy (v4 or higher)
• Navigate to your product template
• Select “Variant picker” in the left bar
• For the “Information popup content”, click the Dynamic sources button (it looks like a hamburger, yes I’m from North America)
• Choose “Size Guide”, or the name you chose to name the metafield
• Click Connect
• Click Save

Now, you should see the Dynamic sources symbol in the Information popup content, along with the metafield name. If you product has this metafield set to a page, then the Size Guide option will show for that product as usual. If there’s no page set for the product, the size guide will simply not show the link.

Hope this helps with getting going! If you have any questions while we work on more thorough documentation, please don’t hesitate to send us a message here: https://fluorescent.co/help/contact