How to custom code an Infinite Slider on homepage for logos

How to custom code an Infinite Slider on homepage for logos

Cangelos772
Excursionist
40 1 12

Hello Coders of Shopify! 

I am trying to step away from a plugin/app and hard code an infinite slider on our home page for various logo images. I currently have Elfsight widget but it seems to be cumbersome and slowing pagespeed down a fair amount. Id like to step aeay from the app and custom code one in. any direction on how to do so? Even just which section on the "edit code" area and how to link it to the homepage would suffice. Just looking to bounce thoughts with a fellow coder so I know which areas I can start building it out to. 

Thanks!

Replies 5 (5)

KetanKumar
Shopify Partner
36929 3642 11996

@Cangelos772 

yes, please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Cangelos772
Excursionist
40 1 12
KetanKumar
Shopify Partner
36929 3642 11996

@Cangelos772 

yes, please if you are code try https://codepen.io/mdashikar/pen/VWPvgE

or send DM

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Cangelos772
Excursionist
40 1 12

@KetanKumar  So essentially copy and paste the 3 languages of code there and create them in separate files? or? this is where I am stuck is how to build out each separate page in liquid

gr_trading
Shopify Partner
1843 145 193

Hey @Cangelos772 ,

 

Please follow the steps mentioned in below video to implement the logo slider, independent from the theme code.

 

 

Hope this will helps...

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee