Topic Closed
juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Bugs, issues, suggestions for improvements are welcome.


Back2Top_Button_1_0b1.zip    Back2Top_Button_1_0.zip     Final version is available

 

This addon provides a Gadget that can be added to your layout via the Layout Editor* (e.g. to the AfterContent area - but you can use any area).
It shows a hovering "Back to Top" Button on the lower edge of the window/viewport when the page is scrolled to a certain amount.
The addon has lots of customization options - via Plugins->Back2Top Button->Settings.
Icon, custom text/title, transition types, position, colors, size, scroll-speed and -trigger, etc.

If you're already using the much simpler ancestor "Back2Top" which I have posted here, please uninstall it first.

 

* Some themes may add the gadget automatically after installation.

 

Screenshot of the Admin page:

Edited: 4 years ago#8368

feniweb
298 Posts

WOW, wow du überraschst uns immer wieder mit neuen unglaublichen Plugins.

Danke vielmal.

Eine kleine Anregung hätte ich da noch. Beim einblenden des Button die Transparenz festlegen z.B. 20% -50% jetzt ist die Transparenz ja auf 80% fixiert, übrigens

.gp_Back2Top.b2t-show:hover {

-webkit-opacity:1;

-moz-opacity:1;

opacity:1;

}

ist doppelt vorhanden.

4 years ago#8371

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Thx Felix,

I removed the hardcoded hover transparency in favor of customizable hover colors, which also support transparency (rgba). So we can have transparency and color transitions for the hover state.

Ich habe die vorgegebenen Transparenzwerte entfernt - zugunsten definierbarer Farben für den Normal- und Hoverzustand. Damit lässt sich nicht nur die Transparenz sondern auch die Farben animieren (rgba->rgba).

4 years ago#8375

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Here is the final Version 1.0 - it will also be available for remote install from gpEasy's Plugins repositiory shortly.

 

Back2Top_Button_1_0.zip

 

 

4 years ago#8376

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Beta is over ;>) - final version is out and available for remote installation:

gpeasy.com ->  Plugins -> Back2Top_Button 1.0

Thanks for your feedback and enjoy!

PS: Please uninstall any earlier/beta versions before installing the final one. Thx

Edited: 4 years ago#8378

feniweb
298 Posts
Danke vielmal für die Super Arbeit mit diesem Plugin. Und die vorbildliche kurz Anleitung.
4 years ago#8380

hoghoj1
183 Posts
HH-Support

Hi Juergen,

thx for the final version of this nice gadget.

I rushed to try it out with all the settings offered. I uninstalled the beta version and installed from within one of my pages (green theme LumoIt). The button came up beautifully, but when i went to the plugin settings, I was met with a blank page - no settings at all??

Refreshed the page, logged out and then in again - same result.

What might be the reason for this?

I use the version 4.4 on that page.

Gruess, hoghoj1

4 years ago#8383

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

What might be the reason for this? I use the version 4.4 on that page.

Investigating... thx for the heads up.

4 years ago#8385

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

What might be the reason for this? I use the version 4.4 on that page.

Found, fixed and updated.

Please uninstall and re-install it (it's still version 1.0, so gpEasy will not allow to "update" it)

In case you downloaded and extracted it manually to the /addons folder, first uninstall it, remove the Back2Top_Button folder, re-download it and unpack it again to /addons, then install it via Available(x)

Edited: 4 years ago#8386

hoghoj1
183 Posts
HH-Support

Hi Juergen,

Works perfect now, I love it :-)

Grüß, hoghoj1

4 years ago#8389

hoghoj1
183 Posts
HH-Support

Hi Juergen,

I added this plugin to theme Business Casual, everything looks, but no button shows up?

hoghoj1

4 years ago#8396

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

I added this plugin to theme Business Casual, everything looks, but no button shows up?

Just like e.g. the Bootswatch themes, Business Casual doesn't add the gadget automatically.
So you need to manually add the "Back2Top Button" Gadget via Layout Editor:

Click Admin Toolbox -> Apperance -> Layouts -> Business Casual/1_default

Insert the Gadget to the AfterContent Area as seen below (already inserted in the screenshot)

 

Edited: 4 years ago#8398

hoghoj1
183 Posts
HH-Support

Hi Juergen,

I should have thought of that :-(

Sorry to bother you of that.

Grüß, hoghoj1

4 years ago#8399

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Sorry to bother you of that.

No problem. You're welcome.

I could have made the addon to simply render the button on every page, once installed.
This would have been easier, but it would have deprived us of only using it on certain pages (via layouts).

You're certainly not the last asking this question ;^)

4 years ago#8400

hoghoj1
183 Posts
HH-Support

Have tested back2top final on theme Lock, gpeasy relcand46.1.

The button will not appear, until the bottom is reached, no matter if I set Page Scroll Trigger to any lower number!

How to fix this problem? Have a look: http://webroynd2.dk/gpeasy4.6cand1/

hoghoj1

4 years ago#8452

juergen
1.5K Posts
53.7K Downloads
16 Plugins
design, web development & visual effects

Sorry, there is no easy fix.

The Lock Theme uses CSS animations to intially reveal almost everything on load – this blocks the position:fixed declaration of the gp_Back2Top element.
(The reason of this behavior is likely caused by the way browsers do CSS transforms – using hardware accelerated layers. I can't find any documentation on that.)

I guess it could be fidex by editing the template.php and adding an additional Area outside the animated "container-fluid" div element.

Try adding a line 123 in template.php

<?php gpOutput::Get('Extra','NoAnim'); ?>

Goto Layout Editor and move Back2Top gadget there, the new area should be at the very bottom of the page. This should hopefully do the trick.

Edited: 4 years ago#8453

a2exfr
242 Posts
25.8K Downloads
2 Themes
10 Plugins

 if this do the work

I will  add this area to theme.

 

 

4 years ago#8455

hoghoj1
183 Posts
HH-Support

Hi Juergen,

that works beautifully :-D

Thanks a lot.

Grüß

hoghoj1

4 years ago#8456

Stuck while troubleshooting buttons, but this thread helped. Issue resolved.
4 years ago#8657

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register