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