I am currently using the Supply theme but i have been advised to update to a newer theme. my site sells wool and some products can have over 30 colour variants. I am struggling to find a theme that will allow me to do the following:
When a customer selects a color thumbnail I want that selection to be reflected in the variant dropdown. At the moment, selecting a variant from the dropdown changes the thumbnail but not the other way round.
I want the main product image to be the first image on the product page. Im hoping that this can be achieved by having the variant dropdown have the first option saying āselect a colourā. At the moment the first variant is always in the dropdown which then causes the thumbnail to show that image. (This may also help prevent customers from putting the wrong colour in their basket by mistake).
Can anyone suggest a theme that will do this or have any workarounds to achieve this?
No, sorry, I donāt want the variant image in the dropdown. I just want the variant selected in the dropdown to change depending on which colour thumbnail is clicked on and for the first main product image to always be the main product and not whatever the first variant is in the dropdown.
Thanks for the offer, but I havenāt decided which theme to use yet. I was hoping to find one that would do what I wanted without the need for extra coding as it seems like what Iām after is a fairly basic thing to be able to do.
If you are using a free theme, it only comes with basic features. For what you want, some customization will be needed. Now it depends on your preference.
Kindly feel free to get back to me if you need any further assistance. If helpful, please like and accept the solution.
I would have thought that what I need was a pretty basic requirement that would be in every theme to be honest. Shopify say that the platform now allows you to customize your store without the need for any coding. Iām considering all themes at the momentā¦ paid and free.
Looks like youāre trying to make your product page more user-friendly, especially with the color selection and dropdown setup. You can absolutely achieve most of that with Easify Product Options (no coding needed). It lets you create color options using image swatches, set the first dropdown option to say āSelect a colorā instead of preselecting one, and control which image shows first on the product page.
The only thing thatās not supported yet is syncing the color thumbnail selection back to the variant dropdown. If that thumbnail-to-dropdown sync is something you really want, you can also reach out to Easifyās support team, the devs might be able to help with a custom tweak.
So you might want to give this app a try ā hereās a quick demo and app setup I created for you:
I hope the information above helps you solve your problem. Should you need any additional support, please feel free to contact the Easify team at any time ā weāre always ready to assist you.
