How To Add Collection Carousel Slider [Shopify - Free]

[@cyberspider78910]

One of the best channel on shopify customisation.

[@WebSensePro]

Wow, thanks! Don't forget to subscrive

[@cyberspider78910]

@@WebSensePro Sir, Subscribed since your first video...

[@hussain-z1z]

thanks for this slider tutorial it works really very well. but there is suggestion for the next tutorial , please make the tutorial on Dynamic Multi-tab Slider. just diff between these and multi tab slider is when we click on heading, it will work as a tab and will load slider which has new another collection in same section but as a collection slider

[@BobbMotion]

Great content, like always 🙏🏾

[@WebSensePro]

Appreciate that dont forget to subscribe

[@Bloveorganic]

I already create this section by my own , I have made this section for recommended products section.

[@WebSensePro]

Great

[@krystianandrzejewski731]

It works very well. Thanks a lot, very cool looking. I even managed to dig around a bit in the code and made some of my corrections. However, I have a question that I can't handle. Could you please make a fix in the code that allows stars to be displayed when reviews are added to a product? The way it works with featured collection.

[@WebSensePro]

Glad it helped!

[@jonasandorsen5537]

Thanks for the tutorial! Do you have any way to add the "Purchase" / "Add to cart" button to the card?

[@WebSensePro]

Not yet

[@ZainubIrfan]

what if we want to make this slider on autoplay like i have seen it on many websites. can we do it? please explain that too

[@WebSensePro]

Great, idea. Will update that

[@meneerballie]

it worked amazing, thanks! i only have 1 annoying part about the section. When i enable 'show second picture over hover', it looks like the pictures are flashing like a camera between them. Very dangerous for epileptic clients. Any way how to have a smooth transition between the pictures?

[@WebSensePro]

Will have to add more code

[@meneerballie]

@@WebSensePro ah okay! would that be something you could do? i want to use it but i can't now with the possibility to get charged by someone with epilepsy...

[@ChorokapeAKapemai]

how can we add a sub heading between Title and price? please help ! thank you in advace

[@WebSensePro]

Not possible

[@ZainubIrfan]

Hi Bilal can you please make a video on how to add payment icons like visa mastercard in footer section? please do

[@WebSensePro]

It's already a builtin feature

[@zainabirfan7300]

​@@WebSensePromine doesn't work ...what could be the reason like im using Alfalah payment gateway on my website via unumpay app n i have enabled payment icons as well but it doesn't work. Could you please guide.

[@Wonderlands-zn7ql]

seems like i have the same problem with another guy in the comment section, when you preview the website, the container would show up as gigantic, would be great if you could fix it

[@WebSensePro]

Sure will do

[@pastandprogress27]

kindly make a video,on how to add color swatchers on home page and collection page using code in dawn theme

[@WebSensePro]

Coming next week

[@ElevateYouNow-ff4zn]

how to make the space between the product images smaller? I want it like 1px

[@WebSensePro]

Where do you want to add space, please clarify

[@ConstructClick]

THANK YOU! Big help!

[@aamirmahmood4220]

Brother can we add more product collection or only add products in 1 collection in short can we add products in different collections

[@WebSensePro]

Not clear what you mean

[@BarveJoy]

Please add a video of subcategories in mega menu.

[@WebSensePro]

Sure, will create a new video for that

[@Asaunie]

can you make a tutorial on how to make it slide automatically?

[@WebSensePro]

Yes will definitely do

[@ShopifyExpert-fx6yg]

Thank You So much you are doing great effort for developers as well

[@WebSensePro]

It's my pleasure

[@FindersKeepers-j3v]

Does it work on Trade Theme?

[@WebSensePro]

Yes

[@Alex-e2y3n]

Thank you for this great video! Can you explain please how to autoplay the product slides?

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@Official_Jetlyfe]

I'm having an issue, the entire Collection Carousel container is gigantic and displaying gigantic images. I can only fix if I tick 'stack the products' but stacking defeats the purpose. Please help if you can.

[@WebSensePro]

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

[@Official_Jetlyfe]

I worked it out, i needed to change the height in CSS for anyone having the same issue the code is: .section-template--18252235866364__collection_carousel_wzEnbq.featured-collection-template--18252235866364__collection_carousel_wzEnbq { height: 550px; overflow: hidden; }

[@Wonderlands-zn7ql]

@@WebSensePro I got the same problem

[@Wonderlands-zn7ql]

@@Official_Jetlyfe did you add this on custom CSS ?

[@JorilyMorato]

Hi. We cannot add star rating and sale badge for this section?

[@michelwalravens3660]

@websensepro the sale badge is indeed gone, can you make a video that it is also displayed with this collection slider?

[@WebSensePro]

Hmm... good idea will make one

[@faisalawan3335]

Thanks for your efforts. It was very informative. But if I want to show some collections in a carousel instead of products from a collection, what should I do?

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@AnkurMalhotra-i5b]

Amazing video brother. Can you advice how we can add Quick add to this slider to add directly to cart from this. Appreciate you making such amazing videos and sharing the knowledge.

[@WebSensePro]

Not clear what you mean

[@gamingreels5589]

there is an error in the script in going hide on another sections

[@WebSensePro]

Which secrtion its hiding?

[@orha1256]

Love your videos but it's not sits well on Dawn 12

[@WebSensePro]

It will work on latest version Dawn 15.1.1

[@orha1256]

@@WebSensePro What about 12? Anyway to make it looks good?

[@Viktoriyaparis]

I need to finds a slider like that so for the product page description and all other things like materials and all so I founds nothing on KZbin thanks for this video because now all my description and all is in collabsible row so I want it on a slider ahah :) thanks a lot if you founds a solution thanks take care :)

[@WebSensePro]

Your welcome, don't forget to subscribe

[@avidaeumaso2357]

It didn't work very well here, the columns on desktop and mobile didn't work

[@WebSensePro]

Thats weird its tested upto dawn 15.2

[@mudassarmehmood8033]

Hey sir its urgent plzz reply me. plzz tell me how to add OFF sale badge on this collection?

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support

[@VILLOKSEGlobal]

I am having the same issue...the entire price is getting striked off.

[@RahulGupta-q4i]

sir add this side banner with product slide code

[@WebSensePro]

Will do

[@RahulGupta-q4i]

@@WebSensePro please share code

[@Rivansh.Jewels]

its a great section but increasing my website loading time please fix the issue

[@WebSensePro]

How many products you have in carousel?

[@rahulbabu7648]

not working properly

[@WebSensePro]

Please contact via websensepro.com/contact-us for paid support