Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#207965

The Ja Hotel Slideshow ACM module has some default options when installed, you can customize it adding new options available for the slideshow, for example: the loop so it restart from the first item, or customize the time interval between slides.

A list of available options can be found HERE

Here the steps to add a new option:

1) Open this file templatesja_directoryacmslideshowtmplstyle-owl.php and edit the javascript at bottom of the fie.

<script>
(function($){
jQuery(document).ready(function($) {
$("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
items: 1,
nav : true,
merge: false,
mergeFit: true,
slideBy: 1
});
});
})(jQuery);
</script>

2) If we want to add the loop option so after reached the end the slideshow restart from the first item, we need to add the loop option that from default is set to false.

here is the new option code loop: true
the new code then will be

<script>
(function($){
jQuery(document).ready(function($) {
$("#acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
items: 1,
loop:true,
nav : true,
merge: false,
mergeFit: true,
slideBy: 1
});
});
})(jQuery);
</script>

save the file and refresh slideshow page

1 user says Thank You to pavit for this useful post

1. palos

[rvolt Friend rvoltJoin date: July 2015Posts: 88Downloads:362Uploads:0 Thanks: 13 Thanked: 6 times in 1 posts]

#658891

When I edit the code to add loop:true,
the entire image carousel vanishes…

[rvolt Friend rvoltJoin date: July 2015Posts: 88Downloads:362Uploads:0 Thanks: 13 Thanked: 6 times in 1 posts]

#744780

When I edit the code to add loop:true,
the entire image carousel vanishes…

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#659026

<em>@rvolt 486400 wrote:</em><blockquote>When I edit the code to add loop:true,
the entire image carousel vanishes…</blockquote>

Hi

Would be better for us to receive your backend login details , so we can verify your configuration , if you want you can send me it via Private Message

[rvolt Friend rvoltJoin date: July 2015Posts: 88Downloads:362Uploads:0 Thanks: 13 Thanked: 6 times in 1 posts]

#659713

I figured it out.

1 user says Thank You to rvolt for this useful post

1. pavit

[rvolt Friend rvoltJoin date: July 2015Posts: 88Downloads:362Uploads:0 Thanks: 13 Thanked: 6 times in 1 posts]

#661857

How do I make the carousel image appear aligned centered ? I’ve tried css and editing the php with center:true, as it appears to indicate in the guide here, and its always aligned LEFT on mobile…

[rvolt Friend rvoltJoin date: July 2015Posts: 88Downloads:362Uploads:0 Thanks: 13 Thanked: 6 times in 1 posts]

#745525

How do I make the carousel image appear aligned centered ? I’ve tried css and editing the php with center:true, as it appears to indicate in the guide here, and its always aligned LEFT on mobile…

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#754735

How do i make it loop continously by itself after a preset delay?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#754736

<em>@vernontee 502710 wrote:</em><blockquote>How do i make it loop continously by itself after a preset delay?</blockquote>

Hi

Did you tried adding loop:true ?

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#754738

Loop true merely lets loops back to image 1 if user clicks till end of the slideshow. Im talking about it AUTOMATICALLY switching after a delay say 3seconds.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#754741

<em>@vernontee 502713 wrote:</em><blockquote>Loop true merely lets loops back to image 1 if user clicks till end of the slideshow. Im talking about it AUTOMATICALLY switching after a delay say 3seconds.</blockquote>

All the options available are showed HERE You can try them.

Best regards

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#754748

thanks! btw… Center does not work.. images in mobile view are still left aligned, and when auto play is on, it has that weird “switching” thing.. where the previous image overlaps the next image then dissappear.

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758715

Hi @pavit, any chance this could be solved?

<em>@vernontee 502724 wrote:</em><blockquote>thanks! btw… Center does not work.. images in mobile view are still left aligned, and when auto play is on, it has that weird “switching” thing.. where the previous image overlaps the next image then dissappear.</blockquote>

[Author]

Posts