How To Add a Size Chart to Shopify Product Page Using Shopify 2.0 Metafields - No App needed!

[@RihabSeb]

Hello Guys! Hope you enjoyed the video ♥Just a small reminder to profit from the Free Workshop I am currently offering. It is 100% Free, so Just sign up and start scaling your business: www.rihabseb.com/the-ecommerce-growth-workshop-lp

[@nitro7726]

Hi rihab, great video. I like the 3rd option but i also need to include an image next to the page (e.g. a diagram of a t shirt with lines on it showing where each measurement is) Is it possible to i clude an image on the page too beside the table with the sizes in it?

[@RihabSeb]

@@nitro7726 Hi Nitro! Thank you for the nice feedback ♥ Yes you can. It is a separate page and you can put anything you wish inside of it. Just make sure it looks good when it is in a popup form.

[@nitro7726]

@@RihabSeb awesome thanks for the response!!

[@RihabSeb]

@@nitro7726 My pleasure ❤️

[@RihabSeb]

@@nitro7726 My pleasure!

[@JonGuinn1]

The third option was exactly what I was looking for. Very well presented.

[@RihabSeb]

My pleasure Jon! Glad I was able to help!

[@stockingriot5098]

You are fabulous!! Thank you. Third option is going to take less time than I spent looking for a solution! :D

[@jrz8051]

3rd option is awesome. Thank you!!!

[@RihabSeb]

Glad you liked it!

[@shamarr57]

this video was so helpful! Thank You!

[@RihabSeb]

My pleasure ❤️

[@shamarr57]

@@RihabSeb what Shopify apps do you recommend for zoom enlargement on product pages?

[@RihabSeb]

@@shamarr57 I usually pick a theme that has this option by default… so I am not very familiar with any app for this feature… Just one comment, are you sure you need this feature? Do your customers need this feature to better understand the products. Zoom in for fashion products photography is very important, but if you sell chai for example, you might not need this urgently

[@majdal-deenal-dalaika4217]

U are soooooo awesome I really love u and love how u present the informations

[@RihabSeb]

Thank you so much 😀 Glad that you liked the video.

[@andregraf3000]

Thank you so much for this video! Exactly what I was looking for the option #3! I ended up creating a second size page so I could connect my other products thru the hyperlink and now my pieces of cloth show individual personalized size charts (Didn't know that was even possible!). Thanks again!

[@RihabSeb]

Glad it was helpful!

[@Afekboy123]

Het Andre, would you mind to tell me how did you connect your second size page to the specific product? i created my first size page and assigned him to one product but i need another product show another size page how can i do it?

[@mradnan2699]

Genius, Good Work 💕💕💕

[@RihabSeb]

Thank you! 💖

[@asmafaghirzade4020]

Thank you so much! This is exactly what I needed

[@RihabSeb]

Glad it helped!

[@swaggychocobo8136]

helped alot tysm!

[@RihabSeb]

Glad it helped!

[@nadaghazawy7068]

Thankyou for sharing your knowledge I ended up having to change my theme to the dawn one as the one I had I couldn't do the 3rd process and I rather the professional look.

[@RihabSeb]

Hi Nada Glad to hear that! Let me know in case you still have any question regarding this.

[@shivkumardharamshala]

Very well presented and the same option I need (number 3). Thankyou very much..

[@RihabSeb]

You’re welcome 😊 Happy to know that The video helped you!

[@Unsent-ij6ou]

Such a nice explanation. Thank you for the tutorial!🤗

[@RihabSeb]

My pleasure

[@IamSallyLo]

Hi there, Awesome video. totally solves the problem ! the third method is totally bring us to another pro level. May ask what's the size of the size chart I should make ? cause im using canvas 800*800, but the quality of the image is too low also too big. Hope you would be kindly to help thank you xoxo

[@RihabSeb]

Hello Selly, try to use JPEG with a higher quality and let me know how it goes.

[@Cerenity0402]

SO helpful! I know this post is a year old. I am hoping you see this. With 3rd method the mobile view is not user friendly. Do you have an suggestions? Or do i have play around with size of chart in pages until it fits appropriately? Thank you

[@rockettrader8497]

First I would like to thank you for the amazing and very helpful video. But I have problem , I have an external theme, I was not able to find image with text, do I have to do some coding with external theme or what should I do ? I need help with it .

[@RihabSeb]

Hi dear, If you are ok with coding, you can definitely go with this option. But for an easier solution, I would prefer going with a theme that has been already updated to Shopify 2.0

[@carlocrighton]

I am curious if Metafields (and Metaobjects) can now help to build a simultaneous UK/US/EU sizing layout on the product page for clothing variants, to replace Shopify Apps or using a Shopify developer?

[@RihabSeb]

hello dear, you can do it yourself. No need for a developper or any app.

[@armazenarium5014]

Thank you!

[@RihabSeb]

You're welcome!

[@perfectdd]

So helpful, thank you! I created Option 3, size chart using the Pop-Up but now I see the Size Chart Pages in my Collection as a Product, how do we hide this?

[@lets1c]

This is great and it worked!!! Thank you so much. My question is - how can I do this for an entire collection? I have over 300 products in my store and to do one at a time, would take an eternity. Can you please help with doing this for more than one item at once (bulk). Ex. I have a women's size chart, shoe size chart and men's size chart, and each one of those collections have at least 50 items in it. Please help!

[@RihabSeb]

Hello, happy to know it worked. You can create a product page template to each type of products with the right size chart and apply this template to your products based on their types. To do it bulk follow this: 1. Create your different product page templates aka Men product page template, women product page template, etc… 2. Make sure you are logged into your shopify store 3. Go to this link shopify.com/admin/bulk?limit=250&resource_name=Product&order=title+asc&%2Ctemplate_suffix=&edit=template_suffix 4. It will show you a list of all your product + a column showing the applied template. 5. Start applying the right template to each product. I know it will take some time from you but it is way better than going to each product separately

[@___camilita___]

Hi Rihab, thanks for such a great video! Finally got charts organized nicely. I followed code you provided (for other viewers comments) in order to hide page from main store/ clients to see when they search for product. The only problem I have now is that it shows the pages for some products and it hides it for others (few). Do you have any insights as to what I could do? thank You very much!

[@RihabSeb]

Hi Camila, it is hard for me to know the reason. Are you sure you implemented the code properly?

[@RihabSeb]

And thank you for the great feedback ❤️

[@macdonaldquammie4021]

Excellent Video! AWESOME! With 2.0, it is easier than before, notably the pop-up size chart, which I had coded in the liquid until I updated my theme. Currently, I'm updating my THEME again to 2.0, so no more coding; I only have to reference your video. THANKS!

[@RihabSeb]

Glad it helped!

[@shrutiahuja7732]

Hi, I am using Minimal Theme. Using the third option I created the metafield, but I can't see any add bock option in my theme editor. How do I fix this ?

[@culbitokey]

Great video. Thank you very much. How can you assigned a metafield for all products of same brands? (Ex: I sell sneakers - Nike, Adidas, Puma, Vans, Balenciaga). How can I make the difference?

[@RihabSeb]

Good question! Create a product page template to each brand and include the information you wish. Than assign the right template to the right products

[@bimladevi6614]

Hi thanks for your video... i want to add product details table like content in collasible format as u have entered size chart in method 3.. but the main issue is my product details would hv different values for most of the products... like color would be different for each product... method 3 would mean creating separate pages for each product detail... can u help?

[@Adizxon]

i really appreciate you.

[@Afekboy123]

Het Rihab, would you mind to tell me how did you connect your second size page to the specific product? i created my first size page and assigned him to one product but i need another product show another size page how can i do it?

[@RihabSeb]

Hello, create a metafield with the type Url and you can assign different size charts to different products!

[@fedekoen5996]

Great video, very well explained! :) Will definitely be going with the third option. Is there a clever way to assign different size charts to different categories of products - i have a big catalog (like shoes size chart, dresses etc.) so they show up at all the products at once?

[@RihabSeb]

Hello Fede, You can mix between using metafields and product page templates to achieve your goal. If a different product share the same size charts, if would be smarter to create different product page templates and assign them to products instead of having to assign a metafield to every single product.

[@haseebullahnaimi569]

Thank you so much for this wonderfull piece of information. Can you also guide me on how i can exclude the pop up option for my bag hat beanie collection. Your help will be really appreciated

[@RihabSeb]

Hi dear, Just follow the same steps I used in this video.

[@arthurtutt7651]

Hey Rihab - great tutorial! I have a question about method #3 - you showed adding a pop-up block to the product page, but I don't see that option to add a pop-up on my end. Do you need a special theme or app? I'm using the premium Prestige theme. thanks!

[@RihabSeb]

Hi Arthur, it depends on which version of the theme you are using. I didn't check the Prestige theme's latest update yet to see if it has a popup option or not. But if you want to use the third option, the theme you are using must support this option.

[@arthurtutt7651]

@@RihabSeb Great thanks! I'll check out a few other themes and see if I can get it to work

[@rv7811]

3rd option is the best, but how do I make the mobile version fit fully? So I don't have the horizontal scroll bar?

[@RihabSeb]

Let me check this and get back to you.

[@rv7811]

@@RihabSeb ok. Thank you.

[@rehankhurram4988]

Hii, loved this tutorial!! However I’m facing a problem of the size chart pages showing up on the store. So for example if someone searches up sweater then the size guide will also show up as a separate page… how can I hide the page from coming up on my website as a separate page but keep it attached to the product?

[@RihabSeb]

Hi Rehan, Do the following: From your Shopify dashboard, go to "online store", near the "customize" button click on "action", and chose "edit code". In the newly opened view, there is a list with a search bar at the top, search for at "main-search.liquid" . Click on the file name that appeared in the left side bar, click ctr+f, search for Under this line, paste the following line and you are good to go!

[@shekinahb8913]

Hi Rihab! Thank you for this video. When i go to metafields it doesnt give me the options to choose page Eg. i can choose File / URL etc. Can you help me ?

[@RihabSeb]

Hello, It my pleasure. Choose reference as type and you will see the option to pick a page

[@gagdhillon12]

Why did you use metal field in 3rd option ? I mean you created page for size chart under pages category separate so what was the point of using metafield and making Coloum for size chart in there

[@RihabSeb]

So I can have different size pop up per product

[@nadaghazawy7068]

How do you add different size charts to individual products ? I find once you add a page it applies to all the products .

[@gummibear049]

I also have this same questions! The women’s size chart is appearing on the men’s products.

[@RihabSeb]

Hi Nada, you need to use a meta field to do that. Please make sure to check out these 2 videos : kzbin.info/www/bejne/rYbOp5ljgdOVi5Y kzbin.info/www/bejne/aJfLq52rqpWUr7s

[@RihabSeb]

@@gummibear049 Please check the links I included in my reply to Nada's question.

[@dimazentreprise8067]

Hi Rihab, Thank you for this tutorial, I tried your favourite 3rd option but unfortunately, there's no *page* in the content type options. what can I do?

[@RihabSeb]

Hi dear! Did you follow exactly my tutorial? Because if so you must see it.

[@HairGirl247]

I found this confusing too as she doesn't really explain how to finish creating the metafield. Select the two arrow symbol ⬅️➡️ and there are three options, one of them being pages.

[@raymlee03]

@@HairGirl247 Thanks! This was helpful.

[@unityunderwear963]

We've been trying to edit our theme to be able to have specific assigned size charts like this and having trouble. It seems even shopify support has trouble as they have not resolved this yet but you made it look easy, thank you. We can create the metafield but when we go to the theme and to the product, there is no product information as you have? How can we get that? we currently use the Brooklyn theme

[@RihabSeb]

Hello there... Are you using an updated 2.0 version? If this not the case, this might be the problem.

[@isaacscheffer]

Excelente vídeo, sou do Brasil

[@RihabSeb]

Thank you ❤️

[@obamapaloma6429]

How did you create the shoes template please

[@RihabSeb]

In the theme editor, you can do that. Watch this video, it will help you kzbin.info/www/bejne/rYbOp5ljgdOVi5Y

[@sehrishjamil8284]

Hi, I am using turbo theme to create my Shopify store.I want to add size chart but in product information pop up block is not present.Then how I can add size chart

[@RihabSeb]

I am not very familiar anymore with the Turbo theme... was it updated to Shopify 2.0? Anyway, I think you should contact their support for this.

[@hrschudasama]

I have to do it for all products? I have 200+ products, can I do it for one and then apply the same to same type or same tag products?

[@RihabSeb]

Hi Harsh. Add the size chart tp your product page tempate and it will be applied to all products.

[@surbhipagaria9566]

The last is exactly what I need but add section pop up is not coming in Debut theme :(

[@RihabSeb]

Hi Surbhi... I am sorry to hear that. I truly recommend you to move from Debut to one of the new Shopify 2.0 themes.

[@surbhipagaria9566]

@@RihabSeb Hi, thanks for the reply. Tried in dawn it works, thank you!

[@jackieel-azzi4509]

hi Rihab, thank you for the video. I have tried the third option, the pop up block. However, whenever I hide the page (so that it doesnt appear in search or anywhere else), the information while clicking doesnt appear. the page has to be visible, so its not very practical when I have 100 size charts, the 100 pages will be appearing on my website also and not only on the pop up of the size chart. pleaser advise

[@RihabSeb]

Hi Jackie! Happy you liked the video... Yes, I have a solution for this... I actually researched this now for you and found the solution! So From your Shopify dashboard, go to "online store", near the "customize" button click on "action", and chose "edit code". In the newly opened view, there is a list with a search bar at the top, search for at "main-search.liquid" . Click on the file name that appeared in the left side bar, click ctr+f, search for ** Under this line, paste the following line ** and you are good to go!

[@jackieel-azzi4509]

@@RihabSeb thank you, I just did the above and it seems to work! thanks again

[@RihabSeb]

@@jackieel-azzi4509 My pleasure!

[@benjaminbraukmann9487]

How does the pop-up (third option) look on mobile?

[@smyrkphace]

How can I make several images for the size chart with a slider?

[@RihabSeb]

Can you please clarify?

[@iamjack05]

on my end i can't see "product page" instead of "product information" and there is no "pop up" option when i selected "add block". is this something to do with the theme?

[@RihabSeb]

Yes Jewel, this is related to the theme. What theme are you using?

[@melissadanis1829]

@@RihabSeb omg im having the same issue, im using the debut theme

[@ButterBugBoutique]

Hi! I edited the code to hide the page from search, however it is still showing up. I am using the Refresh theme...when inserting the code, do I skip a line, or indent the code?

[@stevenyoung7447]

Hi, once I do this it adds the chart to all my products. How can I fix this? Thanks

[@RihabSeb]

Hello Steven, either use a Metafield or a different product page template, depending on how many products share the same size chart.

[@ranjityadav9123]

I'm pcraftindia. Hit first like button in your video

[@RihabSeb]

Thank you 🤩❤️

[@Donceepapi]

Having a hard time using this with the impulse version 5.0

[@RihabSeb]

Hello dear.. Can you tell me exactly what is the problem?

[@Donceepapi]

On the add block part of the product information I don’t have a pop up option

[@thebeestudio3459]

HOW DO I USE IT FOR HANDY THEME?

[@RihabSeb]

Never tried this one before. But I am sure at least one of the methods will work for your theme or for any theme!

[@lamabra]

My products don't have the product information section with everything under it. Can anyone help?

[@alessandroa.a.413]

thanks a lot

[@RihabSeb]

My pleasure 😍

[@bindadmin5331]

I was trying to do method 3, but unfortunately my paid theme - Impulse doesn't include "pop up" at the theme block in product page.

[@RihabSeb]

That is unfortunate! But the good news is you can still use the other 2 options

[@gagandhillon9062]

I cant add in prestige theme i tried every hard way

[@RihabSeb]

Hello Gagan, I will do a new update for this video soon. Hopefully It will help you!

[@samlucas8861]

how do i make this (method 3) only apply to one product?

[@RihabSeb]

Create a unique product page template for this product.

[@momentsofmeditation9222]

Hello, I am trying to follow the 3rd option, however, when I tried to create a new metafield, I don't see the option for the page to create a content type, thanks for your help

[@RihabSeb]

Hi, it should be under reference.

[@clementeen]

Great tutorial Rehab. Could you do a tutorial for filtering the collection page? In 2.0 filtering by tags no longer works.

[@RihabSeb]

Thank you Nadine for the nice feedback! I have a collection tutorial on my list! Happy you mentioned the tags, I will try to check this also for you❤️ What theme are you using?

[@clementeen]

@@RihabSeb Well, as per above comment, I am using 2.0 Dawn theme. Filtering a collection by tags is no longer possible, from my understanding it’s via URL handle but that’s where my understanding stops

[@RihabSeb]

@@clementeen I will definitely look into that and get back to you

[@shamarr57]

For Method #3, how do I only cater my size chart to a specific product and not have the size chart option pop-up on all my products on my Shopify store?

[@RihabSeb]

You need to use a metafield for this. Check this video to learn how to use metafields kzbin.info/www/bejne/aJfLq52rqpWUr7s

[@BowArrow]

Popup block is missing in my shopify Please help me!

[@RihabSeb]

Hello! Maybe your theme doesn't support this option.

[@Cakulo]

Dear, how do I set a size chart for each product? Don’t set one that is the same for each product.

[@mohameddoukkani9970]

keep going

[@RihabSeb]

Thank you

[@RA-tw1wz]

Generally thank you But the quality of vedio is very bad .

[@kelpstache]

fake

[@ashwani690]

thanks, it helped me!

[@RihabSeb]

My pleasure ♥️