Reply 224893 to: Styling single product page: Product image slider

Avatar: Rose Tyler
Rose Tyler
Support staff
November 12, 2019 at 09:25

Hello,

You can try the next way:
Install a child-theme (https://www.8theme.com/downloads/ http://prntscr.com/pvrejz), add the next code in functions.php of the child-theme:

function etheme_enqueue_scripts_custom() {
    wp_enqueue_script('etheme-child', get_stylesheet_directory_uri().'/js/custom.js',array(),false,true);
}
add_action( 'wp_enqueue_scripts', 'etheme_enqueue_scripts_custom');

then create js folder with custom.js file inside this theme, and add –

jQuery(document).ready(function($){
	$('.swiper-control-top').attr('data-effect', 'fade');
});

You will get – https://gyazo.com/115d769d25ed2fa0203c37c1108eba5d

If a parent theme is activated on your site right now, you need to export theme options in a file (go to Theme Options > Export/Import > click on Export button) and import this file after the child theme activating – http://prntscr.com/pvrgqj

Please note that additional customization in files is outside the scope of basic theme support.
If you need help with the additional customization, submit customization request to WPKraken team

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.