Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • kirchhof Developer
    #1091145

    Hello,

    I create a page with the template Ja Healthcare. On the start page I created a slideshow (style-owl) with the Advanced Custom Module. Now I want the pictures to change automatically. What attitude do I have to make this.

    Saguaros Moderator
    #1091368

    Hi,

    You can open the file: root/templates/ja_healthcare/acm/slideshow/tmpl/style-owl.php

    Look at the script at the end of file, add autoPlay: true param like this: http://prntscr.com/id6cig

    Regards

    kirchhof Developer
    #1091386
    This reply has been marked as private.
    amorino Friend
    #1092442

    Hello
    I found it on autoPlay: true but it is not auto playing
    Also please how to add arrows (right and left)

    Saguaros Moderator
    #1092876

    Hi,

    I updated the script to:

    jQuery(document).ready(function($) {
        $("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
          addClassActive: true,
          items: 1,
          loop: true,
          dots: true,
          dotsEach: true,
          merge: false,
          mergeFit: true,
          nav: true,
          navText:["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
          slideBy: 1,
          autoplay: 1000
        });

    in which, I change to ‘autoplay: 1000’ and it’s sliding automatically.

    To enable the navigation (arrows), just set the parameter: ‘nav:true’

    But you will need to customize the CSS to style for these arrows.

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 4 replies, has 3 voices, and was last updated by  Saguaros 7 months, 3 weeks ago.

We moved to new unified forum. Please post all new support queries in our New Forum