FAQ section from Event template

Hi!
I was looking for an opportunity to make in a template "University", module from the template "Events" . At the forum, I found a topic https://www.gavick.com/forums/john-joom ... aq#p191014
I was able to deal with styles and file gk.script.js and header.php,
I made ​​changes, and now disclose the FAQ list .
But there is no animation effect when scrolling the page.

What have I missed ?
my template version.... University 3.15....

Can you help me ?

Could you please post an url to your site - to a sample page where the change should be made?

Hi
http://www.vperemen.com/test
Thank U!

The section called:
"ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ"
works as it should - copying faq behave. When I click one of the items it slides down the description under it.
Could you please be more specific what is wrong?

And why did not I taught English at school....
I mean fade blocks while scrolling . In a pattern Events They appear ( fly ) , one by one ...
It is difficult to make the same effect on my site?
In general, I would like to make a feature of many modules. If you tell me one example , I think I can understand more .

I read about "scrollreveal" but do not understand how to use it in a template ... I'm just afraid something to break the

You have included scrollreveal.js script but haven't called it out anywhere.
In events template you can find it being initialized in:
templates/gk_events/layouts/default.php
file.
Please edit default.php file in university template and add modify bottom of the file to make it look like this:

Code: Select all

      <nav id="aside-menu">
         <div>
            <?php
               $this->asidemenu->loadMenu($this->API->get('menu_name','mainmenu'));
                $this->asidemenu->genMenu($this->API->get('startlevel', 0), $this->API->get('endlevel',-1));
            ?>
         </div>
      </nav>   
         
   <script>
      if(window.getSize().x > 600) {
         document.getElements('.agenda .gkTabsItem').each(function(tab, i) {
            tab.getElements('.nspArt').each(function(art, i) {
               art.setProperty('data-scroll-reveal', 'enter top and wait '+(i * 0.25)+'s').addClass('scroll-revealed');
            });
         });
         
         window.scrollReveal = new scrollReveal();
      }
   </script>
   
   <jdoc:include type="modules" name="debug" />


(you need to add the script section before debug module).

Hi, Cyberek !
Thank you for your help! Everything works just fine !

I'm glad I could help .
Please let me know if you would have any additional questions regarding this topic.