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

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024

Комментарии • 137

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

  • @ashwani690
    @ashwani690 Год назад +1

    thanks, it helped me!

  • @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  Год назад

      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?

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

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

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

  • @asmafaghirzade4020
    @asmafaghirzade4020 2 года назад +1

    Thank you so much! This is exactly what I needed

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

  • @Unsent-ij6ou
    @Unsent-ij6ou 2 года назад +1

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

  • @Adizxon
    @Adizxon 11 месяцев назад

    i really appreciate you.

  • @mradnan2699
    @mradnan2699 2 года назад +2

    Genius, Good Work 💕💕💕

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

  • @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 :
      ruclips.net/video/wUkvf-LnbU4/видео.html
      ruclips.net/video/2fhzjuu0ayY/видео.html

    • @RihabSeb
      @RihabSeb  2 года назад

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

  • @perfectdd
    @perfectdd 10 месяцев назад

    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?

  • @armazenarium5014
    @armazenarium5014 2 года назад +1

    Thank you!

  • @macdonaldquammie4021
    @macdonaldquammie4021 2 года назад

    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!

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

  • @lets1c
    @lets1c Год назад +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  Год назад

      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

  • @isaacscheffer
    @isaacscheffer Год назад

    Excelente vídeo, sou do Brasil

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

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

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

  • @rockettrader8497
    @rockettrader8497 2 года назад +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  2 года назад

      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

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

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

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

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

  • @stevenyoung7447
    @stevenyoung7447 Год назад +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.

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

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

  • @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  Год назад

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

    • @melissadanis1829
      @melissadanis1829 Год назад

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

  • @lamabra
    @lamabra 9 месяцев назад

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

  • @sehrishjamil8284
    @sehrishjamil8284 2 года назад +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  2 года назад

      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.

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

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

  • @smyrkphace
    @smyrkphace Год назад +1

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

    • @RihabSeb
      @RihabSeb  Год назад

      Can you please clarify?

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

  • @CAKULO
    @CAKULO 7 месяцев назад

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

  • @ranjityadav9123
    @ranjityadav9123 3 года назад

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

    • @RihabSeb
      @RihabSeb  3 года назад

      Thank you 🤩❤️

  • @alessandroa.a.413
    @alessandroa.a.413 2 года назад

    thanks a lot

    • @RihabSeb
      @RihabSeb  2 года назад

      My pleasure 😍

  • @___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 ❤️

  • @benjaminbraukmann9487
    @benjaminbraukmann9487 2 года назад

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

  • @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 ruclips.net/video/wUkvf-LnbU4/видео.html

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

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

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

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

  • @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 ruclips.net/video/2fhzjuu0ayY/видео.html

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

  • @thebeestudio3459
    @thebeestudio3459 Год назад +1

    HOW DO I USE IT FOR HANDY THEME?

    • @RihabSeb
      @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!

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

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

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

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

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

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

  • @mohameddoukkani9970
    @mohameddoukkani9970 3 года назад

    keep going

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

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