Adding Custom Logo Slider using HTML,CSS and JS in Sections

Shopify Discussion
,

Topic summary

A user seeks guidance on implementing a custom logo slider (with reference image and CodePen example) into their Shopify theme as a reusable section via HTML, CSS, and JavaScript.

Suggested Solutions:

  • Check for existing “HTML Code” or “Liquid Code” sections in the theme where custom code can be inserted
  • If unavailable or more customization is needed, consider hiring a Shopify Partner
  • Follow a YouTube tutorial demonstrating how to create custom sections for logo sliders (applicable across themes since it uses custom-written code)

Status: Multiple solutions provided with video resources; discussion appears resolved with actionable guidance for implementation.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hello Everybody. Need help with some coding. I am trying to create a logo slider like the picture (attached).

I have also found the code for it at https://codepen.io/mdashikar/pen/VWPvgE

Please anybody guide me how to insert HTML, CSS and JS so that I can create a custom section which can be inserted anywhere using “Customize Theme”

Picture1.png
Picture1.png1918×470 164 KB

2

You should have a section in your theme called “HTML Code” or “Liquid Code”. There you can copy and paste that code.

If you don’t have that section or need something more customized it will be an easy job for a Shopify Partner.

3

Hi @iamAhmedhere ,

Please follow the steps mentioned in below video to create custom section for logo slider.

Since the code is custom written hence applicable for all the themes.

Hope this will helps…

4

For those still looking for a way to create a logo slider, this could be what you’re looking for:

https://youtu.be/WjacbvFSpQg