Features
Features shows columns of benefits: an icon or image, a title, text and a link. Choose a plain, ruled, card or centered style, and how they behave on mobile.
How to set it up
Step 1: Add the Features section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Features and select it (1).
Step 2: Set the style
- Pick a Style (1), an Icon style and position, the Columns, and the Mobile layout: a grid, part of the next item, or one at a time with dots.
Step 3: Add columns
- Add Column blocks: an icon (or a custom icon, or an image), a title, text and a link.
Settings reference
Features
| Columns | |
|---|---|
| Style | Options: Plain, Ruled, Cards, Centered. |
| Icon style | Options: Plain, Circle, Circle, highlight color, Square, Square, highlight color. |
| Icon position | Options: Above the title, Beside the title. |
| Icon position on mobile | Options: Same as desktop, Above the title, Beside the title. |
| Show numbers | Turns this on or off. |
| Columns | Slider. |
| Mobile columns | Options: 1, 2. |
| Mobile layout | Options: Grid, Show part of the next item, One at a time, with dots. |
| Show progress line | Turns this on or off. |
Column block
| 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. |
| Image | Shows a picture above the text instead of the icon. |
| Title | |
| Text | |
| Link label | |
| Link | Where the link goes. |
| Alignment | Options: Section default, Left, Center, Right. |
| Mobile alignment | Options: Section default, Left, Center, Right. |
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.