Logo Slider Section Showcase Brands With a Smooth Scrolling Display

Display brand, partner, client, or featured logos in a continuously scrolling slider with adjustable speed, spacing, sizing, links, and responsive controls.

  • check-icon 2.0 Compatible
  • check-icon Auto Scrolling Logos
  • check-icon Responsive Design
Partner brands
Client logos
vector
vector

Key Features: Create a Smooth and Engaging Logo Slider

Showcase multiple logos with continuous scrolling, custom links, adjustable spacing, animation speed, logo sizes, and responsive display settings.

Continuous Logo Scrolling

Continuous Logo Scrolling

Display logos in a smooth, continuously moving horizontal slider.

Clickable Logo Images

Clickable Logo Images

Add a custom link to each logo so visitors can open a relevant page.

Adjustable Animation Speed

Adjustable Animation Speed

Choose from multiple scrolling speeds, from fast movement to a slow crawl.

Reverse Animation Direction

Reverse Animation Direction

Change the scrolling direction to create a different visual flow.

Pause on Hover

Pause on Hover

Pause the logo animation when visitors hover over the slider.

Custom Logo Sizing

Custom Logo Sizing

Set different logo sizes for desktop and mobile screens.

Flexible Logo Spacing

Flexible Logo Spacing

Adjust the space between logos independently for desktop and mobile.

Responsive Display

Responsive Display

The logo slider adapts to smaller screens with mobile-specific sizing and spacing.

Logo Slider Settings & Options

Control the logos, animations, spacing, typography, colors, section widths, and responsive layout in the Shopify theme editor.

Section Settings

Section Settings

Applies to the whole section

Add the main heading displayed above the logo slider.

Heading

Add supporting text below the section heading.

Content

Choose the alignment of the heading and content.

Text Alignment

Set the spacing between logos on desktop screens.

Desktop Logo Spacing

Set the spacing between logos on mobile screens.

Mobile Logo Spacing

Set the logo width for desktop screens.

Desktop Logo Size

Set the logo width for mobile screens.

Mobile Logo Size

Choose how quickly the logos move across the slider.

Animation Speed

Reverse the direction of the logo animation.

Reverse Direction

Pause the scrolling animation when hovering over logos.

Pause on Hover

Set the heading font size for the section.

Heading Font Size

Set the supporting content font size.

Content Font Size

Customize the section background and text colors.

Section Colors

Adjust the spacing between the top and bottom sections.

Section Padding

Make the logo slider span the available screen width.

Full Width

Set the maximum width for a contained layout.

Section Width
Block Settings

Block Settings

Applies to each logo

Add the logo image displayed in the slider.

Logo Image

Add a destination page for the logo.

Logo Link

Where This Section Can Be Used

Use scrolling logos to build trust, showcase brands, highlight partners, or feature companies on key pages of your Shopify store.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Showcase Trusted Brands and Partners

Display client, partner, supplier, or featured brand logos to build credibility and help visitors understand who your store works with.

check-iconBuild customer trust

check-iconShowcase partner brands

check-iconHighlight featured brands

check-iconStrengthen brand credibility

Collection Page

Highlight Brands Around Your Collections

Use a logo slider to introduce brands related to your collections and give shoppers another way to explore your store.

check-iconShowcase collection brands

check-iconSupport brand discovery

check-iconHighlight featured partners

check-iconAdd visual variety

Product Page

Add Brand and Partner Recognition

Place relevant logos near product content to highlight brands, partners, certifications, or companies connected with your products.

check-iconHighlight product brands

check-iconShowcase relevant partners

check-iconBuild customer confidence

check-iconAdd supporting brand content

Landing Page

Build Trust With Recognizable Logos

Use a scrolling logo display to showcase clients, partners, brands, or featured companies and add credibility to campaign-focused pages.

check-iconCreate a strong trust signal

check-iconShowcase important brands

check-iconSupport campaign credibility

check-iconAdd engaging visual content

Create a Dynamic Display for Brands and Partners

Showcase multiple logos in a smooth scrolling layout that keeps your store visually engaging while giving you control over links, speed, spacing, and sizing.

Logo Slider section

Make Brand Recognition More Visual and Engaging

Use continuous animation, clickable logos, responsive sizing, and customizable spacing to create a polished logo display that fits your Shopify store.

check-iconShowcase multiple brands in one section

check-iconCreate continuous scrolling movement

check-iconAdd links to individual logos

check-iconChoose different animation speeds

check-iconReverse the scrolling direction

check-iconPause animation on hover

check-iconControl logo size across devices

check-iconAdjust spacing for desktop and mobile

Do this, skip that.

DO

  • do Add at least five logos for a better preview
  • do Use clear and high-quality logo images
  • do Keep logo sizes visually consistent
  • do Link logos to relevant destinations
  • do Choose an animation speed that is easy to follow

DON'T

  • don't Add low-quality or stretched logos
  • don't Use unrelated brand logos
  • don't Set extremely fast animation for important logos
  • don't Add broken or irrelevant links
  • don't Overload the section with too many logos

Frequently Asked Questions

Can I add multiple logos to the slider?

Yes. You can add multiple logo blocks, with each block containing its own image and optional link.

Can I make each logo clickable?

Yes. Each logo can have its own custom link to a relevant page or destination.

How many logos should I add?

The section recommends adding at least 5 logos to ensure a proper preview and smooth visual display.

Can I control the logo scrolling speed?

Yes. You can choose from multiple animation speeds, ranging from the fastest option to a very slow crawl.

Can I reverse the scrolling direction?

Yes. Enable the Reverse Direction setting to reverse logo animation.

Can the logo slider pause when I hover over it?

Yes. Enable Pause on Hover to stop the animation while visitors hover over the logo slider.

Can I change the logo size for mobile?

Yes. Desktop and mobile logo sizes can be adjusted separately.

Can I control the spacing between logos?

Yes. You can set different logo spacing values for desktop and mobile screens.

Can I make the section full width?

Yes. Enable Full Width, or use the Section Width setting when using a contained layout.

Is the logo slider mobile responsive?

Yes. The section includes separate settings for mobile logo sizing, spacing, typography, and padding for smaller screens.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Brands With a Smooth Scrolling Display

Install SectionHub and add the Logo Slider section to your theme in minutes - no coding required.