Hub/Theme/Generate Press and Media Logos Section
Task IntentTheme

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.

What This Sidekick Query Does

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

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a press and media logos 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)

Expected Output

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

Tips to Improve Results

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