Sidekick: Design Team Members Grid Section

Use Shopify Sidekick to create a team members grid section showcasing your staff with photos, roles, and short bios.

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

Design a team members grid section for my Shopify store theme:

Section Heading: [e.g., “Meet Our Team” or custom heading]
Subheading: [OPTIONAL SUBHEADING, e.g., “The people behind the brand”]

Team Members to Display:


  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES ABOUT THEIR BACKGROUND OR ROLE]
Photo: [UPLOAD OR DESCRIBE]
Social links: [LINKEDIN URL, INSTAGRAM URL, or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  
  
    Name: [FULL NAME]
Role: [JOB TITLE]
Bio: [1-2 SENTENCES]
Photo: [UPLOAD OR DESCRIBE]
Social links: [URLS or “none”]
  


(Add more team members as needed following the same format.)

Grid Layout:

  Columns per row: [2/3/4]
  Card style: [minimal/bordered/shadow/overlay on hover]
  Photo shape: [circle/square/rounded square]
  Photo aspect ratio: [1:1 square/3:4 portrait]
  Show social icons: [yes/no]


Design Preferences:

  Background color: [COLOR OR “match theme”]
  Text alignment: [centered/left-aligned]
  Hover effect: [show bio on hover/subtle zoom/none]
  Name font weight: [bold/semi-bold]
  Role text color: [muted gray/accent color/theme default]


Responsive Behavior:

  On mobile, display [1/2] columns
  Bios should [always show/only show on tap on mobile]


Generate the complete Liquid, CSS, and JavaScript for this as a custom section I can paste into my own theme.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Sections (e.g. sections/team-members-grid.liquid), paste the generated code in, and save. Then open the theme editor and use “Add section” to place the team grid on your About page (or any page you choose).

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