PDA

View Full Version : Miscellaneous Hacks - Back To Top Button


Shadow
10-13-2012, 10:00 PM
Description:
This modification adds a 'Back to Top' button powered by jQuery. It fades in and out beautifully and is fully customization from the AdminCP. You are able to easily change the colors of both normal and upon mouse hover, text and turn it off completely from the Settings menu.

This modification is an improved version of a template edit for vBulletin 4.x which can be found here (https://vborg.vbsupport.ru/showthread.php?t=286106). Credits to xixxon for the code.

Installation:

Download the product XML and import it through the 'Manage Products' page in the AdminCP.
Configure settings at: Admin CP -> Settings -> Options -> Back to Top Settings.
Done.


Changelog:
14/10/2012 - Version 1.00:
- Initial release.

Notes:
I'm always looking to improve my work for the people that enjoy using it. If you have any suggestions on how I can improve this hack then please leave a comment and I'll see what I'm able to do. Don't forget to 'Mark As Installed' if you've got it installed!

Wayne Luke
10-16-2012, 04:54 PM
A lot of options for one little link. Wouldn't it be better to use stylevars and a CSS template to control the look and feel of the button?

Shadow
10-16-2012, 06:13 PM
A lot of options for one little link. Wouldn't it be better to use stylevars and a CSS template to control the look and feel of the button?

Ideally, it's meant for users who are less tech savvy and just want a simple layout of options where they can adjust settings which are clearly marked instead of going through template code just to edit the color. It's much simpler this way in my opinion.

Phineas Flynn
10-17-2012, 07:55 PM
While that may hold some water, stylevars is the way to go, if you have different skins and need the button to match, the way you are doing it can't be done. With stylevars you can set those options to different colors for each skin.

Shadow
10-17-2012, 09:15 PM
In that sense, yeah I guess you're right. I'll put that in to an upgrade. Thanks :)

WhiskeyOSS
01-20-2013, 08:00 AM
When I installed this It stopped me from being able to edit the Modules on my vb5 site it works fine but to be able to edit I had to remove it / disable it to get the site editor to work otherwise it would go to the login page of my forums.. when I clicked a link in my site editor.

ndut
01-23-2014, 02:02 PM
nice, works on vb 5.05, thank you

DemOnstar
08-27-2015, 10:55 AM
Also works on 5.1.9.

Good stuff.
How to change the point at which the button begins to fade in could have also been a optional setting but no problems with this one.

Thanks.
Installed.

indiansnz
10-02-2015, 12:06 AM
Works on 5.1.9, thanks and installed

teddyvgt
02-29-2016, 07:38 AM
5.2.1 work

Wayne Luke
04-08-2016, 04:20 PM
This isn't really needed anymore as the footer should have this link by default.

Madekozu
04-09-2016, 03:57 AM
this one you have all the time - not only in the footer. fine on long pages.

panoramia
10-03-2016, 07:51 AM
Great job, it works perfect on 5.2.4 as well. Keep it up! You are the best!

Brasilien
02-09-2018, 01:53 PM
Hi,
just one small recommendation.
You should load jQuery with "https" instead of "http"

For a https Site this is important for a http site it doesn't matter

Christian

delicjous
02-10-2018, 06:27 AM
Hi,
just one small recommendation.
You should load jQuery with "https" instead of "http"

For a https Site this is important for a http site it doesn't matter

Christian
I think you could delete this line because jQuery is loading automatically by vB5.

Here is another example of a back to top button! (https://vbulletin-forum.de/forum/anpassungen-module-und-erweiterungen/individuelle-module/550-back-to-top-button-mit-fontawesome-icon)

Drucifer
06-03-2018, 08:13 PM
Works in v5.4.1

rjh
01-30-2019, 06:50 PM
Not working for me in 5.4.3. FYI

ringnews24
08-21-2019, 08:50 PM
Not working in 5.5.3

AMRANI
03-15-2020, 12:03 PM
not working in 5.5.6...
can anyone fix it?

shka
03-15-2020, 05:01 PM
You can edit this in the xml but also after installation

After installation:
1. AdminCP/Products & Hooks/Manage Template Hooks/Edit the "Back to Top"-Template
Change Hook Location from "footer end" to "footer_before_body_end"

Then the button should be visible in forum. But in browser console you'll see a unnessesary loading error for jquery.

2. AdminCP/Styles/Search in Templates/search for "backtotop"/choose template "backtotop"
Delete line 9 without replacement
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

AMRANI
03-16-2020, 06:02 AM
You can edit this in the xml but also after installation

After installation:
1. AdminCP/Products & Hooks/Manage Template Hooks/Edit the "Back to Top"-Template
Change Hook Location from "footer end" to "footer_before_body_end"

Then the button should be visible in forum. But in browser console you'll see a unnessesary loading error for jquery.

2. AdminCP/Styles/Search in Templates/search for "backtotop"/choose template "backtotop"
Delete line 9 without replacement
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
King!
thanks man.

hoangzu
03-26-2020, 01:43 AM
Installed and it worked v5.5.6. But when this mod turned on and all search mods not works any more.
When this mods turn off all search mods go back to nomal.
Please give me some advices! Thanks

Seven Skins
03-26-2020, 10:51 AM
Do this and it should fix the problem: https://vborg.vbsupport.ru/showpost.php?p=2602330&postcount=20