Your internet browser isn't supported.

For security reasons, we no longer support Internet Explorer. Please upgrade to an alternate browser to see all functionality and content on the website.

Home  >  Design Guide  >  Product Card Variations

PRODUCT CARD VARIATIONS

The Product Card component displays an image, product title, and short description, with data synced from STEP. Each card links to its product page. Content cannot be edited directly within the component. Carousel is automatically enabled after 4 products are added. 

Optional "See More" Authorable Link

4 Products Only

3 Products Only

Base Alternative Background

Muted

Muted Alternative

Contrasted

Contrasted Alternative

Colored

Colored Alternative

Colored Linear Gradient

Colored Linear Gradient Alternative