Blog posts
The Blog posts section lets you feature recent articles from your store’s blog. It’s a great way to share news, product tips, stories, or updates.
Settings
| Setting | Description |
|---|---|
| Color scheme | Select a predefined color scheme. |
| Prelude | See shared settings > Prelude. Associated settings below. |
| Blog | Choose which blog your displayed blog posts are pulled from. |
| Show featured article | Show an article as featured, displaying it larger than others and keeping it focused on screen while scrolling. Defaults to the latest article from the selected blog. |
| Custom featured article | Select a specific blog post to feature. Great for keeping the same content featured while you continue to publish new blog content. |
| Number of articles to show | Total number of articles to show on screen. The more you show the longer the featured article will remain in focus while a user scrolls. |
| Article image aspect ratio | Control the aspect ratio of the article featured image. |
| Show article tags | Display related blogs that share the same tag. |
| Show article publish date | Display when the article was published. |
| Show article author | Display the article author. |
| Show article excerpt | Show a short excerpt from the article. |
| Section spacing & border | See shared settings > Section spacing & border. Associated settings below. |
| Section animations | Animate section when scrolled into view. |
Shared settings
These settings are common to several sections and work the same way wherever they appear. Once you learn how they work in one place, you'll recognize them elsewhere.
Prelude
Use Prelude content to introduce your section. These settings allow you to add a heading, supporting text, and optional call-to-action buttons to introduce the section. Some sections may hide button settings if they aren’t relevant to the layout.
| Setting | Description |
|---|---|
| Alignment | Set the horizontal alignment of the prelude content. |
| Heading + Associated settings | Customize the section heading. Choose between your theme’s body or heading font, adjust the font size, and optionally display the text in all caps for extra emphasis. |
| Text + Associated settings | Customize the text, and size of your text to match your design. |
| Button + Associated settings | Customize the button label, add a button link, adjust the button size, and pick the button style. |
Visual example.
Spacing and border
The section Spacing & Border settings allow you to control how much vertical space line between your sections. Mix and match to find what works for you. Show a stylistic border between sections to emphasize the break between content.
| Setting | Description |
|---|---|
| Top spacing | How much spacing applies to the top of this section. |
| Bottom spacing | How much spacing applies to the bottom of this section. |
| Show bottom border | Show a stylistic border at the bottom of the section spacing |
Visual example.
