Generate Instagram Feed Section

Create an Instagram-style photo grid section with hover overlays, links, and a follow CTA — using manually uploaded images (no API needed).

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

Create an Instagram-style feed section block:

Features:

  Grid of square images (Instagram style)
  Hover overlay with heart icon and caption
  Click to open link (Instagram post or product page)
  “Follow us on Instagram” CTA below


Settings:

  Images (up to 8, manually uploaded)
  Caption for each image
  Link for each image
  Instagram handle
  Grid columns (3-4 on desktop, 2 on mobile)
  Gap between images
  Hover overlay color
  Section heading
  Show follow button toggle


Requirements:

  No Instagram API needed (manual image upload)
  Responsive grid
  Lazy loading
  Smooth hover transitions
  Square aspect ratio maintained
  Clean, modern look


Please generate the Liquid, CSS, and JavaScript for this Instagram-style feed as code I can paste into my own theme myself.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Sections (e.g. sections/instagram-feed.liquid), and paste the generated code in. Save, then open the theme editor and use “Add section” to place it on the page.

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