Show Product Variants in Separate Locations on Collection Page?

1 0 0

I am looking for an app or some way so that I can show different color variants of a product in multiple locations on a single collection page.


I want to keep the colors in one product page, but on the collection page I want to be able to show one color variant, then other products, then another color variant further down on the page. For example if I wanted to show my products in a color gradient I could show all the white variants at the top of the page and all the dark colors at the bottom with the styles mixed.


I have found an app that allows me to show all colors in a row or hide any colors that I want, but I can't find something that will let me split the variants into different places on the collection page.

Replies 2 (2)

Shopify Partner
260 19 31

@ehcp its possible with liquid coding, but it will take a lot of time.

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a


- Your Shopify Solution Specialist Get a Quote at Dev444- Chat On Whatsapp
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Shopify Staff
2332 253 516

Hey, @ehcp 


I recommend checking out the Infinite Options app for this. With their app you can display color variants of a product on the collection page. If there is anything else I can help you with, please let me know.

Dirk | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog