Creating a 'Page Top' link / anchor

**tkroh** · 4 Dec 2006, 10:13 PM

Oh, I see what your issue is/was. Another solution for you would be to add an image/button/link that says "Top" with an onclick event that takes you to the top of the page--no server-side voodoo required.

Code:

<img src="Top.png" alt="Top" onclick="document.body.scrollTop=0;" />

**slabadoo** · 13 Mar 2007, 06:44 PM

Hate to open this one back up but the thread is still unanswered if you are in a category. The link tothe anchor still goes to the main page and still refreshes it. Or of course I am still doing it wrong. Is there anyone out there that has made the anchor work with refreshing but going to the top?

Thanks,
Rick

**Website Rob** · 15 Mar 2007, 12:42 PM

I guess what makes it confusing is that 3 files have to be changed:

1. includes/templates/custom/common/tpl_footer-pagetop_link.php
2. includes/templates/custom/common/tpl_footer.php
3. includes/templates/custom/common/tpl_main_page.php

Use the code provided by Paul on page 1 of this thread, for the first 2 pages. The 3rd page, is your other half of the link and uses:

Code:

<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>

<div><a id="top"></a></div>

Working example: http://reelstackle.com/

**shocker** · 7 Dec 2008, 11:33 AM

I've tried using the following example from paulm to place a ^top^ link at the bottom of my define_shipping.php page.

But it doesn't work. Am I missing something? I also have anchor tags on this page that I want to use, but I can't seem to get it working without reloading the whole page.

Originally Posted by paulm

Hi Rob,

So I think it's better to use:

Code:

<a href="<?php echo zen_output_string_protected($_SERVER['REQUEST_URI']); ?>#top">Top</a>

**Website Rob** · 8 Dec 2008, 11:10 AM

Did you apply changes to the 3 files mentioned in the post above yours?

**shocker** · 9 Dec 2008, 01:59 PM

Originally Posted by Website Rob

Did you apply changes to the 3 files mentioned in the post above yours?

I got this working

, but one of the things I want to do is have links on my shipping_info page to anchor link locations on the same page.

See: http://www.nahidfashions.com/boutique/shippinginfo.html

I have this setup, but the page completely reloads. This shouldn't be necessary.

Is there a similar tag for in-page anchors like the "top" anchor?

**shocker** · 19 Mar 2009, 05:49 AM

How can apply this to other in-page links?
Adding more div's in the tpl_main_page.php doesn't seem practical every time I want a new in-page link.

Thread: Creating a 'Page Top' link / anchor

Thread Tools

Search Thread

Display

Re: Creating a 'Page Top' link / anchor

Re: Creating a 'Page Top' link / anchor

Re: Creating a 'Page Top' link / anchor

Re: Creating a 'Page Top' link

Re: Creating a 'Page Top' link

Re: Creating a 'Page Top' link

Re: Creating a 'Page Top' link / anchor

Similar Threads

Adding Anchor Links (jump from top to bottom of page) to Product Pages Template

Creating a link to an Ez-Page

creating anchor links in defined pages like shippinginfo.html

Creating link back to top of page

Back to top anchor in footer.

Posting Permissions