Accessibility Skip to content

Mosaic

Overview

This component creates a mosaic with rollover effects based off a PDP of your choosing.  Mouse over the lifestyle and CTA areas to see the effect. 

product

Product Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis ac velit non ultrices. Cras ullamcorper lacinia mi, eget elementum leo maximus eu. Integer posuere egestas erat tincidunt faucibus. Maecenas volutpat dignissim ex ornare consectetur. Etiam quis ligula sed nulla scelerisque ultrices. In in dolor leo.

Lifestyle Topic

Lifestyle Title Line 1

Lifestyle Title Line 2
Lifestyle Description
Navigate
CTA Feature Topic

CTA Feature Title

Learn More
Blackwire 8225 - Product Photography

Keep conversations in sync anywhere

Announcing the new line of Poly USB/Bluetooth smart speakerphones.
Learn More
Video Bars

Studio X30 Radical simplicity. Brilliant performance.

Headsets

Blackwire 5220

All-day comfort, great sound, and seamless connections. Long days of calls just got better.

Learn More
Blackwire 5220

Guidelines

Use When

  •  

Content

  • For Product Feature: Product page path required
  • For Lifestyle Feature: Lifestyle image and Topic details
  • For CTA Feature: Foreground Image and CTA Topic details

Additional Notes

  •  

Authoring

Component

Mosiac is divided into 3 parts:

  • Product Feature (Left-hand Side Section): Add product reference path. It will pull product name, image, and a short description 
  • LifeStyle Feature (top Right Side section):
    • Add lifestyle image
    • Add Lifestyle topic details
  • CTA Feature (Bottom Right Side Section):
    • Add CTA Foreground image
    • Add CTA Feature Details 

Do not

  •  

author dialog box