Describe the enhancement you'd like
The goal is to implement visual color swatches directly on the product cards in the collection grid to increase discoverability.
Visual Swatches: Display small circular color indicators for each available variant under the product info.
Smart Overflow: Limit the display to a maximum of 4 swatches. If more exist, show a numerical label (e.g., "+2") to indicate additional options.
Improved UX: This allows customers to see the full color range at a glance without needing to enter the product page, reducing friction and improving click-through rates.
Theme Integration: A native setting within the Dawn theme customizer to toggle this feature on/off.
Describe alternatives you've considered
I have already successfully implemented this feature by customizing the Liquid code in my local version of Dawn. This experience shows that:
Low Implementation Barrier: The modification is straightforward to implement within the existing Dawn architecture (specifically in the product-card snippets).
Proof of Concept: The feature works seamlessly without compromising site performance or layout stability, proving it is a viable addition.
Why it should be default: While manual customization is possible, this is such a fundamental requirement for modern e-commerce that it should be a native, toggleable setting. Providing it as a default feature would save thousands of merchants from needing custom code or heavy third-party apps for basic visual functionality.
Additional context/screenshots
Describe the enhancement you'd like
The goal is to implement visual color swatches directly on the product cards in the collection grid to increase discoverability.
Visual Swatches: Display small circular color indicators for each available variant under the product info.
Smart Overflow: Limit the display to a maximum of 4 swatches. If more exist, show a numerical label (e.g., "+2") to indicate additional options.
Improved UX: This allows customers to see the full color range at a glance without needing to enter the product page, reducing friction and improving click-through rates.
Theme Integration: A native setting within the Dawn theme customizer to toggle this feature on/off.
Describe alternatives you've considered
I have already successfully implemented this feature by customizing the Liquid code in my local version of Dawn. This experience shows that:
Low Implementation Barrier: The modification is straightforward to implement within the existing Dawn architecture (specifically in the product-card snippets).
Proof of Concept: The feature works seamlessly without compromising site performance or layout stability, proving it is a viable addition.
Why it should be default: While manual customization is possible, this is such a fundamental requirement for modern e-commerce that it should be a native, toggleable setting. Providing it as a default feature would save thousands of merchants from needing custom code or heavy third-party apps for basic visual functionality.
Additional context/screenshots