Compatibility: Compatible with all Shopify Themes.
Images are very important in a website. Presenting the images in the right and unique way is also crucial to provide a very good impression to customers.
You can check the demo store here. Password: made4uo
I created several ways to present your images that you might like, see the following:
What you are buying:
- Background image with slider is dynamic
- Upload multiple images (this might affect the loading time). Recommended maximum of 20 slides
- Navigate using left and right keyboard arrows
- Able to swipe left and right
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. You can name whatever you want.
3. Replace the default code with the code below. Make sure to SAVE
4. Next, we need to add the javascript code. Open your main javascript file, it is located at the Asset folder, it could be global.js, or theme.js. Then add the code below at the very bottom.
5. You then add the Advance Slider section in your theme editor.
That's it (",)
Copied!