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


Progress value is 30%

Product Card v2

A selection of product information used as a teaser for further content.

Copy: 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. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

The Product Card v2 component is a card containing essential product information, used as a teaser for the user.

In the --set-img-ratio variation, the image size is set using the .media-wrapper utility class of the framework.

🌅 Demo images:

✅ Project duplicated

✅ Project created

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