How can I add a slider to the logo section using Debut theme?

Store Design

Topic summary

Goal: turn the homepage brand logos into a horizontal, auto‑sliding carousel in Shopify’s Debut theme.

Proposed approach:

  • Create a new section (brand-logo.liquid) with schema for padding/background and blocks for logo images.
  • Add Owl Carousel assets: include owl.carousel.min.css and owl.theme.default.min.css, and owl.carousel.min.js in theme.liquid; download these files and place them in the Assets folder. Links to Owl Carousel demos were provided.

Issues reported:

  • Logos render stacked vertically, not horizontal, and no slider behavior appears.
  • “Greyness” on logos; need natural colors and clickable brand links preserved.
  • Desire for continuous, auto‑rotating (infinite) slider with no pause.
  • Multiple users asked where exactly to add the CSS/JS and how to enable the slider.

Additional resources offered:

  • A commercial Brand Logo Slider Section with responsive, infinite scrolling and configurable image counts.
  • A YouTube tutorial showing how to create a custom autoplay logo section applicable to any theme.

Status:

  • No confirmed fix or step‑by‑step resolution in the thread yet. Setup appears incomplete for some users; the discussion remains open. Code snippets and external links are central to implementation.
Summarized with AI on December 26. AI used: gpt-5.
13

Download css and js file and add it in the assets folder.

Then it will work it without any problem.

Thanks