Need to add carousel/sideways scroll in collection list - supply theme.

The_Fun_Basket
Tourist
10 0 4

Hello!

 

I am currently using the supply theme and I need to add carousel/sideways scroll in the collection list (include nested collections) on the home page and remove the 'see all' option.

Please help me out.

attachment - collection list  - Brandsbrand collection.jpg

 

Thanks in advance!

 

 

 

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11972

@The_Fun_Basket 

Yes, please tyr this code 

https://codepen.io/mdashikar/pen/VWPvgE

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
The_Fun_Basket
Tourist
10 0 4

@KetanKumar 

 

sir can you please tell me that exactly where these three HTML, CSS, JS codes need to be added respectively? 

 

KetanKumar
Shopify Partner
36839 3635 11972

@The_Fun_Basket 

It can be done by doing some code customization.

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
The_Fun_Basket
Tourist
10 0 4

I can do that code customisation, can you please tell me the codes need to be added in theme.scss liquid / collection-list liquid? or some new liquid file need to be created ? 

KetanKumar
Shopify Partner
36839 3635 11972

@The_Fun_Basket 

great just modification above the slider and your HTML code  

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
The_Fun_Basket
Tourist
10 0 4

@KetanKumar please explain in detail.

KetanKumar
Shopify Partner
36839 3635 11972

@The_Fun_Basket It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me

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
Josh_Tydlacka
Tourist
11 0 1

He's no vague haha.