To set the slider navigation, make sure you have enabled it. To enable the navigation, select the main Shader Slider and navigate to Settings tab. Now open the Slider Options panel and turn on the Show Navigation setting.
Direction
Two types of navigation directions are available to set. They are:
- Horizontal: shows the navigation along horizontal direction.
- Vertical: shows the navigation along vertical direction.
Position
It supports seven different positions. They are:
- Top Left
- Top Center
- Top Right
- Center Center
- Bottom Left
- Bottom Center
- Bottom Right
By default the Center Center position is selected. You can change the navigation position and use its style to set it at your expected location.
Custom Navigation
The slider uses the default navigation icon provided by swiper Js. But it comes with some custom SVG icons that can be set as custom navigation. In additions, it also supports custom SVG codes to add as custom navigation icon.
To enable custom navigation, simply turn on the Custom Navigation Icon setting. Now, you can either use Library icons or paste custom SVG codes.