collection list slider shopify

Collection List Slider

Log in or Sign up to ensure access to purchased code across multiple devices.

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Compatibility: Compatible with Dawn 3.0 version only

Show case all your collections using a slider. This is a slider for the collections and not products. For product slider, please refer here. If you have other Shopify themes or higher version of Dawn or other Shopify 2.0 themes, you can use this universal code here.

Check DEMO store here 💻. Password: made4uo

What you are buying:

  • A slider for collections list

What makes our code better:

  • We do not use external libraries, with that being said, our code will have no to minimal effect to your website's speed performance
  • We do not leave or add codes use to advertise for our website
  • Our code is mobile friendly

Any issues related to the code will be fix with no additional cost, excluding code customization requests. Simply contact us with "Chat with us." We are just a button away

To Start:

1. Go to Admin Shopify store > Themes > Actions > Edit Code

2. In Section folder, create a new section, name it "Collection List Slider", then replace the default code with the code below.


 3. Next, open the Asset folder, and "create a new asset." Create a CSS file, and name it "collection-list-slider", then place the code below.



 4. Still at the Asset folder, open the global.js and add the code below. This javascript code share with other code I have, please check if you have "UniversalSldierComponent", if so, no need to do step #4. 

That's it. 

Copied!
Back to blog

Leave a comment