This article will guide you on how to to add more sliders for your website. Previously, you could only have 6 sliders. By having more sliders, you can display more valuable and optimized content

By adding more slider there are 3 files need to be edited at Online Store > Edit Source
settings_schema.json
settings_data.json
slider.liquid

⚠️ Kindly take note :
The recommended size for desktop slider is 1400 x 700px
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons
We have added an option for you to display image with original quality. Therefore, your store will be using the image with original size and format.
You can enabled it at Channels > Online Store > Customize > General



1. settings_schema.json

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > config > settings_schema.json

Step 2 : Look for "slider content" and copy the code like the screenshot provided below



Note: Can add until 20 or more, just change the number will do



Step 3 : Save and done

2. settings_data.json

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > config > settings_data.json

Step 2 : Search for "slide_6": ""and add below code below

Note: Can add until 20 or more, just change the number will do

"slide_7": "", "slide_7_jpg": "", "slide_7_mobile_jpg": "", "slide_7_link": "", "slide_7_alt": "", "slide_7_title": "", "slide_7_subtitle": "", "slide_7_button_text": "",




Step 3 : Save and done

3. slider.liquid

Step 1: Go to EasyStore Admin > Channels > Online Store > Edit source > snippets > logo-list.liquid

Step 2 : Change to 20 or more based on your preferences



Step 3 : Save and done
Was this article helpful?
Cancel
Thank you!