Joomla Templates Club 406,261 posts

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#205071

In my home page I have a Features Intro style-5 module.

The “Features Intro Details” content of the module, only appear, with a delay of some seconds, when I scroll down the page.

This is not beautiful to see.

Is it possible to change this behaviour (i.e. immediately loading the “Features Intro Details” or do it faster when user scroll the page)?

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#565015

Hi

Could you post your site’s URL here so that I can take a look? also tell me the Uber style you’re using.

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#684347

Hi,

I would also like to fix this, as the info appears rather late and it looks empty. I am using Uber Church on this url:

http://testserver.santamariamedia.com/stmark/

I’d be grateful if you could take a look.

Many thanks

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#748765

Hi,

I would also like to fix this, as the info appears rather late and it looks empty. I am using Uber Church on this url:

http://testserver.santamariamedia.com/stmark/

I’d be grateful if you could take a look.

Many thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#684987

Hi

If you don’t want to have this inview feature – elements appear only when scrolling to, you will need to change a bit in JS and ACM Features Intro – Style 5:

– /root/templates/uber/js/script.js
Look for this code:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


change it to:


//inview events
$('.feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


– /root/templates/uber/acm/features-intro/tmpl/style-5.php

Replace:


<div style="animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms; -webkit-animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms;" data-animation="fade" class="col animate">


with:


<div style="animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms; -webkit-animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms;" data-animation="" class="col">


Remember to backup your files before making changes.

Hope this helps.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#748839

Hi

If you don’t want to have this inview feature – elements appear only when scrolling to, you will need to change a bit in JS and ACM Features Intro – Style 5:

– /root/templates/uber/js/script.js
Look for this code:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


change it to:


//inview events
$('.feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


– /root/templates/uber/acm/features-intro/tmpl/style-5.php

Replace:


<div style="animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms; -webkit-animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms;" data-animation="fade" class="col animate">


with:


<div style="animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms; -webkit-animation-delay: <?php echo ($animationDelay + ($animationDelay * $i)); ?>ms;" data-animation="" class="col">


Remember to backup your files before making changes.

Hope this helps.

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#688135

Thanks Saguaros. This change makes the features-info block load with the page (better than before), but I wonder if we could instead modify the ‘inview’ variable so that we still have the nice ‘fade’ effect, but loading much earlier when scrolling down the page? As it is now, I have to wait for the top of the features title to come to the top of the page – can we set the inview effect kick in earlier than that?

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#749180

Thanks Saguaros. This change makes the features-info block load with the page (better than before), but I wonder if we could instead modify the ‘inview’ variable so that we still have the nice ‘fade’ effect, but loading much earlier when scrolling down the page? As it is now, I have to wait for the top of the features title to come to the top of the page – can we set the inview effect kick in earlier than that?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#691724

Let me check with the team for further checking on this improvement.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#749409

Let me check with the team for further checking on this improvement.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#691726

You can rollback above change and open this file: /root/templates/uber/js/script.js

Look for this snippet of code:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


change it to:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'top' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


1 user says Thank You to Saguaros for this useful post

1. sublimemag

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#749411

You can rollback above change and open this file: /root/templates/uber/js/script.js

Look for this snippet of code:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'bottom' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


change it to:


//inview events
$('.section, .feature-animate, .sections-wrap .t3-module').bind('inview', function (event, visible, visiblePartX, visiblePartY) {
if (visible) {
if (visiblePartY == 'top' || visiblePartY == 'both') {
if(!$(this).hasClass('section-mask')){
$(this).addClass('inview').trigger('inview');
}
}
}
});


1 user says Thank You to Saguaros for this useful post

1. sublimemag

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#691952

Thank you! That’s exactly what I needed 🙂

[sublimemag Friend sublimemagJoin date: May 2012Posts: 29Downloads:49Uploads:4 Thanks: 10 Thanked: 7 times in 3 posts]

#749465

Thank you! That’s exactly what I needed 🙂

[Author]

Posts