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

Jasmineau99
New Member
6 0 0

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.

Replies 4 (4)

PageFly-Theodor
Shopify Partner
652 81 95


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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Jasmineau99
New Member
6 0 0

any tutorial showing how to do this with pagefly apps?

Theodore2
Shopify Partner
5 0 0

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

JETIX · PageFly Page Builder · Shopify 2024-06-17 14-43-39.png

Jasmineau99
New Member
6 0 0

this function FOC?