How to enable product color variants as a product in collection page (Broadcast Theme)

[Jasmineau99]

Hi, does anyone know how to edit the collection code to display product color variants as separate products on the collection page? Currently, we are using separate products for each color, which makes our SKUs and listings confusing. We would greatly appreciate it if anyone could share the code with us!

Previously, we were using the Impulse theme, which allowed us to manage code from online to show the color variant option as a separate product on the collection page.

[PageFly-Theodor]

Hi @Jasmineau99 ,
This is Theodore from PageFly - Shopify Page Builder App.

Showing color variants as separate products on Shopify collections:

Don't edit collection code! Here's a better solution:

1. Use product variants with color options for each product (one product, multiple color variants).
2. Enable collection filtering by product options (color) in your collection settings.

This allows customers to see color variants as "separate products" on the collection page while maintaining a single product listing with fewer SKUs.

Best regards,
Theodore | PageFly

[Jasmineau99]

any tutorial showing how to do this with pagefly apps?

[Theodore2]

Can you follow this guide? or contact with our support.

[Jasmineau99]

this function FOC?