Customising tour slideshow

Entrada WP Theme
#1

Hi guys amazing theme! Just a quick question, I want to make 2 changes to the product gallery (not the one in the tab but the main one with the featured image):

  1. Remove the parallex effect.

  2. Automatically change images, like a slideshow. Right now it only switches images when clicking on the arrows, I want them to automatically switch every few seconds.

Thanks again!

#2

Hello David,

Glad you like the theme.

  1. Please go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS box and add the CSS below inside custom CSS box:

@media only screen and (min-width: 992px){
.trip-info #tour-slide {
position: relative;
height: 94vh;
left: -15px;
width: 100%;
}
}

  1. This is not available in customization options, however, you can achieve this by logging in via FTP and navigating to wp-content >> themes >> entrada >> js and then inside js folder, you will see jquery.main.js file. Download this file on local computer.

Next search for tour-slide in this file or just go to line 648 and you will see a code block like:

$("#tour-slide") // Tour Detail Carousel
.owlCarousel({
navigation: true,
slideSpeed: 300,
paginationSpeed: 400,
singleItem: true,
touchDrag: false,
pagination: false,
mouseDrag: false
});

Replace the code block above with the code block below:

$("#tour-slide") // Tour Detail Carousel
.owlCarousel({
navigation: true,
slideSpeed: 300,
paginationSpeed: 400,
autoPlay: 3000,
singleItem: true,
touchDrag: false,
pagination: false,
mouseDrag: false
});

And now save this file and upload it back to wp-content >> themes >> entrada >> js folder replacing the existing jquery.main.js file with the new one.

Thank you

#3

Thanks for the answer.

I got 1 to work, but 2 didn’t work… I edited the jquery.main.js file but it’s not autoplaying. It seems like a simpl edit am I missing something?

#4

Sorry forgot to empty cache… Working! Thanks again!

#5

Short follow up question.

If I want to attach the js change to the child theme so I can update the theme without issues, should I add the edited jquery.main.js file to entrada-child/js and then add this code in the child theme functions.php?

wp_deregister_script(‘entrada-main-js’);

wp_register_script(‘entrada-main-js’, get_template_directory_uri() . ‘/js/jquery.main.js’);

I’ve noticed that in the functions.php of the parent theme the emtrada-main-js is enqueued, does that make a difference? Do I also need to add a wp_enqueue_script call?

Thanks for the help!

#6

Hello,

If you want to customize these via child theme, which of course is recommended method, you can enque via entrada-child functions.php file.

Thank you