COMPONENTS

Visual Product Card

Visual Product Card

Overview

Intended to feature a product and path users to the respective product detail page. One product per card. Entire card is clickable (no CTA).

Features

This is a Global AEM Component.

Live HTML demo available.
View Demo

Features

  • Headline (product name) and small copy block 
  • Product category tagline running horizontally on top of the first card (cards typically appear in groups)

Variations

  • Two size variations for desktop and Tablet viewport – card width can be 50% or 33% width ( 2 columns or 3 columns layout). In the mobile viewport, the cards stack below one another.
  • The card can have Gradient background or Gray color.
  • Image or Icon Variation.
  • Sub Copy is optional.