How to Change the Speed of the Background Slider in Zelle

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

In this document, we will show you how to change the speed of the background slider in Zelle theme. First of all, please make sure that you're using a child theme.

1. Create a folder called js in your child theme.

2. Copy the zerif.js file from the js folder of Zelle theme to the previously mentioned folder.

3. Open js > zerif.js and locate the following part of code:

/** BACKGROUND SLIDER ***/
jQuery(document).ready(function(){
	if ( jQuery('.fadein-slider .slide-item').length > 1 ) {
		jQuery('.fadein-slider .slide-item:gt(0)').hide();
		setInterval(function(){
			jQuery('.fadein-slider :first-child').fadeOut(2000).next('.slide-item').fadeIn(2000).end().appendTo('.fadein-slider');
		}, 10000);
	}
});

4. Change the value of  10000 to a value which suits your requirements, it is also good practice to change the other values to match such as having all 3 values at 2000.