Generate Team/Staff Section

Create a team member showcase with photos, names, roles, bios, social links, and hover card effects.

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 a team members section block:

Each member card:

  Photo (circular or square)
  Name
  Role/title
  Short bio (2-3 lines)
  Social media links (up to 4)
  Email link (optional)


Settings:

  Number of team members (up to 12)
  Photo shape (circle/square/rounded)
  Cards per row (2-4 on desktop)
  Hover effect (zoom photo/show bio/card lift)
  Background color
  Text alignment
  Social icon style


Requirements:

  Responsive grid (1-2 cards on mobile)
  Lazy loading for images
  Smooth hover transitions
  Accessible alt text for photos
  Clean, professional layout


Generate the 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-section.liquid), paste the generated code in, and save. Then open the theme editor, go to your About page, and use “Add section” to place it.

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