Collection slider section in Shopify | Updated 2024

You want to show your collections with circular sliding images in your Shopify store. I have the perfect solution for you. Follow the instructions step by step in this video tutorial and you'll have your own collection slider section without any app and that too 100% free.
Process breakup for you:
Step 1: Create a new section and name it collection-slider
Step 2: Paste the code I have shared in this section and save
Step 3: Now add a new asset and name it slick.css and add the file as shown in the video, and repeat the same for slick-theme and slick.js
Step 4: Save and now go to customize to add the sliding collection section to your homepage
Not only you will add this slider collection section you can customize it as per you needs. I have explained in detail and step by step. This collection is dynamic and you can add it anywhere and multiple times.
🎯 Join Live Mentorship: geniusmaker.ac...
Code: geniusmaker.no...
✅FREE Shopify Trial ▶ shopify.pxf.io... (My Affiliate Link)
📚 Buy Me A Book ➜ buymeacoffee.c...
Subscribe Genius Maker for more informative and valuable content in the future also.
____________________________________
For Store Setup and Mentorship
WhatsApp : [phone]
Submit Form: forms.gle/3r5o...
• Real Testimonials Batc...
____________________________________
Join Genius Maker Community:
Telegram: telegram.me/ge...
Instagram: tinyurl.com/ig...
____________________________________
Other Must Watch Videos:
• Complete Shopify Store...
• Live Results - 5 Produ...
• Create Product Page wi...
• How To Find Winning Pr...
• Complete Facebook Busi...
• The Next Dropshipping ...
• Complete Shopify Brand...
Playlists:
• 100 Days 100 Shopify C...
• Shopify Customization
• Facebook
Thank you
Manoj Kumar
Founder Genius Maker
[e-mail]
The description of this video may contain affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for the support!

[@ujjwal_samrath]

Aapki videos se bahaut help hoti h ,You are too Good Sir Really 🤗

[@genius_maker]

Thank you so much 👍 Keep Learning Keep Earning

[@user-bt3hn6bp8i]

Thanks sir yah new student keliye bht masla ta ..love from pakistan...

[@genius_maker]

All the best 👍

[@rohitkumarmaurya1264]

Thanks sir update video banane ke liye ❤❤❤❤❤

[@genius_maker]

All the best 👍

[@SaeedKhan-sm2ve]

great.... i appreciate you from Pakistan

[@genius_maker]

Thank you so much 👍

[@manojthakur8336]

Very nice❤

[@genius_maker]

Thanks 👍

[@Hassam-n5m]

THANKS A LOT SIR.AGAIN THANKS

[@genius_maker]

All the best👍

[@kamrankhanuq91]

I am new subscriber and thanks fo guaid ❤🎉🎉🎉

[@genius_maker]

Welcome to Genius Maker Family

[@kamrankhanuq91]

@@genius_maker thanks sir

[@kamrankhanuq91]

@@genius_maker thanks sir

[@AsadUpal]

how i can change background theme colour of whole box...i thick this part is missing in video kindly describe

[@genius_maker]

I'll update the code soon...

[@Hassansaleem-t3u]

I have debutify paid theme collection is still on vertical view not the horizontal.

[@genius_maker]

Might be some theme code is conflicting with the code...

[@swapnilkar3497]

Thanks a lot

[@genius_maker]

All the best and as I always say Keep Learning Keep Earning

[@LuxeLivings-Pk]

Grateful Sir

[@genius_maker]

All the best for your online journey 👍

[@LuxeLivings-Pk]

@@genius_maker Sir one more thing, if you could help me learn how to add an "order on whatsapp" button on product card. I have already followed your instructions and successfully added whatsapp button on product page. But I want to show it on home & Collection page in product card. Kind Regards!!!!

[@MirzaZohaib-t3d]

Sir, mere collection body layout py nahi arha just heaader section py hi.

[@NUR_FN]

thank you

[@genius_maker]

All the best 👍

[@MirzaZohaib-t3d]

Sir, mera collection body layout py nahi arha kindly guide me k yeh body layout py ajaye Thank you

[@genius_maker]

Aap ye keh rahe hai horizontal nahi aa raha... Isko save karte hi sahi show karega...

[@MuhammadAhmad-or4qw]

Hi sir i hope you are doing well.. Sir Please make a video on product page slider horizontal and vertical with buttons coustomization in dawn theme

[@genius_maker]

Thank you so much... Sure so product image slider horizontally makes sense but vertically won't look good and it's not intuitive also...

[@MuhammadAhmad-or4qw]

@@genius_maker thank you sir but please make a video product page slider

[@nationalsmartfone4317]

Mujhe 5 star dena chahiye ye video ko ⭐⭐⭐⭐⭐

[@genius_maker]

Thank you so much 🙏

[@SatyendraPrajapati-f8x]

sir i want slider and button on desktop mode also i have tried a lot please help

[@Storyvlogshub]

Home page ke alwa banking sabhi par bhi show ho raha hai ye collection What's the issue??

[@genius_maker]

Aapne header me add kar diya hai...

[@ballstory3244]

Sir horizontal me nhi aa rha h sirf vertical me aa rha h

[@genius_maker]

Horizontal hi ayega... Aap theme konsa use kar rahe hai

[@crezy_interior]

Same problem hai mere me bhi I useing Ella 6.6.0 theme

[@rohitkumarmaurya1264]

Aap save kar rahe hai to horizontal ho ja raha hai but hamara save karne par bhi nahi ho raha vertically hi hai abhi bhi

[@genius_maker]

Aap theme konsa use kar rahe hai...

[@meetpanchal7628]

Refresh

[@rohitkumarmaurya1264]

@@genius_maker personal customized theme

[@farazulhoque9359]

sir a code kaha se use korte hain ya app self coding korte hain please bata dijiye

[@genius_maker]

I use code from online resources and self code also...

[@Dora_dodo]

sir save krne pe vertically ho rha hai in REFRESH THEME

[@genius_maker]

This is will work on all free themes...I request you to please repeat all the steps again...

[@Storyvlogshub]

Share page par show ho raha hai collection

[@genius_maker]

Header par mat add kijiye... Banner ke upar dikhana hai to slideshow or banner image jo bhi use kar rahe hai use upar place kar dijiye

[@govindsuthar5938]

sir mobile screen par scroll off karna h vo kese karna h batana plz 🙏 😀

[@genius_maker]

Mobile par aap sliding nahi chahte...

[@govindsuthar5938]

ha sir​@@genius_maker

[@AlSUFI-l5r]

Sir Horizontal Wale ki Abi bi nahi samaj aii

[@abhinandp2219]

The layout is not automatically switching from vertical to horizontal. Please help

[@genius_maker]

In the customizer you'll have to save every time you make a change... It's using javascript to get this functionality... But it works perfectly fine on live store...

[@NoorSehar-xx5vr]

Sir ye collection slider ka code Kha Hai...humy Kha Sy mily Ga Jo hum copy kary gy

[@genius_maker]

Description me hai code... Please check

[@PakBuyer]

Sir app ki videos jasi videos aj tak nahi dykhai Is pr to Millions main views any chaya lakin bohat kam aty hain views.🤔

[@genius_maker]

Thank you so much 👍 Mujhe views se jyada success stories chahiye... And ek aapki bhi hogi unme...

[@ayanshaikh8064]

Form where did I'll get this code

[@genius_maker]

The code is in the description

[@Umerali-t4e]

Hi sir please banner slider ka video banain with out app

[@genius_maker]

We have Shopify banner image or slideshow... Both have this feature...

[@knowledgefact4274]

Me sab kuch same kar raha ho fir bhi mera section me college slider ni aa raha hai im from india

[@genius_maker]

Which theme are you using...

[@knowledgefact4274]

@@genius_maker problem solve ho gyi bhai thanks

[@AlSUFI-l5r]

dynamic kase karna hai

[@supersongstudio1573]

sir ek problem hain..dots-arrow hain.. trus or false woh moblie me bahot chote dikh rahe hain bahot jyada chota hain to sir please help suggest kre kaise uski size badhaye dots aur arrow ki

[@genius_maker]

You will have to add css that targets arrows to increase the size...

[@rohankatkar6653]

hello sir is slider ko ham Automatic sliding mien kaise set karien kyu ki jab mobile view mien ata hai tab logo ko bata nahi hota ki isko swipe kerne se dusra collection bhi ata hai, kyuki na usmien arrow sing kuch hai tho auto sliding hoga tho bhetar rahega, please guide.

[@genius_maker]

code me autoplay option hai aap usko false se jagah true kar sakte hai...

[@pmshort100]

Sir mere store ka collection open nahi ho raha shidha home page pe ridairect kardetahe product open nahi ho raha ❓❓❓❓❓❓ please help me 🙏

[@genius_maker]

Aapne collections create kar rakhe hai kya

[@technicalrio9660]

sir can we add a naimation to the border ?

[@genius_maker]

Yes we can add animation...

[@zuhairshaikh2623]

sir yeh batadain k ma computer screen ma scroller kese lagau?? mjhe computer ma scroll karana ha aur mobile ma bhi

[@genius_maker]

I'll post this video today...Please watch it...

[@zuhairshaikh2623]

@@genius_maker thankyou sir

[@zuhairshaikh2623]

@@genius_maker sir apne upload ni ki woh video?

[@designerlab2.0]

sir pics ko circle ma kasye convert kar saktay ha

[@genius_maker]

humne is code me border-radius define kar rakhi jo ki images ko circular karne ke liye use kiya hai... Aur bhi agar aapko images round karni hai then you can add border-radius to them...use 100px or 50% to get perfect circle... Hope this helps...

[@MUHAMMADZUBAIRofficial_313]

sir collection image size kia hi plz sir poora corse apka hee copy kia but sirf one problem hi ye btado

[@MUHAMMADZUBAIRofficial_313]

min ni 3 days research kee os ki bad apka corse aya avr poora corse copy kr lya love you sir❤

[@MUHAMMADZUBAIRofficial_313]

kia ye 110by110px hi

[@genius_maker]

Size is different for desktop and mobile...

[@JaiShree-v8v]

sir how can i contact your to get canva pro version

[@genius_maker]

Use this link to get Canva Pro: www.canva.com/brand/join?token=rV5WosqCwqT1HIbYnFxQ9g&brandingVariant=edu&referrer=team-invite

[@JaiShree-v8v]

@@genius_maker thankyou very much sir, how can i repay you

[@genius_maker]

Share your success story with me...

[@AlSUFI-l5r]

reply plz