Blog
The page that lists the posts of a blog, with the newest post shown large, a tag filter and post cards in three styles.
- In the editor
- Blog
- Where it goes
- Its own template – open that kind of page in the editor
- In the presets
- Index: Blog; Poster: Blog; Petal: Blog
- Settings
- 33
- App blocks
- Yes
Options
- Show heading with its own size and alignment, and an introduction Text.
- Posts per page: 3–24. Columns on desktop: 1–4.
- Show the newest post large: the latest post across the top, as a feature.
- Show tag filter: chips for the tags on your posts, so readers can filter by topic.
- Post cards: Plain, Card or Title on the image, with text alignment, heading size, image ratio and image shape (Rounded, Arch or Square).
- Show date, Show author and Show excerpt.
- Hover effect: Zoom and lift, Zoom the image, Lift the tile, Darken the image or None.
Write an excerpt for each post in the post editor in Shopify admin; without one, the first words of the post are used.
All settings
Every setting in the order of the theme editor, with its options and its default value.
Section: Blog33 settings
| Setting | Options | Default |
|---|---|---|
| Show breadcrumbs | Checkbox | On |
| Heading | ||
| Show heading | Checkbox | On |
| Heading size | Extra large · Large · Medium · Small | Large |
| Heading alignment | Left · Center | Left |
| Text | Rich text | – |
| Layout | ||
| Posts per page | 3–24 | 9 |
| Show the newest post large | Checkbox | On |
| Columns on desktop | 1–4 | 3 |
| Post cards | ||
| Card style | Plain · Card · Title on the image | Plain |
| Text alignment | Left · Center | Left |
| Heading size | Small · Medium · Large | Medium |
| Image ratio | Landscape · Wide · Square · Portrait | Landscape |
| Image shape | Rounded · Arch · Square | Rounded |
| Hover effect | ||
| Effect | Zoom and lift · Zoom the image · Lift the tile · Darken the image · None | Zoom and lift |
| Zoom | 101–112% | 105% |
| Show tag filter | Checkbox | On |
| Show date | Checkbox | On |
| Show author | Checkbox | Off |
| Show excerpt | Checkbox | On |
| Color scheme | Color scheme | Scheme 1 |
| Grid spacing | ||
| Use custom spacingOtherwise the spacing from Theme settings > Layout is used. | Checkbox | Off |
| Space between columns | 0–64px | 20px |
| Space between rows | 0–96px | 20px |
| Space between columns on mobile | 0–32px | 8px |
| Space between rows on mobile | 0–64px | 21px |
| Section spacing | ||
| Top padding | 0–160px | 80px |
| Bottom padding | 0–160px | 80px |
| Top padding on mobile | 0–120px | 56px |
| Bottom padding on mobile | 0–120px | 56px |
| 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 | – |