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

[@emmanuelingwani]

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

[@637estyy2]

this channel is literally a hidden gem thank you SO much

[@EcomGeeks]

Thank YOU so much!

[@hiimsenpai]

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

[@EcomGeeks]

Awesome! So glad to hear! :)

[@convertmoreonline]

This was so easy to follow. Thank you

[@Rwae3aalameia]

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

[@EcomGeeks]

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

[@Rwae3aalameia]

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

[@berzerkstrength]

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

[@EcomGeeks]

Hello!! You are very welcome! :)

[@azuolas5673]

Thank you!

[@EcomGeeks]

You are very welcome!

[@ChongXuan-k6o]

im so grateful to you guys

[@heidipeevyhouse1635]

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

[@aliomar6252]

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

[@EcomGeeks]

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

[@NetanelColish]

really tysm

[@EcomGeeks]

Hey, no problem! :)

[@user-zd3cf8fm4w]

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

[@SparaPengar]

Love it!. More like this

[@EcomGeeks]

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

[@dummydesign9609]

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]

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

[@alexbean582]

You need an app for the product variants

[@rishabhp1762]

Did anyone solve this please help

[@eter_nall]

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

[@vaitomarnocugames6459]

great content

[@talal.thabet]

Thanks for sharing!

[@acemagnetics5531]

Nice!

[@mypetdroid7807]

Very hepful thank you

[@EcomGeeks]

You are very welcome!

[@traplordso985]

Nice jobs you keep it so simple

[@EcomGeeks]

Thank you! :)

[@crownedhairgh]

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?

[@pcomarketing334]

Thanks a lot!

[@EcomGeeks]

Hey! No problem :)

[@DerlyneG]

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.

[@franklinfoster1029]

HUUUUge help!! Thank you.

[@vnosike]

Great video thank you

[@waffwlwolf7958]

Really good

[@EcomGeeks]

Thank you!

[@HaseebAdnan0]

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

[@sydneykozdrowski8968]

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

[@mrsbrooks37]

Not for the Dawn one

[@mrsbrooks37]

Hi, I apologize, it does work for Dawn

[@fadda90]

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

[@danielmarin3518]

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

[@HaifengZhu-pn3uq]

Hi, what Shopify theme do you use?

[@mayumayito]

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

[@dan_tro3824]

Why dont I have metafields on my settings??

[@fmfashiontrendsllc]

In settings you should see Custom data under notification

[@SirajMuhammad924]

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

[@debbiewatermelon]

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

[@tijopajakagu9604]

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?

[@ud4034]

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]

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

[@homeimaya]

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

[@motivationwithalii]

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]

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.

[@josephjose341]

How to change default text in p swatches

[@m.carter9090]

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!

[@CleanCanvas]

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

[@EcomGeeks]

🤦‍♀🤣

[@karizmah_utub]

Image on swatches: how to do it?

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

[@decorcare]

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

[@kymberly2460]

Did I miss how you added the color ??

[@lashanymyers4011]

Can i use this method on any shopify theme?

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

[@ArsyaUtomo]

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

[@petroyalty5236]

Gracias excelente

[@EcomGeeks]

You are very welcome!

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

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

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

[@hermes.trismegistus7259]

Globo Colour Swatches is not available in the appstore?

[@EcomGeeks]

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

[@hermes.trismegistus7259]

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

[@EcomGeeks]

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

[@ArsyaUtomo]

@@EcomGeeks currently unavailable

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

[@hkoranteng]

Can I add pictures to the meta fields ?

[@maelamrani]

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

[@EcomGeeks]

Here it is: apps.shopify.com/vivareviews

[@AB-mq3lt]

color swatch not available no more ofcourse

[@אפקאבי]

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?

[@Tyy___]

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

[@Tyy___]

@ecomgeeks

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

[@prytaxxx]

How to add round edges!!!!

[@emmanuelingwani]

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

[@NetanelColish]

tysm!

[@DistantFlow]

Thank You!!!

[@EcomGeeks]

You are very welcome!