4-Column Product w/ Carousel

Layout Variant: C006

Content Type: Collection


Teaser Title

Teaser Text

Pictures and Media

Items

CTAs

C006 Collection

Yes

No

No

Yes

No

Added
Teaser(s)

Yes

Optional

Yes

--

--


Aspect Ratio: 

  • Image from the teased items: 1:1

Expected Use:

This is a four-column carousel that is manily used to feature related or similar products. Each of the four product boxes in the grid contains only a photo and the name of the product, which links to the corresponding page for that product. The entire area is click-able. Note: Teaser text is not used for the Product Items in this component.

Building the Component:

The only field that requires text in the collection is the Teaser Title. This appears at the top left of the component. You will need to set the Layout Variant to C006.

On the Content Tab, add the Teaser that will appear atop the four columns of the C006 Components on the Items List. There is no limit to the number of items, ideally, the carousel will contain 4 to 12 items. All items are expected to be "Product Teasers" i.e. links to PDPs. Each Item links to a specific Product Details Page. 

Creating the Teasers:

In the primary use case for products, you will use a Product Teaser in the Items List of the C006. 

  • Product - Add the product from the catalog.
  • Teaser Title - This is inherited from the Title in the Product Catalog. You have the option to overrwrite the Product Title in the Teaser Title.
  • Teaser Text - This is not used in the Product Teaser
  • Pictures and Other Media - This includes the image shown on the Featured Product. 
  • CTA Label and Call-to-Action Button - The Product is the CTA, there is no specific CTA or text needed to be set for this.

Alternately you can use a Teaser and tease a variety of content including a product. In this case you can also use the Teaser Text for additional detail.

  • Teaser Target - This is your CTA.
  • Teaser Title - The main headline of your Featured Products. 
  • Teaser Text - The body copy of your component. 
  • Pictures and Other Media - This includes the image shown on the Featured Product. 
  • CTA Label and Call-to-Action Button - The Teaser Target is the CTA, there is no specific CTA or text needed to be set for this.
Please enable JavaScript to use this website.