Featured Collection with Slider Option

Featured Collection with Slider Option

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.

Compatability: Dawn 2.0 to Shopify FREE themes.

I created a Collection with numbers and dots (see version here). This time I added a clickable slider option. Please see the checkbox in the section setting and check for the corresponding version. 

NOTE: The quick-view button in the demo is a separate code. Check this link for quick-view button.

Check DEMO store here 💻. Password: made4uo

I have a checkbox available in the theme editor to convert the code to newer or older version of Shopify Dawn Theme. 

To Start:

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

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

<

 3. Next, we need to add some beauty to it. Open the Asset folder, and "create a new asset." Name it "collection-slider." Then place the code below.

<


 4. Last thing to do is to add the brain in our section. Still at the Asset folder, open the global.js and add the code below. 

<

 That's it. Enjoy (",)

Copied!
Back to blog

Leave a comment