Slideshow fade and opaqueness of overlay

patvandenbosche

Back in October, I was working on another site using the same template, chamber.perrycountytn.com, and needed the slideshow to fade in and out, change the opaqueness of the overlay on the slideshow, and the speed. I was told you created a new scipt in /templates/ja_landscape/local/acm/slideshow/tmpl/style-owl.php that would do all this. And it did. But when I wanted to get the same code loaded into two others sites I'm building for Perry County TN, I could not locate any file at /templates/ja_landscape/local/acm/slideshow/tmpl/style-owl.php. There is no such subdirectory. I do not know where to place this script. Here is the script as shown in my original ticket that Joomlart said they added:

<script>
(function($){
  jQuery(document).ready(function($) {
    $("html[dir='ltr'] #acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
      addClassActive: true,
      items: 1,
      margin: 30,
      loop: true,
      nav : false,
      dots: true,
      animateIn: 'fadeIn',
      animateOut: 'fadeOut',
      autoplay: <?php echo $autoplay; ?>,
	  autoplayTimeout:5000,
      smartSpeed: 1500,
    });

    $("html[dir='rtl'] #acm-slideshow-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
      addClassActive: true,
      items: 1,
      margin: 30,
      loop: true,
      nav : false,
      dots: true,
      autoplay: <?php echo $autoplay; ?>,
      rtl: true,
    });
  });
})(jQuery);
</script>

I also have css in ja_landscape/local/custom.css and ja_landscape/css/custom.css as follows:

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}

/* reduce opacity of slideshow overlay */
.acm-slideshow .item:before {    opacity: .1}

I need to place this in two sites, courts.perrycountytn.com and gov.perrycountytn.com. Please tell me how to do get control over the slides to have fadein and fadeout speed and density of overlay.

Thank you.

Ninja

patvandenbosche
Hi
Local folder is an override for the template files. If you have the same site with these changes in JA landscape just create the folder in the same path and add this ACM override file and it will work as expected.

Hope it helps.

Regards

patvandenbosche

My point is the path and file do not exist in chamber.perrycountytn.com where it is working. The file may exist, but it isn't in this path as I stated. So starting from ground zero, please look at courts.perrycountytn.com as if this was a new ticket, a problem with courts.perrycountytn.com, and tell me how to make the slideshow on the homepage fade in and out and how to gain control over the opaque overlay of the slides. Thank you.

patvandenbosche

I found the path in Chamber, copied the files to the same path in Courts, and it didn't work. The files didn't work in templates... and they didn't work in modules... so I don't know what the path is where the files exist in Chamber in order to copy them to Courts.

The path I found was modules/mod_ja_acm/acm/sample/tmpl and I was told in the original ticket the files were placed in templates/ja_landscape/acm/slideshow/tmpl. Please help me get the fixes in the right place for courts.perrycountytn.com and tell me exactly where they are so I can them make the same changes to a third site gov.perrycountytn.com using the same template.

Thank you.

patvandenbosche

Just in case you need it, the password is the same for your user in both sites for the administrator backend and ftp.

Ninja

patvandenbosche
Hi
I am not sure from which ticket you make this custom work to change the slideshow. As it does not come with this style.
Open this file : file "/acm/slideshow/tmpl/style-owl.php" in template "ja_landscape".
This is the file that use to load ACM slideshow and when you make a custom work on this you can put it in the local folder so it work as override and does not updated during the template updates, thats how local folder work.

patvandenbosche

The ticket I was referring to, although it has no exact ticket number, here is a link to it:
Ticket on slideshow

I found the file that was changed, but it was not in the subdirectory under local. It was only modified in the real file:
/public_html/chamber/templates/ja_landscape/acm/slideshow/tmpl

I have now copied it to the location in the local subdirectory in both the Chamber website AND the Courts website. The confusing part is the original ticket from back in October made no mention of where the file was that was changed. So when you said to copy the same file to the same location in the Courts site I didn't know where the "same file" was!

Now it is working on the Courts website, and I now know it won't get rewritten on either site.

Thank you for your help.

Pat

Ninja

patvandenbosche Now it is working on the Courts website

Hi
if its same site template, just replace the files with working file. thats all.
To make override of it you can make copy of file in the local folder.