Announcement

Collapse
No announcement yet.

Back to the top and breadcrumbs

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Back to the top and breadcrumbs

    Can we have a 'back to the top' button/link on pages please. My members are asking for this as they find it really useful. Would it also be possible to have a breadcrumb trail at the bottom of each page too - both of these would be very helpful especially for long pages.

  • #2
    You'll need to put these in the tracker:
    vB5 Improvement request
    http://tracker.vbulletin.com/secure/...91&issuetype=4

    vB5 New Feature
    http://tracker.vbulletin.com/secure/...91&issuetype=2

    However, for a simple "Back to top" link, see Wayne's blog HERE - shows you exactly how to do this using the new template hook system in vB5.
    MARK.B | vBULLETIN SUPPORT

    TalkNewsUK - My vBulletin 5.6.4 Demo
    AdminAmmo - My Cloud Demo

    Comment


    • #3
      Tried Wayne's template and hook but it doesn't work - the text for the link is there but it does nothing. I copied everything as directed and created the Hook (system is active) but nada!!

      Comment


      • #4
        Works fine for me on Beta 24.

        Make sure you are using a default style and try going through all the steps again.
        MARK.B | vBULLETIN SUPPORT

        TalkNewsUK - My vBulletin 5.6.4 Demo
        AdminAmmo - My Cloud Demo

        Comment


        • #5
          Redone the whole thing again - see screen captures:

          Click image for larger version

Name:	Capture2.PNG
Views:	1
Size:	24.1 KB
ID:	3691095 Click image for larger version

Name:	Capture3.PNG
Views:	1
Size:	8.3 KB
ID:	3691096

          Doing the above returns this:

          Click image for larger version

Name:	Capture.PNG
Views:	1
Size:	5.3 KB
ID:	3691094

          But the link is inactive and doesn't work. Any ideas?

          BTW I'm on Beta 24 too

          Comment


          • #6
            I have the back to top link on my experiment with VB 5, it works well for me too.

            By the way,
            Originally posted by humpty View Post
            Would it also be possible to have a breadcrumb trail at the bottom of each page too - It would be very helpful especially for long pages.
            Is a good idea. You gonna put it in as a new feature or am I?

            - - - Updated - - -

            I see you have already done it, good stuff.......


            Comment


            • #7
              Anyone any ideas why the back to the top link doesn't work? See post #5

              Comment


              • #8
                Originally posted by humpty View Post
                Anyone any ideas why the back to the top link doesn't work? See post #5
                Can't really tell by screenshots. By them, it should work. Need to see the page to see what errors are being thrown and causing the Javascript not to work.
                Translations provided by Google.

                Wayne Luke
                The Rabid Badger - a vBulletin Cloud demonstration site.
                vBulletin 5 API

                Comment


                • #9
                  Try it out at www.just4joe.com - there's no errors being flagged, the link is just dead as though it were plain text.

                  Comment


                  • #10
                    The link is not actually a link, something is wrong there.

                    Please raise a support ticket for my attention, and include an admin cp login in the "Sensitive Data" section, and I'll take a look for you.
                    MARK.B | vBULLETIN SUPPORT

                    TalkNewsUK - My vBulletin 5.6.4 Demo
                    AdminAmmo - My Cloud Demo

                    Comment


                    • #11
                      Originally posted by Mark.B View Post
                      The link is not actually a link, something is wrong there.

                      Please raise a support ticket for my attention, and include an admin cp login in the "Sensitive Data" section, and I'll take a look for you.
                      It isn't supposed to be a link, just act like one.

                      The function doesn't work because it is missing text. The words ^Back to Top should be enclosed in a DIV with the ID of toTop. It seems the blog entry ate part of the code for some reason. I am sorry about that.

                      The last line of the template should be:
                      HTML Code:
                      <div id="toTop">^ Back to Top</div><div class="clear"></div>
                      The whole footer_goto_top template should be:
                      HTML Code:
                      <style>
                      #toTop {
                        float:right;
                      }
                      
                      div#toTop:hover { cursor: hand; cursor: pointer; }
                      #toTop:after {clear:both;}
                      
                      </style>
                      <script type="text/javascript">
                      $(function() {
                          $(window).scroll(function() {
                              if($(this).scrollTop() != 0) {
                                  $('#toTop').fadeIn();    
                              } else {
                                  $('#toTop').fadeOut();
                              }
                          });
                       
                          $('#toTop').click(function() {
                              $('body,html').animate({scrollTop:0},800);
                          });    
                      });
                      </script>
                      <div id="toTop">^ Back to Top</div><div class="clear"></div>
                      I've updated the blog post as well. I am sorry for the confusion.
                      Wayne Luke
                      vBulletin Technical Support Lead
                      Last edited by Wayne Luke; Tue 15 Jan '13, 10:56am.
                      Translations provided by Google.

                      Wayne Luke
                      The Rabid Badger - a vBulletin Cloud demonstration site.
                      vBulletin 5 API

                      Comment


                      • #12
                        Works a treat thanks for that Wayne; I know what it can be like when bits go missing lol.

                        Nicely done!

                        Comment


                        • #13
                          Originally posted by humpty View Post
                          Would it also be possible to have a breadcrumb trail at the bottom of each page too - both of these would be very helpful especially for long pages.
                          Here is how you do that:

                          http://www.vbulletin.com/forum/node/4021819

                          Comment

                          Related Topics

                          Collapse

                          Working...
                          X