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

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 139

  • @RihabSeb
    @RihabSeb  3 роки тому +1

    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
      @nitro7726 3 роки тому

      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
      @RihabSeb  3 роки тому +1

      @@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
      @nitro7726 3 роки тому +1

      @@RihabSeb awesome thanks for the response!!

    • @RihabSeb
      @RihabSeb  3 роки тому

      @@nitro7726 My pleasure ❤️

    • @RihabSeb
      @RihabSeb  3 роки тому

      @@nitro7726 My pleasure!

  • @JonGuinn1
    @JonGuinn1 2 роки тому +12

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

    • @RihabSeb
      @RihabSeb  2 роки тому

      My pleasure Jon! Glad I was able to help!

  • @stockingriot5098
    @stockingriot5098 2 роки тому +2

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

  • @jrz8051
    @jrz8051 2 роки тому +1

    3rd option is awesome. Thank you!!!

    • @RihabSeb
      @RihabSeb  2 роки тому +1

      Glad you liked it!

  • @shamarr57
    @shamarr57 Рік тому +1

    this video was so helpful! Thank You!

    • @RihabSeb
      @RihabSeb  Рік тому

      My pleasure ❤️

    • @shamarr57
      @shamarr57 Рік тому +1

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

    • @RihabSeb
      @RihabSeb  Рік тому +1

      @@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

  • @asmafaghirzade4020
    @asmafaghirzade4020 2 роки тому +1

    Thank you so much! This is exactly what I needed

  • @majdal-deenal-dalaika4217
    @majdal-deenal-dalaika4217 2 роки тому +1

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

    • @RihabSeb
      @RihabSeb  2 роки тому

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

  • @andregraf3000
    @andregraf3000 2 роки тому +1

    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
      @RihabSeb  2 роки тому

      Glad it was helpful!

    • @Afekboy123
      @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?

  • @Unsent-ij6ou
    @Unsent-ij6ou 2 роки тому +1

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

  • @ashwani690
    @ashwani690 Рік тому +1

    thanks, it helped me!

  • @shivkumardharamshala
    @shivkumardharamshala 2 роки тому +1

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

    • @RihabSeb
      @RihabSeb  2 роки тому

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

  • @mradnan2699
    @mradnan2699 2 роки тому +2

    Genius, Good Work 💕💕💕

  • @armazenarium5014
    @armazenarium5014 2 роки тому +1

    Thank you!

  • @Cerenity0402
    @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

  • @perfectdd
    @perfectdd 11 місяців тому

    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?

  • @nadaghazawy7068
    @nadaghazawy7068 2 роки тому +1

    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
      @RihabSeb  2 роки тому +1

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

  • @IamSallyLo
    @IamSallyLo Рік тому +1

    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
      @RihabSeb  Рік тому

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

  • @lets1c
    @lets1c 2 роки тому +1

    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
      @RihabSeb  2 роки тому

      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

  • @Adizxon
    @Adizxon Рік тому

    i really appreciate you.

  • @carlocrighton
    @carlocrighton 19 днів тому +1

    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
      @RihabSeb  2 дні тому +1

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

  • @fedekoen5996
    @fedekoen5996 Рік тому +1

    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
      @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.

  • @isaacscheffer
    @isaacscheffer Рік тому

    Excelente vídeo, sou do Brasil

  • @macdonaldquammie4021
    @macdonaldquammie4021 3 роки тому

    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!

  • @rockettrader8497
    @rockettrader8497 3 роки тому +2

    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
      @RihabSeb  3 роки тому

      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

  • @bimladevi6614
    @bimladevi6614 2 місяці тому

    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?

  • @culbitokey
    @culbitokey 2 роки тому +1

    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
      @RihabSeb  2 роки тому

      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

  • @___camilita___
    @___camilita___ Рік тому +1

    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
      @RihabSeb  Рік тому

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

    • @RihabSeb
      @RihabSeb  Рік тому

      And thank you for the great feedback ❤️

  • @Afekboy123
    @Afekboy123 Рік тому +1

    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
      @RihabSeb  Рік тому

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

  • @gagdhillon12
    @gagdhillon12 2 роки тому +1

    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
      @RihabSeb  2 роки тому

      So I can have different size pop up per product

  • @haseebullahnaimi569
    @haseebullahnaimi569 2 роки тому

    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
      @RihabSeb  2 роки тому

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

  • @arthurtutt7651
    @arthurtutt7651 2 роки тому +1

    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
      @RihabSeb  2 роки тому +1

      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
      @arthurtutt7651 2 роки тому

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

  • @rv7811
    @rv7811 2 роки тому +1

    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
      @RihabSeb  2 роки тому +1

      Let me check this and get back to you.

    • @rv7811
      @rv7811 2 роки тому

      @@RihabSeb ok. Thank you.

  • @shrutiahuja7732
    @shrutiahuja7732 2 роки тому +1

    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 ?

  • @rehankhurram4988
    @rehankhurram4988 2 роки тому +1

    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
      @RihabSeb  2 роки тому +1

      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!

  • @hrschudasama
    @hrschudasama 2 роки тому +1

    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
      @RihabSeb  2 роки тому

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

  • @unityunderwear963
    @unityunderwear963 2 роки тому +1

    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
      @RihabSeb  2 роки тому +1

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

  • @ButterBugBoutique
    @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?

  • @shekinahb8913
    @shekinahb8913 2 роки тому +1

    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
      @RihabSeb  2 роки тому

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

  • @nadaghazawy7068
    @nadaghazawy7068 2 роки тому +2

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

    • @gummibear049
      @gummibear049 2 роки тому +1

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

    • @RihabSeb
      @RihabSeb  2 роки тому

      Hi Nada, you need to use a meta field to do that. Please make sure to check out these 2 videos :
      ua-cam.com/video/wUkvf-LnbU4/v-deo.html
      ua-cam.com/video/2fhzjuu0ayY/v-deo.html

    • @RihabSeb
      @RihabSeb  2 роки тому

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

  • @obamapaloma6429
    @obamapaloma6429 2 роки тому +1

    How did you create the shoes template please

    • @RihabSeb
      @RihabSeb  2 роки тому

      In the theme editor, you can do that. Watch this video, it will help you ua-cam.com/video/wUkvf-LnbU4/v-deo.html

  • @smyrkphace
    @smyrkphace Рік тому +1

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

    • @RihabSeb
      @RihabSeb  Рік тому

      Can you please clarify?

  • @dimazentreprise8067
    @dimazentreprise8067 3 роки тому +1

    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
      @RihabSeb  3 роки тому

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

    • @HairGirl247
      @HairGirl247 2 роки тому +2

      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
      @raymlee03 2 роки тому

      @@HairGirl247 Thanks! This was helpful.

  • @benjaminbraukmann9487
    @benjaminbraukmann9487 2 роки тому

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

  • @surbhipagaria9566
    @surbhipagaria9566 2 роки тому +1

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

    • @RihabSeb
      @RihabSeb  2 роки тому +1

      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
      @surbhipagaria9566 2 роки тому

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

  • @stevenyoung7447
    @stevenyoung7447 2 роки тому +1

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

    • @RihabSeb
      @RihabSeb  Рік тому

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

  • @iamjack05
    @iamjack05 2 роки тому +1

    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
      @RihabSeb  2 роки тому

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

    • @melissadanis1829
      @melissadanis1829 2 роки тому

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

  • @sehrishjamil8284
    @sehrishjamil8284 3 роки тому +1

    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
      @RihabSeb  3 роки тому

      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.

  • @clementeen
    @clementeen 3 роки тому

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

    • @RihabSeb
      @RihabSeb  3 роки тому

      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
      @clementeen 3 роки тому

      @@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
      @RihabSeb  3 роки тому +1

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

  • @alessandroa.a.413
    @alessandroa.a.413 2 роки тому

    thanks a lot

  • @ranjityadav9123
    @ranjityadav9123 3 роки тому

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

    • @RihabSeb
      @RihabSeb  3 роки тому

      Thank you 🤩❤️

  • @jackieel-azzi4509
    @jackieel-azzi4509 3 роки тому +1

    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
      @RihabSeb  3 роки тому

      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
      @jackieel-azzi4509 3 роки тому +1

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

    • @RihabSeb
      @RihabSeb  3 роки тому

      @@jackieel-azzi4509 My pleasure!

  • @Donceepapi
    @Donceepapi Рік тому +1

    Having a hard time using this with the impulse version 5.0

    • @RihabSeb
      @RihabSeb  Рік тому

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

    • @Donceepapi
      @Donceepapi Рік тому

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

  • @lamabra
    @lamabra 10 місяців тому

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

  • @Cakulo
    @Cakulo 8 місяців тому

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

  • @thebeestudio3459
    @thebeestudio3459 2 роки тому +1

    HOW DO I USE IT FOR HANDY THEME?

    • @RihabSeb
      @RihabSeb  2 роки тому

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

  • @shamarr57
    @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
      @RihabSeb  Рік тому

      You need to use a metafield for this. Check this video to learn how to use metafields ua-cam.com/video/2fhzjuu0ayY/v-deo.html

  • @momentsofmeditation9222
    @momentsofmeditation9222 2 роки тому

    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
      @RihabSeb  2 роки тому

      Hi, it should be under reference.

  • @bindadmin5331
    @bindadmin5331 2 роки тому

    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
      @RihabSeb  2 роки тому

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

  • @samlucas8861
    @samlucas8861 Рік тому

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

    • @RihabSeb
      @RihabSeb  Рік тому

      Create a unique product page template for this product.

  • @gagandhillon9062
    @gagandhillon9062 Рік тому +1

    I cant add in prestige theme i tried every hard way

    • @RihabSeb
      @RihabSeb  Рік тому

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

  • @mohameddoukkani9970
    @mohameddoukkani9970 3 роки тому

    keep going

  • @BowArrow
    @BowArrow 2 роки тому

    Popup block is missing in my shopify
    Please help me!

    • @RihabSeb
      @RihabSeb  2 роки тому

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

  • @RA-tw1wz
    @RA-tw1wz Рік тому

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

  • @kelpstache
    @kelpstache Рік тому

    fake

  • @swaggychocobo8136
    @swaggychocobo8136 2 роки тому +1

    helped alot tysm!