Edits
Two or three large cards, each a curated collection with a short description and its product count – like the edits of a magazine.
- In the editor
- Edits
- Where it goes
- Any page template, with Add section
- In the presets
- Index: Home page
- Settings
- 22
- Blocks
- Edit
- App blocks
- Yes
When to use it
Edits turn collections into recommendations: The slow morning, Desk reset, Gifts under $50. They work best with hand-picked collections of eight to twenty products.
Set it up
- Add an Edit block for each card and pick its Collection.
- Write a one-line Text for each – what makes the selection special.
- Replace the Image or Heading if the collection's own do not fit. Leave Link empty to open the collection.
Options
- Cards per row on desktop: 1 to 3. Two cards side by side is the Index look.
- Image ratio: Landscape (5:4), Wide (16:10), Square or Portrait.
- Show product count: 24 products under the title.
- Cards zoom very slowly on hover, a quiet invitation to click.
The header's Edits dropdown in the Index preset links to the same kind of collections.
All settings
Every setting in the order of the theme editor, with its options and its default value.
Section: Edits22 settings
| Setting | Options | Default |
|---|---|---|
| Heading | Rich text (one line) | Sample text |
| Text | Rich text | – |
| Heading size | Large · Medium · Small | Medium |
| Link label | Text | Sample text |
| Link | Link | – |
| Cards per row on desktop | 1–3 | 2 |
| Image ratio | Landscape (5:4) · Wide (16:10) · Square · Portrait | Landscape (5:4) |
| Show product count | Checkbox | On |
| Color scheme | Color scheme | Scheme 1 |
| Grid spacing | ||
| Use custom spacingOtherwise the section keeps its built-in spacing. | Checkbox | Off |
| Space between columns | 0–120px | 20px |
| Space between rows | 0–96px | 40px |
| Space between columns on mobile | 0–64px | 16px |
| Space between rows on mobile | 0–64px | 40px |
| Section spacing | ||
| Top padding | 0–160px | 0px |
| Bottom padding | 0–160px | 104px |
| Top padding on mobile | 0–120px | 0px |
| Bottom padding on mobile | 0–120px | 72px |
| Advanced | ||
| Hide on mobile | Checkbox | Off |
| Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| Animate on scroll | Checkbox | On |
| Anchor IDLink to this section with #anchor-id. | Text | – |
Block settings
Block: Edit5 settings
| Setting | Options | Default |
|---|---|---|
| Collection | Collection | – |
| ImageOverrides the collection image. | Image | – |
| HeadingLeave empty to use the collection title. | Text | – |
| Text | Text | – |
| LinkLeave empty to link to the collection. | Link | – |
Related
Collection listYour collections as small tiles, large cards or titles on images, in a grid or slider – the department tiles of the Index home page.Collection with imageA large photo beside a few products from one collection, with a label, heading, text and button.Promo gridA dense mosaic of promotion tiles in four sizes – collections, products, offers – each with its own colors.