How do I add a brand logo slider to Shopify?

Install Easy Brand Page, upload a logo for each brand in the app, then add its Brand slider block to any section and set the layout to Brand logos. The logos then scroll as a carousel, with no code.

Can the brand logos scroll automatically?

Yes. Turn on "Scroll automatically" and the logos move as a marquee-style carousel. You pick slow, normal or fast, and the scroll pauses when a shopper hovers over the strip.

What happens to brands that have no logo?

A brand without an uploaded logo shows its name as a text chip in the strip instead of a blank gap, so the slider looks complete from day one.

Do the logos link anywhere?

Yes. By default each logo links to that brand's mapped collection, or a search for the brand if it has no collection yet. You can turn the links off.

Does the slider still work with reduced motion turned on?

Yes. It honors the browser's reduced-motion setting: instead of auto-scrolling, those visitors get a still row they can scroll by hand.

All use cases

How-to - brand logos

How to add a brand logo slider to Shopify

By GustavFounder of UpsellShark and a working Shopify merchantLast reviewed July 24, 2026

Short answer

You add a brand logo slider to Shopify by installing Easy Brand Page and adding its Brand slider block, set to the Brand logos layout, onto any section of any page. The logos scroll automatically as a carousel, pause when a shopper hovers, and click through to each brand's collection, with an option to keep them grayscale until they are hovered. Brands with no uploaded logo show a text chip instead, so the strip is never blank, and it is on the free plan.

How it works

Upload your brand logos in the app

Easy Brand Page builds your brand list from the vendors on your products, so the brands already exist. In the app, upload a logo for each brand you want in the strip. A brand with no logo simply shows its name as a text chip.

Add the Brand slider block to a section

In the theme editor, add the Brand slider block to any section - your homepage, a landing page, or above the footer - and set its Layout to Brand logos. It renders the logos you uploaded, with no code to write.

Turn on auto-scroll and pick the brands

Switch on Scroll automatically for the moving carousel, and choose a speed: slow, normal or fast. Set the source to your featured brands, one brand tag, or all brands, and how many logos to show.

Style how it looks and behaves

Set the logo height and the space between logos, keep pause-on-hover on so shoppers can read a logo, and optionally turn on grayscale-until-hover. Each logo links to its brand by default, which you can switch off.

What you get

An auto-scrolling logo carousel, or a static row shoppers scroll by hand
Three scroll speeds, with pause-on-hover so a shopper can read a logo
Optional grayscale-until-hover to keep the strip calm until it is looked at
Each logo links to its brand's collection, or a search for that brand
A text chip for any brand that has no uploaded logo yet
Source from your featured brands, one brand tag, or all brands

A moving logo strip, not a static grid

The Brand logos layout is the moving version of your brand logos: they scroll across the page as a carousel, the way an "as seen on" or "our brands" strip runs along a homepage. It is one block you place on a section, and it uses the same logos you upload once.

If you want a still, tap-to-browse block of logos instead, that is the directory's logo wall layout rather than this slider. Both pull from the same place - see uploading brand logos for how logos are added and where each one can appear.

Where the slider goes, and how it behaves

The block targets a section, so you can drop the strip anywhere the theme editor lets you add one - a homepage row, a landing page, or just above the footer. You control the logo height and the gap between logos, so it fits the space it sits in.

It is built to stay calm: the scroll pauses when a shopper hovers a logo, and it honors the browser's reduced-motion setting, so a visitor who prefers less movement sees a still row they can scroll by hand. The brands themselves come from your product vendors, so see building the brand directory for how that list is created.