Blog List Slider

Blog 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 Updated version 13 of  Shopify 2.0 FREE themes  

Showcase your blogs with a slider. The style adjust to whatever Shopify 3.0 theme you have. 

Check DEMO store here 💻. Password: made4uo

What you are buying:

  • Add a blog list slider

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

To Start:

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

2. In Section folder, create a new section, name it whatever you want, then replace the default code with the code below.


3. Let's create a stylesheet. Go to Asset folder and create a css file, name it "blog-slider." Then paste the code below.


4. Last thing to do is add a javascript code for slider to work. Go to global.js file under the Asset folder, and paste the code below. 

 NOTE: If you bought the collection-list-slider, you might have this code. If so, skip this part.

Copied!
Back to blog

Leave a comment