How to change ShopIsle slider speed

To change ShopIsle's slider speed you should first create a child theme. Here is a guide on How to Create a Child Theme.

After you follow the guide create inside the child theme a folder named  assets and inside this folder another one named js.

Copy from  shopisle-pro/assets/js or shopisle/assets/js (depending on if you have the free or pro version) the custom.js file and paste it into your shopisle-child/assets/js folder.

Inside your child theme's  custom.js file find the Intro slider setup section where you'll see the following code:

Insert this code below  the line "animationLoop: true":

slideshowSpeed: 1000,

Be sure to include the comma at the end. The time is in milliseconds, 1000 milliseconds = 1 seconds so adjust as needed.

Here's how the code will look:

Click Update File below the editor window.

Now, the final step is to instruct your child theme to load the custom.js file which you modified.

Switch the editor to the functions.php file from your child theme. Scroll down to the comment "Add your own functions below this line" and add the following code to enqueue your modified custom.js file:

function slider_speed() {
	wp_enqueue_script(
	    'custom-script',
	    get_stylesheet_directory_uri() . '/assets/js/custom.js',
	    array(
	        'jquery',
	        'flexslider',
	        'jquery-mb-YTPlayer',
	         )
       );
}

add_action( 'wp_enqueue_scripts', 'slider_speed' );

Here's how the code will look:

Click Update File below the editor window and check your front page to see the modified speed of the slider.

Note: If you don't notice a change in speed then try clearing your site and browser cache and reloading the page.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us