Make Your Shopify Product Page Look PROFESSIONAL with Color Swatches, Tabs & Metafields!

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

КОМЕНТАРІ • 95

  • @637estyy2
    @637estyy2 Рік тому +6

    this channel is literally a hidden gem thank you SO much

  • @emmanuelingwani
    @emmanuelingwani 6 місяців тому +1

    This video truly made my website look a 1000 times better and more professional. Thanks a ton

  • @hiimsenpai
    @hiimsenpai 2 роки тому +5

    THIS! Wow I have been looking for and this video was so straight forward! Thank you

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

      Awesome! So glad to hear! :)

  • @convertmoreonline
    @convertmoreonline 6 місяців тому +1

    This was so easy to follow. Thank you

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

    Really a fantastic video. We need more like this thanks a lot

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

      Thank you! Any requests for what you'd like to see?

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

      @@EcomGeeks I am a permanent follower of your channel. I hope you will present a series of videos that teach me to improve the store professionally. Thanks a lot

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

    every time I put meta collapsed row why does it show up for the other products too? Is there a way to remove for the other products

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

      If you edit the default product page it will apply it to every one of your products. If you need something different for each product or certain products you would need to create a new template (it is right under where you click default template) and then edit it how you want. Once you are finished, go to products and when you scroll past the description on the right side you will see Online Store, click the dropdown and select the template you just created.

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

    Hi, thanks for the video, when i did this, it used the same dimension for all products- how do i put in dimensions for each product?

  • @heidipeevyhouse1635
    @heidipeevyhouse1635 4 місяці тому

    Do you have a video on how to add sizes to certain colors?

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

    Super straightforward and easy to understand! Great job.
    I only have two questions!
    First how can you hide the images that aren't from the selected color - example, if you select the color red, only the red product images will be visible.
    And second, in the collection color filter how do you manage to have the same result as in the product page?
    Keep with these great videos!
    Thank you!

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

      i am also curious if this is possible and how, can you explain @ecom geeks

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

      You need an app for the product variants

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

      Did anyone solve this please help

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

    Hello, how do I get the colors to appear on the main page as well. Thank you

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

    Great video! Thank you so much. Greatings from Mexico!

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

      Hello!! You are very welcome! :)

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

    Nice video!
    Hey how can I display the swatches on the catalog?

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

    Hiiii! I just came across your channel and this video was very helpful. How do I duplicate a variant? I have a Main Color variant that has 43 color options for balloons and I want to duplicate it so that the customer has the option to add up to 4 colors to their order.

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

    Very helpful! Can I format the text within the tabs? I want to add bullet points and bold certain words.

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

    How do we use variant metafields with metaobjects????

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

    Thanks for the tutorial! Can the colour swatches be used in collection page filtering under the free themes?

  • @solar-1457
    @solar-1457 Рік тому

    First, thank you for your help!
    I have a question, I use a different theme on my online store, and when I put color swatches, and when I see the preview and click in other color the color disappear, do you know why this happens?

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

    Hello :)
    super video! I still have a question about it...
    I have implemented the whole thing in my store, only unfortunately there is now no quantity selection. This is activated in the settings of the theme, but not present in the preview. What can be the reason for this?

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

    so does Globo Product Options, Variant is same with globo color swatches?

  • @ChongXuan-k6o
    @ChongXuan-k6o Рік тому

    im so grateful to you guys

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

    i need help. I am adding the color swatches to a product i have and want to have the product photo change when the color is selected

  • @eter_nall
    @eter_nall 4 місяці тому

    Can u make a tutorial on how to make exact website as yours??

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

    Hi I can not see Metafield on setting list maybe shopify moved it ?

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 8 місяців тому

    Hi, what Shopify theme do you use?

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

    Hi Ecom Geeks, Thank you so much for this tutorial. I installed it but the GLOBO variant selecting section is now below a bundle application I have. Do you know how I can adjust the location of the GLOBO app to be above the bundle app? Thank you so much.

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

    I am trying to add stars ratings to my shop, and I did not find while adding a block the option "stars ratings" . Any ideas on how to add that option or how to find it? Also, how do we add color swatches to only the pages we decide, rather than the entire shop? Thank you.

  • @NinaNina-q1n
    @NinaNina-q1n Рік тому

    I don't have the Product information option because my products are all inside a collection. How can I make the informations appear ??

  • @hermes.trismegistus7259
    @hermes.trismegistus7259 Рік тому +1

    Globo Colour Swatches is not available in the appstore?

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

      I believe they changed the name to G:Variant Image + Color Swatch
      Here it is:
      apps.shopify.com/globo-color-swatches

    • @hermes.trismegistus7259
      @hermes.trismegistus7259 Рік тому +1

      @@EcomGeeks Thanks so much you're the best!

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

      @@hermes.trismegistus7259 you are very welcome! :)

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

      @@EcomGeeks currently unavailable

  • @SirajMuhammad924
    @SirajMuhammad924 Місяць тому

    How can I offer 10 color variations in packs of 3, allowing customers to choose three colors?

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

    Can i use this method on any shopify theme?

  • @dan_tro3824
    @dan_tro3824 Рік тому +2

    Why dont I have metafields on my settings??

    • @fmfashiontrendsllc
      @fmfashiontrendsllc 6 місяців тому

      In settings you should see Custom data under notification

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

    Is this easy to do with Dawn theme? Any way you can do a tutorial on how to only have certain images of a different color variant show when you click on that color? Like if you select black, only images of black shirts show up. If you select white only images of white shirts show up. I can just add one variant color per image now in Dawn but it still shows all the other colors. I don’t know much about coding so hoping to find a simple way to do this if possible. Thanks again for this video!

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

      I am also very curious how this works and if it is possible! Would love to have an explanation @ecom geeks

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

    I need to add sizes and out of stock on the collection pages.

  • @aliomar6252
    @aliomar6252 Рік тому +2

    Great Video. Unfortunately, it looks different now so it's harder to follow these steps.

    • @EcomGeeks
      @EcomGeeks  Рік тому +4

      Thanks for letting me know! Sounds like it's time for an updated version of this video.

  • @אפקאבי
    @אפקאבי 2 роки тому

    Hi, I followed the steps and I have a problem with the app on the product page, it just shows the option 2 times, for example I run a jewelry store and in the ring size option it only shows the ring size of the label 2 times, the options 5/6/7 once as usual do you Know how to fix it?

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

    Love it!. More like this

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

      So glad to hear! I had you in mind while making the video so really glad to hear you are happy with it.

  • @user-zd3cf8fm4w
    @user-zd3cf8fm4w 8 місяців тому

    Dude this video is great can you make a video like this again ? with new ideas

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

    Is there a way so that the colors and "add to cart" does not appear on the product collections? I want the color swatches to only appear on the actual products when customers click on the product. PLease Help me out! And Thank You.

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

    hello how can i add start rating app i didnt didnt find it in app store thx

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

      Here it is: apps.shopify.com/vivareviews

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

    hey great video I just have one question when you hover over the colors it changes the photo to that color but when you actually click on the product and then click on the colors they do not change the photos could you help please

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

    Can I add pictures to the meta fields ?

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

    Thank you!

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

    How to change default text in p swatches

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

    Image on swatches: how to do it?

  • @talal.thabet
    @talal.thabet 6 місяців тому

    Thanks for sharing!

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

    Did I miss how you added the color ??

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

    Very hepful thank you

  • @vaitomarnocugames6459
    @vaitomarnocugames6459 4 місяці тому

    great content

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

    Usually, I wouldn't trust bears since the incident, but these badges are far too convincing 🧸

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

    Nice jobs you keep it so simple

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

    HUUUUge help!! Thank you.

  • @acemagnetics5531
    @acemagnetics5531 3 місяці тому

    Nice!

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

    Great video thank you

  • @m.carter9090
    @m.carter9090 2 роки тому +1

    That was very clearly presented. Thank you. I'm feeling less intimidated by Metafields now. One question though, must one go through all those steps per each product in the store? Yikes!

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

    tysm!

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

    Thanks a lot!

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

    This tutorial was so helpful and was presented very clearly! Thank you so much for your help!

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

    Really good

  • @AB-mq3lt
    @AB-mq3lt Рік тому

    color swatch not available no more ofcourse

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

    If i have alot of products do i do the changes individually or is it a way to do it in bulk? he metafield that is.

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

    Gracias excelente

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

    How to add round edges!!!!

  • @emmanuelingwani
    @emmanuelingwani 6 місяців тому

    This video truly made my website look a 1000 times better and more professional. Thanks a ton

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

    really tysm

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

    Thank You!!!