Feature scroll
Feature scroll keeps an image in view while visitors scroll through features; the image changes with each feature. On mobile each feature shows its own image.
How to set it up
Step 1: Add the Feature scroll section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Feature scroll and select it (1).
Step 2: Set up the layout
- Choose the Image position (1), ratio and fit, and whether to show a progress counter.
Step 3: Add features
- Add Feature blocks: an image, an icon, a subheading, heading, text and an optional highlight number with a label.
Settings reference
Feature scroll
| Image position | Options: Left, Right. |
|---|---|
| Image ratio | Options: Portrait, Square, Landscape. |
| Image fit | Use "Show whole image" for product photos on plain backgrounds. Options: Fill the frame, Show whole image. |
| Show progress counter | Turns this on or off. |
| Typography | Options: Display, Heading, Subheading. |
| Font scale | 100% is the size of this style in Theme settings > Typography. |
| Font scale on mobile | Slider. |
Feature block
| Image | An image from your files. |
|---|---|
| Icon | Options: None, Check, Star, Heart, Sparkle, Bolt, Leaf, Globe, Clock, Chat, Mail, Location, Phone, Tag, Gift, Eye, Layers, Shipping, Returns, Warranty, Protection, Refresh, Package, Cart, Headphones, Earbuds, Speaker, Waveform, Noise cancelling, Microphone, Volume, Bluetooth, Battery, USB-C, Plug, Power, Chip, Wi-Fi, Signal, Screen, Phone, Camera, Water resistance, Temperature, Gauge, Gear, Wrench, Hammer, Dimensions, Weight, Precision, Cube. |
| Custom icon | Replaces the icon. Use a square SVG or PNG. |
| Icon size | Slider. |
| Subheading | |
| Heading | |
| Text | |
| Highlight number | Optional, e.g. 40 h |
| Highlight label |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
How it works
- Use "Show whole image" for product photos on plain backgrounds.