Forums / All Other Contributions/Addons / Back to Top Plugin [Support Thread]

Back to Top Plugin [Support Thread]

Results 1 to 20 of 32
29 Nov 2012, 20:46
#1
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Back to Top Plugin [Support Thread]

Hello :-)

This neat jquery plugin will add a "Back to Top" link that will automatically appear one a user scrolls your page.

Attachment 11550

See a live demo here:

Back to Top Zen Cart Plugin Live Demo

Features:

  • Completely customizable button through css

  • Adds a "Back to Top" link that will automatically appear one a user scrolls your page

  • W3C Valid XHTML and CSS

  • Cross Browser Compatible

  • No changes to core files

  • Easy Installation

  • Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.

  • Fully compatible with versions 1.3.8x, 1.3.9x, 1.5x. Would probably work with lower versions although it has not been tested.


Please post any bugs or questions here.

Thanks,

Anne
06 Dec 2012, 06:38
#2
pearcestephens avatar

pearcestephens

New Zenner

Join Date:
Nov 2012
Posts:
69
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

Not sure if its just me, but it is bugging out pretty bad on your demo website in chrome/ie.

doesn't scroll properly and half the image only displays.
06 Dec 2012, 09:06
#3
gilby avatar

gilby

Totally Zenned

Join Date:
Aug 2005
Posts:
1,816
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

In ff 17
It is mostly hidden by other elements on the page as you scroll
06 Dec 2012, 14:41
#4
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

PearceStephens:

Not sure if its just me, but it is bugging out pretty bad on your demo website in chrome/ie.

doesn't scroll properly and half the image only displays.


I just looked at it in chrome and am not seeing the problem.

Are you viewing in a really small monitor or on a hand held device?

Thanks,

Anne
06 Dec 2012, 14:45
#5
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

gilby:

In ff 17
It is mostly hidden by other elements on the page as you scroll



If you are viewing on a small monitor and want to make it float above page elements just add a z-index to the #BackToTop in the stylesheet_back_to_top.css file.

Thanks,

Anne
06 Dec 2012, 22:48
#6
gilby avatar

gilby

Totally Zenned

Join Date:
Aug 2005
Posts:
1,816
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

picaflor-azul:

If you are viewing on a small monitor and want to make it float above page elements just add a z-index to the #BackToTop in the stylesheet_back_to_top.css file.

Thanks,

Anne
Seems to be working fine now!
07 Dec 2012, 14:55
#7
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

gilby:

Seems to be working fine now!


Ok, great ;-) I'll include the z-index fix in a future update.

Thanks,

Anne
02 Jan 2013, 03:32
#8
kevin205 avatar

kevin205

Totally Zenned

Join Date:
Dec 2012
Posts:
607
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

Hello Anne - Before I start I wanted to thank you for your contribution.

I am having problems implementing the plugin. Following are some information that I though might be useful for you to view.

  • I am using / revising the Classic Template came with Zen Cart 1.5.1.
  • I have copied the following file structure to the server:
    includes/templates/classic/css/stylesheet_back_to_top.css
    includes/templates/classic/jscript/back_to_top.min.js
  • The follwing code has been added to includes/templates/classic/common/tpl_main_page.php (override)

    $right_column_file = 'column_right.php';
    $body_id = ($this_is_home_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);
    ?>
    <body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
    <?php // ** BEGIN REVISED - FOR BACK_TOP PLUG ?>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'jscript') . '/back_to_top.min.js' ?>" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    BackToTop({
    text : 'Back to Top',
    autoShow : true,
    timeEffect : 750
    });
    });
    </script>
    <?php // ** END REVISED - FOR BACK_TOP PLUG ?>


    <?php
    if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
  • Following is the screen capture of the page source of the Main / index page:

    Attachment 11694
  • Page width is 950px.


The "BACK TOP" button does not show up on any of my pages, regardless of the length.
I don't see any stylesheet reference anywhere. Could that be it?

I would appreciate your help. Thanks.
04 Jan 2013, 17:32
#9
kevin205 avatar

kevin205

Totally Zenned

Join Date:
Dec 2012
Posts:
607
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

Can anyone help me on this?
05 Jan 2013, 22:24
#10
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

If you post a link to your site I can take a look.

Thanks,

Anne
06 Jan 2013, 01:54
#11
kevin205 avatar

kevin205

Totally Zenned

Join Date:
Dec 2012
Posts:
607
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

I took out the plugin. As soon as I install it again i will let you know. Thank you.
06 Jan 2013, 14:06
#12
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

Kevin205:

I took out the plugin. As soon as I install it again i will let you know. Thank you.


Ok ;-)

Thanks,

Anne
25 Jan 2013, 00:31
#13
sharon_j avatar

sharon_j

New Zenner

Join Date:
Dec 2012
Posts:
25
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

picaflor-azul:

Ok ;-)

Thanks,

Anne


Hi Anne,

I am using this plugin also. This is in response to Kevin...It may be that he tried to view with IE..when I first loaded the module, it did not show on any pages either, and when I viewed your demo, it was absent. I was using IE, as soon as I switched to Firefox, all was well, my site and the demo site...

Sharon
25 Jan 2013, 02:04
#14
kevin205 avatar

kevin205

Totally Zenned

Join Date:
Dec 2012
Posts:
607
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

I should have have done this earlier.

My problem was, not loading the stylesheet "stylesheet_back_to_top.css" in the proper location. I had placed it in the wrong template theme folder.

I tested the back_top plugin by Anne in Firefox (18.01), Google Chrome (Version 24.0.1312.56 m) & IE (9), and it functions perfectly in all. Thank you for the reply and Thank you Anne.
25 Jan 2013, 15:55
#15
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

Sharon J:

Hi Anne,

I am using this plugin also. This is in response to Kevin...It may be that he tried to view with IE..when I first loaded the module, it did not show on any pages either, and when I viewed your demo, it was absent. I was using IE, as soon as I switched to Firefox, all was well, my site and the demo site...

Sharon


Did you try adding the z-index fix in my post #5 of this thread?

Thanks,

Anne
25 Jan 2013, 15:55
#16
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

Kevin205:

I should have have done this earlier.

My problem was, not loading the stylesheet "stylesheet_back_to_top.css" in the proper location. I had placed it in the wrong template theme folder.

I tested the back_top plugin by Anne in Firefox (18.01), Google Chrome (Version 24.0.1312.56 m) & IE (9), and it functions perfectly in all. Thank you for the reply and Thank you Anne.


I am happy that you figured out the problem :-)

Thanks,

Anne
27 Jan 2013, 01:25
#17
sharon_j avatar

sharon_j

New Zenner

Join Date:
Dec 2012
Posts:
25
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

picaflor-azul:

Did you try adding the z-index fix in my post #5 of this thread?

Thanks,

Anne


Hi Anne

No, I haven't tried the z-index as of yet for a couple of reasons: 1. When I read that particular post, it was working in FireFox, and I thought you were talking specifically about viewing on small monitors, plus, I did not know what z-index was, or what it did. 2. After reading your response to me, I did some reading on z-index to see what exactly it was and what is for. After reading, I'm still not sure how to implement z-index. The articles I read mentioned putting a number in, and I wasn't sure how low or how high to make the number, and though I know which section of the code to put it in, still not sure exactly where in that block of code I should add it.
Which, after reading the articles, it makes me wonder if that would fix an issue I am having after having installed this plug-in...I was actually getting ready to post to the forum with my question..Actually it's a two-fold question..

I am using ZC 1.51, Oxford Dark Template. I installed the Back To Top plug-in, tried to install the social network sidebar, couldn't get them to work together. So, I uninstalled the sidebar, but now, in the footer-bottom, social-media, my social icons have moved (see attachment). I'm not saying this mod caused it, that's when I first noticed it. I usually check my site after each mod install to verify any changes. I don't remember touching the footer file at all for any mod that I've used. However, something I've done has caused this..so my question is...do you think the z-index will fix this issue? If not, I will post in the Oxford Dark forum to see which specific file I need from my original download of the template and overwrite with the original file and see if this fixes the issue.

The second question is: Can I implement both the social sidebar and back to top together? I have tried to merge the files, but the edits for both say to put code in the exact same place in the tpl_main_page.php. and I am having issues merging.

Thank you so much Anne for all of your time and effort. Attachment 11836

Sharon
27 Jan 2013, 14:51
#18
picaflor_azul avatar

picaflor_azul

Totally Zenned

Join Date:
Jul 2009
Posts:
6,940
Plugin Contributions:
24

Re: Back to Top Plugin [Support Thread]

Sharon J:

Hi Anne

No, I haven't tried the z-index as of yet for a couple of reasons: 1. When I read that particular post, it was working in FireFox, and I thought you were talking specifically about viewing on small monitors, plus, I did not know what z-index was, or what it did. 2. After reading your response to me, I did some reading on z-index to see what exactly it was and what is for. After reading, I'm still not sure how to implement z-index. The articles I read mentioned putting a number in, and I wasn't sure how low or how high to make the number, and though I know which section of the code to put it in, still not sure exactly where in that block of code I should add it.
Which, after reading the articles, it makes me wonder if that would fix an issue I am having after having installed this plug-in...I was actually getting ready to post to the forum with my question..Actually it's a two-fold question..

I am using ZC 1.51, Oxford Dark Template. I installed the Back To Top plug-in, tried to install the social network sidebar, couldn't get them to work together. So, I uninstalled the sidebar, but now, in the footer-bottom, social-media, my social icons have moved (see attachment). I'm not saying this mod caused it, that's when I first noticed it. I usually check my site after each mod install to verify any changes. I don't remember touching the footer file at all for any mod that I've used. However, something I've done has caused this..so my question is...do you think the z-index will fix this issue? If not, I will post in the Oxford Dark forum to see which specific file I need from my original download of the template and overwrite with the original file and see if this fixes the issue.

The second question is: Can I implement both the social sidebar and back to top together? I have tried to merge the files, but the edits for both say to put code in the exact same place in the tpl_main_page.php. and I am having issues merging.

Thank you so much Anne for all of your time and effort. Attachment 11836

Sharon


If you post a link to your site i can take a look.

Thanks,

Anne
27 Jan 2013, 23:29
#19
sharon_j avatar

sharon_j

New Zenner

Join Date:
Dec 2012
Posts:
25
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

picaflor-azul:

If you post a link to your site i can take a look.

Thanks,

Anne


Hi Anne,

I do not have a link as this is not a live site and is hosted on my local machine. I did, however, add this mod to another site on my local machine using the same template, and the issue was not there. I compared the tpl_main_page_php from both sites. There was a difference, I implemented the difference, with no change. On this particular issue, I will post in the Oxford Dark forum to find out which files control the footer menu and compare the originals to the ones I have installed. I know that you answer both forums, but so as to not go off topic here, I will post there.

The other question, can I use this mod in conjunction with the social networking sidebar? In both, the tpl_main_page.php need edits in the same place. I had issues trying to merge the two.

Thank You,

Sharon
28 Jan 2013, 04:19
#20
sharon_j avatar

sharon_j

New Zenner

Join Date:
Dec 2012
Posts:
25
Plugin Contributions:
0

Re: Back to Top Plugin [Support Thread]

picaflor-azul:

If you post a link to your site i can take a look.

Thanks,

Anne


Hi Anne,

I've posted in the Oxford Dark forum, but have since figured it out. Am posting here since my original post was here, and in case anyone saw this post and had the same issue, they would have an answer. I don't know if you want to move this to somewhere more appropriate..

Without going through the lengthy details as I did in the Oxford forum, it did turn out to be a mod. Remember I said that I tried to install the social networking sidebar after back to top but couldn't get it to work so I removed it? Well, the conflict was because the sidebar has the exact same images as the footer menu, exact same filename, only larger size images, so the ones for the footer were replaced, and the footer was drawing from the larger images. I grabbed the original images from the template files, put those back into the correct folder over writing the files that had been overwritten, and all is well.

I am still interested in the sidebar, if it can be merged with the back to top. If so, I will rename the sidebar images by adding a 1 to the filename and changing the code to reference the new filename.

If they can't be made to play nice, I will probably take out back to top and opt for the sidebar.

Thank you so much.

Sharon