Task IntentTheme

Generate Logo Showcase/Carousel

Build an auto-scrolling logo carousel for press mentions, partner brands, or 'As Seen In' sections with grayscale hover effects.

What This Sidekick Query Does

Build an auto-scrolling logo carousel for press mentions, partner brands, or 'As Seen In' sections with grayscale hover effects.

Prompts

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

Run on Shopify Sidekick

Create a logo showcase/carousel block:

Features:

  Auto-scrolling horizontal logo carousel
  Infinite loop animation
  Grayscale logos that colorize on hover
  Optional link for each logo
  Pause on hover


Settings:

  Logo images (up to 12)
  Link for each logo (optional)
  Section heading (e.g., “As Seen In”, “Trusted By”)
  Scroll speed
  Logo size (small/medium/large)
  Grayscale effect toggle
  Background color
  Spacing between logos


Requirements:

  Smooth CSS animation (no jank)
  Responsive (fewer logos visible on mobile)
  Lazy loading
  Works without JavaScript (CSS-only animation)
  Accessible alt text for each logo


Generate as a theme block.

Expected Output

Build an auto-scrolling logo carousel for press mentions, partner brands, or 'As Seen In' sections with grayscale hover effects.

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