Show colour variants as seperate products in collection grid

Topic summary

A user seeks to display color variants as separate items in their collection grid without duplicating products. They’re using the Shopify Savor theme.

Current Status:

  • The collection grid currently shows products with variants grouped together
  • User wants each color variant to appear as an individual product tile in the grid

Attempted Solution:

  • Another user provided CSS code to be added to theme.liquid before the </body> tag
  • This solution was rejected as it didn’t address the core requirement

Remaining Challenge:
The discussion remains unresolved. The proposed CSS modification didn’t achieve the desired outcome of separating color variants into individual grid items. A solution likely requires more complex Liquid templating or JavaScript to duplicate product cards for each variant in the collection view.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hello, Is it possible to show colour variants as seperate products in the collection grid without having to duplaicte the product.

URL: https://www.formafinalis.com/collections/ff-capsule

Password: JSFF25

Using the Shopify Savor theme. Thank you

1 Like

hey @DASCPA


follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

No sorry, I want the colour variants to show in the collection grid