Feature Card
Desktop view
Desktop view
Mobile view
Mobile view
Feature Card Lightbox
Desktop view
Desktop view
Mobile view
Mobile view
How it works
How it works
The Feature Card component allows to display a group of interactive cards in a carousel view that provides users with the detailed information about a product. The product details are being shown in a lightbox view upon clicking on one of the cards in the carousel. Swiping between light boxes is possible.
How to use it
How to use it
The Feature Card is a top level component to be configured inside the Feature Card Container.
Carousel view has three image layout options:
- full width
- block
- frame
Lightbox view:
- image fill
- fit options
Lightbox contains the following content elements:
- Image
- Caption
- Title
- Description (rich text)
- CTA
There is analytics tracking in place that allows to track:
- The number of times lightbox is viewed with a feature card.
- The number of times a feature card item is viewed within the lightbox.
- The position of the feature card item within the lightbox.
- The details of the CTA and the number of times it is clicked from the feature card item.
Reference for publisher
Card image
Card image
Feature card container
Feature card container
Feature card window
Feature card window
Carousel image set up
Carousel image set up
Styles
Styles
