Product Cards

Component Overview

The Product Cards component is primarily used as part of our Product Listing template. It may also be used in a Page Builder section to display a list of products.

Configuration
  • Card styles
    • Card 4-up
    • Card 3-up
    • Image
  • Title
    • Left (no separator)
    • Centered (with brand separator)
Notes

Information is pulled from the Product, fields noted below:

Main photo: 'Marketing Image'

Product photo used in Image style: 'Product Image'

Title: 'Succinct Name'

Subtitle: 'Product Category'

Price: 'MSRP' pulled from PIM

Overview used on card style: 'Overview'

View Details button link: links to the PDP page for the Product

Card Style 4-Up

Card Style 3-Up

Image Style

Escape

Gas Fireplace Insert

Starting at $5,520

Supreme

Gas Fireplace Insert

Starting at $4,160

Left Aligned Title