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

Adjust slider's button and font size

Add more logo for logo list

Add more testimonial slider

How to add more than 4 sliders (old themes)

Did this answer your question?