Brand Logos Carousel - Shopify Section
A smooth, infinite carousel that displays partner, client, or certification logos to build trust quickly. Compact and visually clean.
Use the password: 1
View DemoFeatures
- Infinite horizontal scroll with smooth CSS animation (or disabled animation).
- Add multiple logos with links and alt text.
- Grayscale-to-color hover effect and pause-on-hover.
- Controls: logo size, spacing, speed, duplicates, and toggle animation.
- Lazy-loading, responsive srcset, and namespaced CSS (nc-) - no external scripts.
Benefits
- Builds instant trust with partner/client logos.
- Shows many brands in a compact, polished block.
- Eye-catching motion boosts attention without slowing pages.
- Mobile-friendly and accessible (alt text, pause on hover).
- Easy admin updates - add/remove logos without code.
How to Install
Go to Online Store > Themes > Actions > Edit Code
- Add CSS File
- In Assets folder, click Add a new asset
- Create file:
component-nc-brand-logos-carousel.css - Copy & paste the CSS code from the file
- Save
- Add Section File
- In Sections folder, click Add a new section
- Create file:
nc-brand-logos-carousel.liquid - Copy & paste the complete section code
- Save
The section has been tested in the Dawn theme only, but it should work with most Shopify themes.
Contact me and I will send the section's files to your email Contact
