Joomla Templates Club 406,261 posts

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

#718856

Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.

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

#752795

Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#718860

Any updates on this issue as yet ? or alternatively can anyone think of a different approach to displaying the slideshow info ?

I forgot to mention also that the testimonials component also has the same issue.

Any ideas will be much appreciated as it has been a couple of weeks now and I’m keen to get the site launched.

Thanks,

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#752799

Any updates on this issue as yet ? or alternatively can anyone think of a different approach to displaying the slideshow info ?

I forgot to mention also that the testimonials component also has the same issue.

Any ideas will be much appreciated as it has been a couple of weeks now and I’m keen to get the site launched.

Thanks,

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#718862

<em>@Adam M 499337 wrote:</em><blockquote>Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.</blockquote>

Thanks Adam,

I got it off a thread on here actually, although I forget which !

It was to do with smooth scrolling down the page to the anchors

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#752801

<em>@Adam M 499337 wrote:</em><blockquote>Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.</blockquote>

Thanks Adam,

I got it off a thread on here actually, although I forget which !

It was to do with smooth scrolling down the page to the anchors

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#718995

<em>@Adam M 499337 wrote:</em><blockquote>Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.</blockquote>

I’ve removed that code and can confirm the slideshows etc. are now working again, however is there a way to get uber to scroll (downwards) to anchors smoothly ?

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#752832

<em>@Adam M 499337 wrote:</em><blockquote>Hi @scottymac1979,

I’ve managed to figure out the problem, just open file templatesuberjsscript.js and at the end of this file :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

this is incorrect as it will affect all hyperlinks, please let me know what is the purpose of this script so I can adjust it for you.</blockquote>

I’ve removed that code and can confirm the slideshows etc. are now working again, however is there a way to get uber to scroll (downwards) to anchors smoothly ?

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

#719107

Hi @scottymac1979,

You can add class to a hyperlink (i.e scroll) that you want to apply smooth scroll to it, then adjust the JS code as below :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a.scroll').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

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

1. scottymac1979

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

#752914

Hi @scottymac1979,

You can add class to a hyperlink (i.e scroll) that you want to apply smooth scroll to it, then adjust the JS code as below :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a.scroll').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);

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

1. scottymac1979

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#719336

<em>@Adam M 499499 wrote:</em><blockquote>Hi @scottymac1979,

You can add class to a hyperlink (i.e scroll) that you want to apply smooth scroll to it, then adjust the JS code as below :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a.scroll').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);
</blockquote>

Brilliant, that works great in my custom html modules etc. ….. just one final thing if you don’t mind (no rush, I know you are busy).

Is there a way that I could edit the buttons within the slideshow CSS so that they use the scroll class by default ?

I could possibly work it out myself but just don’t want to mess it up now that it is so close.

Thanks again for all of you help with this (and teaching me something along the way)

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#753023

<em>@Adam M 499499 wrote:</em><blockquote>Hi @scottymac1979,

You can add class to a hyperlink (i.e scroll) that you want to apply smooth scroll to it, then adjust the JS code as below :

//Smooth scrolling for anchor
(function($) {
$(document).ready(function(){
$('a.scroll').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
});
})(jQuery);
</blockquote>

Brilliant, that works great in my custom html modules etc. ….. just one final thing if you don’t mind (no rush, I know you are busy).

Is there a way that I could edit the buttons within the slideshow CSS so that they use the scroll class by default ?

I could possibly work it out myself but just don’t want to mess it up now that it is so close.

Thanks again for all of you help with this (and teaching me something along the way)

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

#719867

Hi @scottymac1979,

Actually, the slide in Slideshow is not defined in the slideshow itself but it load a JA ACM – Hero module there instead, so if you modify the code for those buttons, it will be applied to all JA ACM – Hero type modules (unless you only use JA ACM – Hero in Slideshow).

Anyway, to update as request, you can open file templatesuberacmherotmplstyle-1.php and look for this line and add the class as suggested :

<a href="<?php echo trim($btnFirstLink); ?>" title="<?php echo trim($btnFirstText); ?>" class="btn btn-primary btn-rounded"><?php echo trim($btnFirstText); ?></a>

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

1. scottymac1979

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

#753163

Hi @scottymac1979,

Actually, the slide in Slideshow is not defined in the slideshow itself but it load a JA ACM – Hero module there instead, so if you modify the code for those buttons, it will be applied to all JA ACM – Hero type modules (unless you only use JA ACM – Hero in Slideshow).

Anyway, to update as request, you can open file templatesuberacmherotmplstyle-1.php and look for this line and add the class as suggested :

<a href="<?php echo trim($btnFirstLink); ?>" title="<?php echo trim($btnFirstText); ?>" class="btn btn-primary btn-rounded"><?php echo trim($btnFirstText); ?></a>

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

1. scottymac1979

[scottymac1979 Friend scottymac1979Join date: September 2015Posts: 36Downloads:5Uploads:0 Thanks: 17 Thanked: 2 times in 1 posts]

#720244

<em>@Adam M 499845 wrote:</em><blockquote>Hi @scottymac1979,

Actually, the slide in Slideshow is not defined in the slideshow itself but it load a JA ACM – Hero module there instead, so if you modify the code for those buttons, it will be applied to all JA ACM – Hero type modules (unless you only use JA ACM – Hero in Slideshow).

Anyway, to update as request, you can open file templatesuberacmherotmplstyle-1.php and look for this line and add the class as suggested :

<a href="<?php echo trim($btnFirstLink); ?>" title="<?php echo trim($btnFirstText); ?>" class="btn btn-primary btn-rounded"><?php echo trim($btnFirstText); ?></a>
</blockquote>

That works perfectly … site completed !

Thanks so much for all of your help with this, you’re a legend … Cheers

[Author]

Posts