Hello,
is your plugin wordpress 6.3 tested? only 6.1? PHP 8.2?
Regards
Rainer
Is there a way to make the icon size responsive? Rather than not showing the icon on mobile devices – I would like the size to change with resolution.
Is there a way to either add this to the plugin – or how can I change icon size with CSS? (i know how to detect resolution with css – but something is taking priority over my css insers)
Below is not working
to_top_scrollup {width=40px !important; height=40px !important; font-size=40px !important; }
I know the selector is correct – because if I remove the width/height/font-size from the default position it will use the one I have given – but somehow the plugin has higher priority than my css inserts (while it should be the other way around).
I think the best solution is if to top would include a CSS window in the plugin – which will be added after the default CSS so that the CSS can be altered. Because I guess something in the functionality of to top would not work if it is not loading after the rest of the website CSS?
]]>Although the 2.5.2 version is shown as available on wpackagist, a 404 error is thrown when installing or updating via composer that suggests the version isn’t actually available for download:
# composer require wpackagist-plugin/to-top:2.5.2
./composer.json has been updated
Running composer update wpackagist-plugin/to-top
Loading composer repositories with package information
Updating dependencies
Lock file operations: 1 install, 0 updates, 0 removals
- Locking wpackagist-plugin/to-top (2.5.2)
Writing lock file
Installing dependencies from lock file (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
- Downloading wpackagist-plugin/to-top (2.5.2)
Failed to download wpackagist-plugin/to-top from dist: The "https://downloads.www.ads-software.com/plugin/to-top.2.5.2.zip" file could not be downloaded (HTTP/2 404 )
This is limited to version 2.5.2. The prior version install/updates with no problem.
]]># composer require wpackagist-plugin/to-top:2.5.1 Info from https://repo.packagist.org: #StandWithUkraine ./composer.json has been updated Running composer update wpackagist-plugin/to-top Loading composer repositories with package information Updating dependencies Lock file operations: 1 install, 0 updates, 0 removals - Locking wpackagist-plugin/to-top (2.5.1) Writing lock file Installing dependencies from lock file (including require-dev) Package operations: 1 install, 0 updates, 0 removals - Installing wpackagist-plugin/to-top (2.5.1): Extracting archive Generating autoload files 25 packages you are using are looking for funding. Use the
composer fund
command to find out more! No security vulnerability advisories found
I’ve tried different icon sizes with different x offsets but still getting ‘Mobile Usability issues’ emails from Google that ‘Clickable elements too close together’ – Anyone know a way around this?
]]>I set the icon to appear in the top right, but it’s still in the lower right.
]]>For the life of me, I cannot figure out how to add a custom image I have for the icon. I even found an old topic on it here and that does not work.
In the settings under Basic, I set the style to image and saved.
Under Icon Settings, there are a number of options there. But none of them (that I can see) are for selecting the actual image I want to use.
I checked all of the other tabs to and nothing that I can see.
What am I missing?
Thanks for the help.
]]>Hi
yesterday the plugin showed on mobile iphone but today it doesn’t. I have installed it in two pages
https://nicolascabezas.es/
and
https://nicolascabezas.cat/
It shows on none of them??
What shall I do?
]]>Just wanted to bring to your attention that when using the Twenty-Twenty-Two theme, Appearance > Customize is normally replaced by the Site Editor.
After installing this plugin, “Customize” suddenly appears back in the Dashboard menu along with the site editor. Which is a little jarring.
]]>Hi,
I am a happy user of your plugin and i wonder if its possible to hide this icon
on specific pages on my wordpress site ?
today i have it shown on all my pages but would like to hide in on some of my pages
if thats possible / how to ?
:o)
]]>Hi
I see the option to hide on small screens but I want to do it the other way around, I want the scroll to top to be only shown on small screens
How can I do that?
Hi, is it possible that the plugin only works on the admin console side but not on the website? Any idea what could be the cause?
]]>Try visiting the link in normal chrome, chrome incognito or with edge browsers. The button at the bottom right never appears in incognito or in edge.
What’s wrong?
]]>The to top button will be presented as a graphic element for visually impaired visitors, however since it is not a link, screen reader users are confused by it.
Please add an option to add the aria-hidden="true"
attribute to the enclosing <span>
. This will hide the element from screen readers.
Thanks for considering.
]]>If the user chooses “Icon Using Dashicons”.
It would not show on guest mode.
$option = to_top_get_options();
$dependency = array();
if ( ‘icon’ == $option[‘style’] ) {
$dependency[] = ‘dashicons’;
}
else if ( ‘genericon-icon’ == $option[‘style’] ) {
$dependency[] = ‘genericons’;
wp_register_style( ‘genericons’, plugin_dir_url( __FILE__ ) . ‘css/genericons/genericons.css’, false, ‘3.4.1’ );
}
else if ( ‘font-awesome-icon’ == $option[‘style’] ) {
$dependency[] = ‘font-awesome’;
wp_register_style( ‘font-awesome’, plugin_dir_url( __FILE__ ) . ‘css/font-awesome/css/font-awesome.min.css’, false, ‘4.5.0’ );
}
wp_enqueue_style( $this->plugin_name, plugin_dir_url( __FILE__ ) . ‘css/to-top-public.css’, $dependency, $this->version, ‘all’ );`
`
Can you add ‘async’ attribute to the script tag?
]]>hi,
i’ve found, that setting
html, body { height: 100%; } /* it may be any value set */
makes To Top not working (button is not displayed), but I’ve found solution – you need to check ‘window’ and ‘body’ for scrollTop, and set .scroll( fnScroll ) for ‘body’ also in to-top-public.js.
mozilla and chromium-based browsers verified (but not webkit)
see code (modified to-top-public.js content):
———————————————
( function ( $ ) {
“use strict”;
$( function () {
var container = $( “#to_top_scrollup” ).css( {
opacity: 0,
} );
var data = to_top_options;
var mouse_over = false;
var hideEventID = 0;
var fnHide = function () {
clearTimeout( hideEventID );
if (container.is( “:visible” )) {
container.stop().fadeTo( 200, 0, function () {
container.hide();
mouse_over = false;
} );
}
};
var fnHideEvent = function () {
if ( !mouse_over && data.enable_autohide == 1 ) {
clearTimeout( hideEventID );
hideEventID = setTimeout( function () {
fnHide();
}, data.autohide_time * 1000 );
}
};
var scrollHandled = false;
var fnScroll = function () {
if ( scrollHandled )
return;
scrollHandled = true;
if ( $( window ).scrollTop() > data.scroll_offset || $( “body” ).scrollTop() > data.scroll_offset ) { // jmsz changed
container.stop().css( “opacity”, mouse_over ? 1 : parseFloat( data.icon_opacity / 100 ) ).show();
fnHideEvent();
} else {
fnHide();
}
scrollHandled = false;
};
if ( “undefined” != typeof to_top_options.enable_hide_small_device && “1” == to_top_options.enable_hide_small_device ) {
if ( $( window ).width() > to_top_options.small_device_max_width ) {
$( window ).scroll( fnScroll );
$( document ).scroll( fnScroll );
$( “body” ).scroll( fnScroll ); // jmsz added
}
} else {
$( window ).scroll( fnScroll );
$( document ).scroll( fnScroll );
$(“body”).scroll( fnScroll ); // jmsz added
}
container
.hover( function () {
clearTimeout( hideEventID );
mouse_over = true;
$( this ).css( “opacity”, 1 );
}, function () {
$( this ).css(“opacity”, parseFloat( data.icon_opacity / 100) );
mouse_over = false;
fnHideEvent();
} )
.click(function () {
$( “html, body” ).animate( {
scrollTop: 0,
}, 400 );
return false;
} );
} );
} )( jQuery );
Hi there,
I installed a new theme (Audioman), which used a bunch of Crash and other 3rd party plugins including “To Top”.
I tried enabling and configuring To Top. After saving a few times, I saw on my page that I saw 3 buttons, and in more than one location: top and bottom right.
Do you see the problem when you view my page? What other information would be helpful? I saw the same behaviour on MacOS desktop Chrome browser and Android phone Chrome browser.
Thanks for any ideas.
]]>Worked well until I upgraded to WordPress 5.5. The site continued to work but when I tried to add a new theme every one showed as not supported on my level of WordPress/PHP and I couldn’t add any themes.
Disabled the plugin and all works well.
]]>Which animation effects possible to use in your plugin?
]]>This is just a test page before going live.
Anyway, it works fine in admin but not on the actual page.
This plugins add a primary menu to WP Admin just for the sake of a single settings screen.
To follow the core standard, the To Top settings screen should be under ‘Settings’. Can you please look at moving it there, rather than cluttering the primary menu space?
Thanks.
]]>how to change scroll effect type ?
]]>Hi
Recently I migrated the site and the arrow icon disappeared. Can u help me?
If I turn on To Top the WooCommerce Sage Pay plugin is unable to load required content in an iframe during checkout to handle the 3D Secure card check, which stops customers from completing their card payment.
This doesn’t affect the Sage Pay Form integration, as payment is handle on Sage pays servers. But when using the direct mode and taking card details on our website, a header that is required to be sent to the page loaded in the iframe is missing, the missing header is “paReq”.
]]>Is it possible to create custom icon for the up button? Please help me to find the way how to make it work.
]]>After activation, I get this errors:
Warning: array_merge(): Argument #2 is not an array in …\wp-content\plugins\to-top\to-top.php on line 92
Warning: array_merge(): Argument #2 is not an array in …\wp-content\plugins\to-top\to-top.php on line 92
Warning: array_merge(): Argument #2 is not an array in …\wp-content\plugins\to-top\to-top.php on line 92
]]>1. open the website with To Top from desktop
I have set to top for be showed on top right so
2. Without scroll down the page simply click on the top right, the arrow is showed. This is bug
Also on mobile android.
]]>When this plug-in is activated,”NetworkError: A network error occurred.” in console.
When its deleted – no errors.
Recently installed To Top Plugin in my development site for a member organization. I am using Beaver Builder theme. I love how it can be configured, and it works wonderfully.
EXCEPT —
My pages are loading noticeably slower. And much worse than that, about half the time a page loads, or often after it loads and I’ve scrolled down and them back up again, the top of the page disappears behind the header – the page seems not to properly “snap” into place. I can drag it down (partially) and see what is hidden behind the header, but what’s at the top is an important full-width row with a full-width custom menu. As soon as I deactivated To Top, the loading speed became MUCH faster, and the problem with the top remaining behind the header went away.
I’ll be happy to re-activate the Plugin, but these problems have to be fixed first.
Thanks, Steve
]]>