Shopify Sidekick/Theme/Sidekick: Design Team Members Grid Section
Task IntentTheme

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.

What This Sidekick Query Does

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

Prompt / Skill

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]

Expected Output

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

Tips to Improve Results

  1. 1

    Copy the prompt above

  2. 2

    Open Shopify Sidekick in your Shopify admin

  3. 3

    Paste the prompt and replace the bracketed placeholders with your details

  4. 4

    Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt icon

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.