Product v2

Product info section with CTA.

Dependencies

• Breadcrumbs
• Button Group
• Color Swatches
• Tabs
• Swipe Content
• Slideshow
• Thumbnail Slideshow
• Image Magnifier

How to

The Product v2 component is a product section template used to display the product preview image (in a slideshow), product information, and a CTA for starting the purchase process.

Color Swatches #

To connect a color swatch to a specific slideshow item, add, to the slide item, id="item-{value}", where {value} is the color swatch <option> value.

🌅 Demo images:

• Photo by Mirella Chinen on Unsplash
• Photo by Heber Galindo on Unsplash
• Photo by Mohammad Faruque on Unsplash

Categories

• Ecommerce > Templates

Bug report & feedback

Component Github page ↗