Size Chart Metafield in shopify Not working

AnuAlex
New Member
4 0 0

Hi 

 

I am trying to implement diffrent Size chart for diffrent products via MetaField ..I was following a youtube video 

 

https://www.youtube.com/watch?v=VBhBnN3ds0o

 

Even after following the as per the video ..my popup is still showing a blank 

 

Can someone help here 

 

PS i am not a expert shopify develper

Replies 8 (8)

Michael-Thomas
Shopify Partner
17 1 2

Hi AnuAlex.

 

Be happy to take a look.

Can you let me know the following as I didn't watch the video it's to long

  • what theme you are using?
  • What metafield type are you using? (Page, product)
  • Is your Size chart an image or text table formatting?  

 

 

Appreciate it if you Like and Mark Solution. Thanks!


Discover my socials on Linktree.


Feel free to send a tip or buy me a Coffee

AnuAlex
New Member
4 0 0

I am using a theme that was bought from a fiver shopify developer ...

 

  • Name of the theme is  Minimalist Multipurpose Shopify Theme OS 2.0 from themeforest.net
  • Metafield type: product
  • Size chart is an image

 

Michael-Thomas
Shopify Partner
17 1 2

It seems the issue may stem from using a file metafield for a product metafield, whereas the block you're working with doesn't support file type. I see this as being the most common reason.

 

A potential solution could be switching to a page reference metafield instead. You can create a separate page, upload the image there, and then link the metafield to it. This might resolve the issue, as blocks typically allow media only if they support linking it and using a page is a kinda hack to get around it.

 

Apologies, but my current expertise primarily revolves around Shopify premium themes from their theme store. Themes on Themeforest might have a different interface and functionality, so it's possible the solution could vary in that context.

 

Happy to try take a closer look in the backend. Seeing that can help me better understand the layout of your theme.

Appreciate it if you Like and Mark Solution. Thanks!


Discover my socials on Linktree.


Feel free to send a tip or buy me a Coffee

ac0
Shopify Partner
51 5 11

The video explains the process pretty well, so it's possible you might have made a mistake in one of the steps.

Here's a checklist of some things to check that were covered in the video:

1. Is your size chart page showing properly? You can go to the page and "view" to make sure it's showing up on your page as expected

2. Did you create the metafield as a product metafield, type page?

3. Did you assign your size chart page to the actual metafield in your product? Visit the product in the admin, scroll to the metafield section, and then select the page you want to use.

4. In the theme editor, did you select the dynamic field icon and assign it to the same metafield? This metafield should be the one you created in Step 2 and assigned in Step 3.

5. Did you save your changes? (I know this one sounds silly, it's the equivalent of "is it plugged in", but you would laugh how often this happens to me)

 

Hope this helps.

DIY theme customization tutorials: https://www.youtube.com/@theprompted
AnuAlex
New Member
4 0 0

Hey 

 

Please check my replies 

 

1. Is your size chart page showing properly? You can go to the page and "view" to make sure it's showing up on your page as expected

Yes it shows as expected. Here's The URL https://anunalex.com/pages/size-guide

 

2. Did you create the metafield as a product metafield, type page?

Yes I have created product metafieldand type Page. Please check the reference image - https://freeimage.host/i/JGZ1Lt2

 

3. Did you assign your size chart page to the actual metafield in your product? Visit the product in the admin, scroll to the metafield section, and then select the page you want to use.

Yes i have selected the page in the product admin >> metafield section. Please check the reference image - https://freeimage.host/i/JGZ1ZnS

 

4. In the theme editor, did you select the dynamic field icon and assign it to the same metafield? This metafield should be the one you created in Step 2 and assigned in Step 3.

Yes i have done that too. Please check the reference image https://freeimage.host/i/selected-dynamic-field.JGZ1tM7

 

5. Did you save your changes? (I know this one sounds silly, it's the equivalent of "is it plugged in", but you would laugh how often this happens to me)

Yes I have saved the settings

 

 

ac0
Shopify Partner
51 5 11

Did you add any custom code to your theme, and if not, what theme are you using?

The settings for the "Size Chart Button" are not standard with the Shopify free themes, so the issue may be something about your theme.

DIY theme customization tutorials: https://www.youtube.com/@theprompted
AnuAlex
New Member
4 0 0
  • Name of the theme is  Minimalist Multipurpose Shopify Theme OS 2.0 from themeforest.net
ac0
Shopify Partner
51 5 11

I see, ok. I've never worked with that theme so here's some general troubleshooting things you can try to help narrow in on your problem:

Can you try to set a static page instead of it being dynamic through metafilds?

If you define the page directly and it still doesn't work, it might have to do with the theme's and not related to your metafields.

 

If it does work with the static page, then it can be something about the dynamic field set up, as you suspected.

 

If you haven't already, you may want to also reach out to the developers of that theme for help as well.

DIY theme customization tutorials: https://www.youtube.com/@theprompted