This tutorial shows how to manage slider options in Shopify template.
- Our Shopify templates include NivoSlider which options are set in code. You may check page source in order to locate script that initializes slider. Right-click and select "View page code":
Search for the appropriate code using slider keyword. You should press CTRL+F in order to open search field. Here is how the code looks:
Now we should change slider configuration values in template files. Open admin section and go to themes section. Edit files:
In our case code is defined in snippet-js-footer.liquid file. Locate appropriate part of code. There you can change slider options:
There we can change animation speed, pause time and other options. We may also change animation effect. Here is the list of effects. You can select one of them:
We have changed effect, animation speed and pause time:
By default, slider comes with autoplay feature. You may disable this feature by adding the following option:
Save changes and check your site.
Feel free to check the detailed video tutorial below: