Joomla Templates Club 406,261 posts

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#199687

Hi,

when I look to the doc from Appolio

To enable this feature, we need to add Module ID then define the Module ID in the script.js file (located in templates/ja_appolio/js

But when I did quickstart install and looked in the script.js
I could not find something like this
$.each([‘#onepage_1′,’#onepage_2′,’#onepage_3′,’#onepage_4′,’#onepage_5′,’#onepage_6′,’#onepage_7′,’#onepage_8′,’#about1′,’#leadership’,’#our_team’,’#explore_and_share_the_place_you_love’,’#page-187′,’#page-191′,’#page-192′,’#page-193′,’#page-194′,’#page-206′,’#page-209′,’#page-207′,’#page-217′,’#page-225′,’#page-226′],function(i,element){
$(element).visibleElement();
});

but the The animation of section in Homepage was working :((

where can i find it in the script.js file

thanks

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#542392

Hey Citroen,

You are talking about the content that zooms in when you scroll down? I had this kind of question before, because it didn’t load well. These animations are not JS but are done in CSS.

If you create a custom.css inside your template/css folder, then put this in:

.section.parallax.section-center.inview .last-content {
animation: scale-up 0s ease-out 0s both;
}

Then change the number in the red, I hope this is what your meaning!

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#542402

where could you find it in the orginale css file

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#542403

I think the original is located in ja_appolio/css/template.css

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#542521

you could find it to in the less folder
and then style.less

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#542522

Hi,

Actually, this CSS code is defined how the animation works so you shouldn’t modify it.

.section.parallax.section-center.inview .last-content {
animation: scale-up 0s ease-out 0s both;
}
@citroen1968a : I think you missed this part :

<blockquote>To add Module ID for module, open Advanced tab then add id to the Module Class Suffix field.</blockquote>

That means you will have to create a module >>> switch to tab Advanced (in module setting panel) >>> add unique value in Module Class Suffix (for example my_unique_module) >>> place it in frontpage >>> open file script.js then update the code. Please note that if you used my_unique_module, so you will have to type #my_unique_module.

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#542523

Hi,

Maybe the problem now is that the doc. is not up to date and then it is difficult to find out how it is working:((

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#542541

Hi,

If you want to list all modules are using this feature, please navigate to Admin >>> Extensions >>> Module Manager >>> in the Filter column on the left >>> choose to display all modules in position ‘parallax’

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#542567

Hi Adam,

i did not missed that part
but when you look at the doc
http://www.joomlart.com/documentation/joomla-templates/ja-appolio
they this used in advanced module Bring it everywhere
onepage-1 onepage-center

but when you looked at quick install with same module you see this

everywhere section-center:((

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#542691

Hi,

I have rechecked the documentation and found that it’s a bit out-dated. I reported this matter to development team to update online documentation as soon as possible.

Back to your problem, you can duplicate than edit any existing module to suite your need, there’s no need to update the script.js file as all modules placed in position ‘parallax’ will be taken automatically.

Thanks for your understanding.

1 user says Thank You to Adam M for this useful post

1. citroen1968a

[Author]

Posts