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

[@hiimsenpai]

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

[@EcomGeeks]

Awesome! So glad to hear! :)

[@637estyy2]

this channel is literally a hidden gem thank you SO much

[@EcomGeeks]

Thank YOU so much!

[@krikorartinian1400]

On mine, the metafield comes either a cross,how do you get the small drop down arrow?

[@krikorartinian1400]

Comes with a cross*

[@krikorartinian1400]

Also the sides that you have, I need mine to be circle, and as yours it shows the same square, I can’t make it a circle

[@emmanuelingwani]

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

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

[@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! :)

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

[@heidipeevyhouse1635]

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

[@danielmarin3518]

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

[@dan_tro3824]

Why dont I have metafields on my settings??

[@fmfashiontrendsllc]

In settings you should see Custom data under notification

[@HaseebAdnan0]

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

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

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

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

[@debbiewatermelon]

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

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

[@ChongXuan-k6o]

im so grateful to you guys

[@decorcare]

Hi I can not see Metafield on setting list maybe shopify moved 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.

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

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

[@DailyRap]

@ecomgeeks

[@ArsyaUtomo]

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

[@אפקאבי]

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?

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

[@SirajMuhammad924]

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

[@HaifengZhu-pn3uq]

Hi, what Shopify theme do you use?

[@user-zd3cf8fm4w]

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

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

[@eter_nall]

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

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

[@josephjose341]

How to change default text in p swatches

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

[@mayumayito]

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

[@homeimaya]

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

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

[@lashanymyers4011]

Can i use this method on any shopify theme?

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

[@karizmah_utub]

Image on swatches: how to do it?

[@fadda90]

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

[@hkoranteng]

Can I add pictures to the meta fields ?

[@kymberly2460]

Did I miss how you added the color ??

[@mypetdroid7807]

Very hepful thank you

[@EcomGeeks]

You are very welcome!

[@vaitomarnocugames6459]

great content

[@talal.thabet]

Thanks for sharing!

[@traplordso985]

Nice jobs you keep it so simple

[@EcomGeeks]

Thank you! :)

[@evonar]

How to add round edges!!!!

[@franklinfoster1029]

HUUUUge help!! Thank you.

[@acemagnetics5531]

Nice!

[@pcomarketing334]

Thanks a lot!

[@EcomGeeks]

Hey! No problem :)

[@NetanelColish]

tysm!

[@vnosike]

Great video thank you

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

[@waffwlwolf7958]

Really good

[@EcomGeeks]

Thank you!

[@Noshortcomm]

color swatch not available no more ofcourse

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

[@CleanCanvas]

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

[@EcomGeeks]

🤦‍♀🤣

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

[@petroyalty5236]

Gracias excelente

[@EcomGeeks]

You are very welcome!

[@emmanuelingwani]

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

[@azuolas5673]

Thank you!

[@EcomGeeks]

You are very welcome!

[@NetanelColish]

really tysm

[@EcomGeeks]

Hey, no problem! :)

[@DistantFlow]

Thank You!!!

[@EcomGeeks]

You are very welcome!

[@lizafranceschi]

Thank you!!