Home Forums Porto Admin Template Multiple carousel time

  • This topic has 1 reply, 2 voices, and was last updated 1 month ago by  Support2. This post has been viewed 79 times
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10030925
    rizwanmgm
    Participant

    Dear Support,

    I have three carousel on one page, i want they should start slide at same time.

    please advice.

    Thanks



    Template Version: 7.5
    #10030930
    Support2
    Keymaster

    Hello,

    Sorry but i’m little confused about your question since when you add 3 carousels on the same page they should automatic slide at the same time if you configured it properly trough data-plugin-options. For example:

    <div class="container">
    
    	<div class="row">
    		<div class="col-4">
    			<div class="owl-carousel" data-plugin-options="{'items': 1, 'autoplay': true, 'autoplayTimeout': 3000}">
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    			</div>
    		</div>
    		<div class="col-4">
    			<div class="owl-carousel" data-plugin-options="{'items': 1, 'autoplay': true, 'autoplayTimeout': 3000}">
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    			</div>
    		</div>
    		<div class="col-4">
    			<div class="owl-carousel" data-plugin-options="{'items': 1, 'autoplay': true, 'autoplayTimeout': 3000}">
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    				<div><p>Lorem ipsum dolot sit a met, dont dolor sit</p><p>Lorem ipsum dolor sit a met, dont dolor sit.</p></div>
    			</div>
    		</div>
    	</div>
    
    </div>

    If the code above don’t solve your question, please send for us the code you are trying or even better, send an online test link of your website for us.

    Kind Regards,

    Rodrigo.


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