Zest Theme
Theme Sections

Blog posts

2 min read
image

Display a grid of recent articles from your Shopify blog to keep customers engaged, boost SEO, and drive traffic to product or collection pages.

How to add Blog posts section to your Shopify store

Steps

  1. In the theme editor (Customize), click Add section
  2. Select Blog posts
  3. Make necessary changes
  4. Save.

How to edit Blog posts section

Section header

Add a heading, subheading and description that appears on top of the blog posts.

💡 Add emphasis to the heading using Highlight text

Blog

Choose which block to pull posts from.

To know more about how to add a blog to your online store, see Blogs.
image

Article card

SettingDescription
Image ratioAdjust image crop style: Adapt to image, Square, etc.
Heading sizeAdjust font size for article titles.
Show dateToggle display of published date.
Show excerptsShow a short summary (from the blog’s excerpt field).
Show "Read more" buttonToggle visibility of read more link.
image image

View all button

Use this to link users to your full blog archive.

SettingDescription
Button labelOptional text. Leave blank to hide the button.
Button styleChoose from primary/secondary/white/underline button designs.
image

Grid settings

SettingDescription
Post to showSet the number of articles to display (up to 12).
Number of columns on desktopChoose how many columns to display (2-6).
Column gap / Row gapAdjust spacing between posts.
SettingDescription
Enable carousel on desktopTurn your blog posts into a sliding carousel (The number of posts must larger than the number of columns).
Show paginationDisplay dots indicating slide progress.
Show navigationShow arrows for manual navigation.

Mobile layout

SettingDescription
Enable swipe on mobileEnable horizontal swipe on phones.
image
Number of columns on mobileChoose between 1 or 2 columns.

image
Show excerptsToggle excerpt display on smaller screens.
Last updated