OK, so I'm clear on this, since I have very little knowledge of this:

1. Let's say the name of my link will be the word, product.

So, the HTML code will be


2. In the link URL box, I insert:
#product

is that right?

thanks very much.

You got it!

I wanted to try this and found this simple post.

I linked the anchor text "The Story" as follows

Insert this text in an HTML block above the target block:
<a name="the-story" />

Insert this text in the link box: #the-story

The link worked, but unfortunately, it caused all the text in the target block to turn blue and behave as link text.

It did the same to all subsequent blocks as well.

Is there a solution to that?

Hmm... try this instead:

Perfection. ;-) Thanks

This is working well now!

Hi

I am trying this out and it works but it keeps opening in a new tab. Is there any way that I can stay on the same page when a link is clicked?

Thanks

Barry

If it's opening in a new tab, it's probably due to some javascript on your page that is modifying links to do that (because there's nothing about the procedure I explained above that would make it open in a new tab on its own). This javascript might be from your theme, or an addon you have... or maybe some script code that was put into the "header extra content" page property or in an HTML block somewhere on the page.

Hi There,

I am really struggeling with my anchor tags.
I'm trying to make a back to top anchor tag (thats hard coded into the code and not added via edit page).
So I have an image as the button and then it links to the anchor at the top of the page.
When I click the button it simply changes the URL to the same page, but with #backtotop at the end of it.
It doesn't move me to the top of the page at all. I saw someone say that there's a cheat because concrete5 can be buggy with anchor tags, so I tried adding the ./ infront of the # as they recommend, but it gives the same result mentioned above.

(could it be an issue due to the fact that the website is still in the conc subfolder?)

This is my code:
<a name="backtotop"></a>

<a href="./#backtotop"><img src="<?=$this->getThemePath()?>/images/back-to-top.jpg" alt="back to top" /></a>

Being in a subfolder should not matter, because anchor links are handled entirely client-side in the browser (so once the page is loaded into the browser then the anchor links don't request anything more from the server).

Having <a name="backtotop"></a> and then linking to it via <a href="#backtotop"...</a> should work just fine. If not, there might be some javascript on the page that is altering the link clicks somehow? Or double-check the spelling of everything? If the site is publicly available, can you post a link to that page so we can look at it?

Alternately, you could try doing the anchor as an id on a div instead, like <div id="backtotop"></div> ... and leave the link (<a href="#backtotop">...</a>) the same.

-Jordan

Thanks so much!
Changing it to a div worked perfectly!

If I want to add a link to an anchor on another page in my site how would I do that? Do I need to add the entire URL to accomplish this?
Thanks

This doesn't work. I've tried a million variations and none of them will work when linking between blocks.

just got this to work:

Add HTML block, above where you want the anchor, insert:

<a name="new-features"></a>

add link where you want to link from:

https://www.yourpageurl/#new-features...