← All Skills
Theme 💎 Built for Sidekick ✍️ Sidekick drafts it — you apply it
shopify sidekick theme trust-signals

Generate Press and Media Logos Section

Build an 'As Seen In' press and media logos section with grayscale-to-color hover effect, optional links, and auto-scrolling marquee.

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 press and media logos section that I can paste into my theme as a custom section, with these features:

Section Header:

  Heading text: [HEADING_TEXT] (e.g., “As Seen In”, “Featured In”, “Press Coverage”)
  Optional subheading or tagline
  Heading alignment: [left/center]


Logo Display:

  Upload area for each media/press logo
  Alt text field per logo (publication name)
  Optional link to press article or feature
  Grayscale default with color on hover effect
  Uniform logo height: [LOGO_HEIGHT]px (auto-width to maintain aspect ratio)


Layout Options:

  Static grid: [4/5/6] logos per row
  Auto-scrolling marquee (infinite loop, direction: [left/right])
  Marquee speed: [slow/medium/fast]
  Pause marquee on hover
  Row gap for multiple rows: [GAP]px


Design Settings:

  Background color: [BACKGROUND_COLOR]
  Section padding: [TOP_PADDING]px / [BOTTOM_PADDING]px
  Logo opacity (default state): [OPACITY]%
  Logo opacity (hover state): 100%
  Optional subtle border or card background per logo
  Max section width: [MAX_WIDTH]px


Requirements:

  Support for at least [NUMBER] logos
  Responsive: fewer logos per row on tablet/mobile
  Lazy loading for logo images
  Accessible link labels
  No layout shift during image load (reserved aspect ratio)


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

How to Use

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions