Generate Partner Logos Section

Create a partner and collaborator logos section with categorized display, hover descriptions, and linked partnership pages.

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 JavaScript for a partner logos display section that I can paste into my theme as a custom section, with these specifications:

Logo Item Content:

  Partner company logo image
  Partner name (alt text and optional visible label)
  Partner category: [technology/retail/shipping/manufacturing/other]
  Brief partnership description (shown on hover or click)
  Link to partner page or external site: [PARTNER_URL]
  Partnership tier/level badge (optional): [gold/silver/bronze/premier]


Display Options:

  All partners in one row/grid
  Grouped by category with category headings
  Tiered display (premium partners larger/first)
  Alphabetical sorting option


Layout Options:

  Grid: [4/5/6] logos per row
  Scrolling marquee (single or double row)
  Logo size: uniform height [HEIGHT]px
  Gap between logos: [GAP]px
  Alignment: [center/left/space-between]


Design Settings:

  Background color: [BACKGROUND_COLOR]
  Logo treatment: [full-color/grayscale/grayscale-hover-color]
  Logo opacity: [OPACITY]% default, 100% on hover
  Section heading: [SECTION_HEADING]
  Optional section description paragraph
  Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  Border or card background per logo: [none/subtle-border/card]


Requirements:

  External links open in new tab with noopener
  Responsive: fewer logos per row on smaller screens
  Lazy loading for all logo images
  Accessible link text (partner name)
  Support for at least [NUMBER] partner logos
  No layout shift during load


Where to add this: In Shopify admin, go to Online Store > Themes > Edit code, create a new section file at sections/partner-logos.liquid, and paste the generated Liquid/CSS/JS (including the schema block) in. Save, then open the theme customizer, add the “Partner Logos” section to the page, and fill in the logo blocks and settings.

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