A center product or image ringed by callouts that turn as the customer scrolls, great for benefits around a hero product.
On desktop, the callout cards sit on a wide ring around the center content and turn gently as the section scrolls into view, settling once it arrives. Each card stays upright throughout. On mobile the ring becomes a swipeable row below the center. The motion follows the theme's Motion setting and always respects a visitor's reduced-motion browser preference; with motion off, the ring simply renders in its resting position.
Center
- Image - the product shot or visual at the middle of the ring.
- Heading, Heading tag, and Text
- Button label and Link
Styling
- Color scheme
- Content style - applies to the callout cards: Standard, Filled (with its own color scheme), or Outlined.
This section also uses the standard Framing text settings and Advanced styling overrides described in Theme settings. Advanced styling also includes a Scroll-settle rotation override to switch the ring's scroll motion off for just this section.
Blocks
Add up to 8 Callout blocks, spaced evenly around the ring. With more than 6, the cards scale down rather than crowd the ring. Each callout has:
- Icon - choose from the theme's icon library, or Custom to upload your own image or paste SVG code.
- Text
- Link - optional; makes the whole callout clickable.