Showing colour variants as separate products on collection page

monsterbastard
Tourist
7 0 2

Hi there,

we are a clothing online store.

Each product we sell on our website, it comes with multiple colour options within each style.

Right now, it is only showing one colour variant on the collection page

What we are trying to work out is how we can show all colour variants on a collection page, but once click onto its product page, it will still show all the variants and allow customer to select other colours.

We can only seem to do this if we treat each sku as a single product. This however removes a users ability to select alternative colours once they are on a product page.

Example website: https://www.to-products.com/collections/bolsos-stk

We are not using the theme provided by Shopify

Wondering if there's any code we could add onto our page to edit it?
or if we could still get help for this?

Much appreciated!

Replies 8 (8)

Nancy_Drake
Shopify Partner
176 9 19

Hello @monsterbastard 

You can try Ultimate Filter & Search to display variants as separate products on Collection, Search results and Instant search. Demo store: https://usf-horizontal.myshopify.com/collections/shirts

AI Search & Product Filter | SB - Check out our Shopify search and filter app to drive more sales
monsterbastard
Tourist
7 0 2

Is it an app in Shopify app store?
If it is, could you please share the link of the app since I couldn't find the app.
Thanks a lot

Nancy_Drake
Shopify Partner
176 9 19

This is the app link https://apps.shopify.com/ultimate-search-and-filter-1  You can duplicate the live theme and set up the app into the copied one.

AI Search & Product Filter | SB - Check out our Shopify search and filter app to drive more sales
monsterbastard
Tourist
7 0 2

Thank you

 

monsterbastard
Tourist
7 0 2

this app is way too expensive

Singolare
Visitor
1 0 0

Dear @monsterbastard I have the same problem... did you find an app?

Thanks!

monsterbastard
Tourist
7 0 2

@Singolare @I found the apps. But they are ridiculous expensive

Decided to pay expert to edit the code for me.  Way cheaper than using app

NYCK
Excursionist
45 1 2

Hi 

i am looking to do the same thing 

can you recommend a developer that edit the code for you ? or if you don't mind sharing the code