comunicazione
Hi,
You can make change via the file: /templates/ja_aiga/acm/hero/tmpl/style-1.php
To enable the autoplay, change the function at the end of this file as below
(function($){
$(document).ready(function() {
$('#acm-hero-<?php echo $module->id; ?> .slide-wrapper').multiscroll({
scrollingSpeed: 700,
easing: 'linear',
navigation: <?php echo ($count > 1) ? 'true' : 'false' ;?>,
navigationPosition:'right',
navigationColor: '#fff',
moveSectionUp: '.control-top',
loopBottom: true,
loopTop: true,
});
//Remove Effect on mobile
if($(window).width() < 1200) {
$.fn.multiscroll.destroy();
};
});
<?php if($count > 1) :?>
//adding the action to the button
$(document).on('click', '.control-top', function(){
$.fn.multiscroll.moveSectionUp();
});
$(document).on('click', '.control-bottom', function(){
$.fn.multiscroll.moveSectionDown();
});
function autoPlay() {
setTimeout(function() {
jQuery('.control-bottom').trigger('click');
autoPlay();
}, 5000);
}
autoPlay();
<?php endif ;?>
// Add Class Style To HTML
$('body').addClass('style-<?php echo $helper->get('hero-style') ?>');
})(jQuery);
To hide the navigation, add below css to file: /templates/ja_aiga/css/custom.css (Create this file if it doesn't exist)
div#multiscroll-nav.right {
display: none;
}