Sidekick: Build Blog Post Grid Section

Use Shopify Sidekick to add a blog post grid section to any page, displaying recent or featured articles in a visually appealing layout.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the Liquid, CSS, and schema for a blog post grid section that I can paste into my theme as a custom section on [PAGE NAME, e.g., homepage/landing page/about page]:

Section Heading: [e.g., “From Our Blog” or “Latest Stories”]
Subheading: [OPTIONAL, e.g., “Tips, guides, and news from our team”]

Content Source:

  Blog to pull from: [BLOG NAME/HANDLE, e.g., “News” or “Journal”]
  Number of posts to display: [3/4/6]
  Selection method: [most recent/manually selected/tagged with [TAG NAME]]


Card Display Elements (per post):

  Featured image: [yes/no]
  Image aspect ratio: [16:9/4:3/1:1/original]
  Post title: [yes – always]
  Excerpt: [yes/no] – Max length: [WORD COUNT, e.g., 25 words]
  Author name: [yes/no]
  Publication date: [yes/no]
  Read more link text: [e.g., “Read More” or “Continue Reading”]
  Tags/categories: [show/hide]


Grid Layout:

  Columns: [2/3/4]
  Card style: [minimal/bordered/shadow/image overlay]
  Gap between cards: [tight/standard/spacious]


Design Preferences:

  Background color: [COLOR or “match theme”]
  Title font size: [small/medium/large]
  Hover effect on cards: [shadow lift/image zoom/underline title/none]
  “View All Posts” button at bottom: [yes/no]
  Button text: [e.g., “Visit Our Blog”]
  Button link: [BLOG URL]


Responsive Layout:

  Mobile columns: [1/2]
  On mobile, hide: [excerpt/date/author/nothing]


Where to paste this: Tell me which section file to save this as and walk me through adding it to the page via the Shopify theme editor.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions