A selection of product information used as teasers for further content.
All components are built upon the CodyHouse Framework.
This component includes variations. All variations share the same SCSS/JS code. They only differ in the HTML part.
The Product Card component is used to display essential product information, used to provide the user with enough details to decide whether to learn more about the product.
By default, the image size is not set in CSS, but it adapts according to the image dimensions. If you want all your images to have the same size, you can set a fixed ratio using the
.media-wrapper utility class (check the --set-img-ratio demo). This class also prevents the content jump caused by the browser loading the image (the class is defined in the base/_util.scss file of the framework).
Bug Report & Feedback
Get in touch: suggest a component or report a bug.