Appearance
Sections
Sections are what you build pages from. Add them with Add section in the theme editor, drag to reorder, and hide with the eye icon rather than deleting if you might want them back.
Most sections work on any template. A few read from the page they are on — a product, a blog post — and are offered only where that makes sense. Those are marked on their own pages.
Every section has these
Almost all of them share a Background color and Padding top and Padding bottom. Leave the color blank to follow the color scheme; leave padding blank to use the theme's section spacing.
Selling products
| Section | Use it for |
|---|---|
| Best selling products | A grid from one collection |
| Tabbed products | Several collections behind tabs |
| Featured product | One product, in depth |
| Featured collections | Routes into the catalog |
| Shoppable image | Products marked on a photo |
| You may also like | Recommendations |
| Complementary products | Products that pair |
| Recently viewed | What the visitor has seen |
| Countdown sale | A promotion with an end |
Telling your story
| Section | Use it for |
|---|---|
| Hero | The opening statement |
| Mission | Who you are |
| Quality showcase | Why your products are good |
| Feature callout | A few reasons to buy here |
| Values band | Short promises in a row |
| Stats | Numbers worth knowing |
| Image with text banner | A picture and a point |
| Image grid | Several linked tiles |
| Care guide | How to look after what you sell |
Building trust
| Section | Use it for |
|---|---|
| Testimonials | Customers in their own words |
| Trusted brands | Logos of brands you carry |
| FAQ | Answers, with a search box |
| Contact | A form and your details |
| Contact map | Where to find you |
Content and extras
| Section | Use it for |
|---|---|
| Blog showcase | Recent posts |
| Related posts | More reading, on an article |
| Product tabs | Description and policies, on a product |
| Newsletter banner | The signup ask |
| Text marquee | A moving line of text |
| Custom Liquid | Your own code |
