A versatile product media block that renders product images or videos with extensive customization options. Features include hover effects with secondary media, aspect ratio control, flexible padding and spacing, comprehensive color schemes, and responsive visibility settings. The block automatically detects and handles both image and video media types from the product's media collection.
Common use cases
Display product images on product pages and product cards
Show product videos with autoplay and loop functionality
Enable hover effects to show secondary product images
Control aspect ratios for consistent product image display
Use object-fit settings to control how images fill their containers
Configure appropriate padding based on the block's container context
Block settings
General
Setting
Description
Options
Show advanced settings
Reveals visibility settings
Checkbox (default: false)
Content
Setting
Description
Options
Product
Select the product to display media for
Product picker
Show second image on hover
Displays the second product image when hovering over the first
