🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Product Color Feature

A section displaying the color variations of a product.

View Demo


All components are based on CodyFrame.

If you're using this component, you should also include the SCSS/JS of the following components:

This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.

How to

The Product Color Feature component is used to display color variations of a product. It includes a slideshow and a product description.

For the slideshow to work properly, you can either use images with the same size/ratio (like we do in the demo), set a fixed --slideshow-height, or use one of the slideshow--ratio-{ratio} variations.

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.