Shopify Variant Collection Template

I need a custom collection template for a Debut-based Shopify store that treats every color variant as its own product tile. The file must be named collection.with-variants.liquid and follow the look and feel of the existing “standard” template while matching the behaviour shown on my live example that already surfaces color variations as products.

Use the sample CSV (https://drive.google.com/file/d/10RNZktJF4AkX6UH68IVHEycTbr8BV0ky/view?usp=sharing) with the Debut theme files (https://drive.google.com/drive/folders/1o5Huwd7xOz2I37yoHtknuaJZZxnI5dxN?usp=sharing) inside a fresh trial store or your own sandbox to build and test. Reference views:
• Standard collection: https://ctrecruiting.myshopify.com/collections/standard
• Desired behaviour: https://ctrecruiting.myshopify.com/collections/show-color-variations

Functional requirements
– Each color variant appears as an individual product card.
– Sorting within the template should default to “By popularity.”
– Faceted filters must allow shoppers to narrow by color, size, and price.
– On every card surface stock availability, star-rating reviews, and price.

Deliverables
• collection.with-variants.liquid ready to upload.
• Any supporting snippets, sections, or JSON settings required by Debut.
• Short install note so I can switch a collection to the new template without touching code.

I test by importing the CSV, assigning the template to a collection, and confirming filters, ordering, and variant display all work smoothly.