How to Anchor link to module from article??

[surendra]

I have page article page and below that we have modules block related to articles points.

Bcoz this page is too long so I want to create anchor to link to modules block so when we click on point 1 it goes to module 1 and so on....

But when I am doing this, the link of point 1 goes to module 1 but it did't show the title of module and also hide all other modules and their title.

I am looking for a way to link within the article to module and when we click on it, it goes to anchor module position and still show other modules and title when we browse the page up and down.

Thanks

[pxforti]

If it's a custom module, you can put an anchor at the top of the content. If it's not a custom module, then modify module template to add the anchor.

[Webdongle]

You want the Article scroll to be in sync with the scrolling of the modules in the module position ? If that is what you want then using anchors may not achieve that effect. You could put an if else statement in your Template's index.php file. The if else would see what url/anchor was showing and display the module position accordingly. You would then need to put each module in the module position that corresponds to the url/anchor.

[Dan1980]

Just in case anyone is still interested, in Joomla 2.5.x and 3.3.x you can achieve this if you are running JCE 2.4.3+. So, this means you can create a Custom HTML module, set the Title to "Hide", and in the content just put an anchor on its own (no spaces, no other content).

Now say that you have a module in the "footer" position (for example), and you want your link to click through to an anchor that will take the user down to the start of the 'footer' position:

[*] Create your button wherever it is going to go. Set the URL to #new1 (for example)
[*] Create a new Custom HTML module
[*] Set it to the 'footer' position
[*] Set the Title to 'hide'
[*] In the content, just put an anchor only, and label the anchor as new1
[*] Save this and then return to this module
[*] Make sure that the Ordering of this module is set such that it is above the other module that is also in the 'footer' position

That's it. You should now be able to click the button that links to the #new1 anchor, and should take you down the page to the 'footer' position where your 'anchor' Custom HTML module will be invisible (and above your other 'footer' positioned module).

Easier and neater IMHO than hacking the module that you want to put an anchor in.

Hope this helps someone.

[formfranska]

Thank you Dan1980 :-)

[Spell]

Dan1980 — thank you big time for this invaluable tip! Three years later, this just saved my bacon, haha.

As a further note, depending on the template, inserting an invisible module can sometimes add a little extra "margin" height between modules, in my case about 30 px. If you have other modules in succession, as an alternate solution, you can insert the normal anchor code into the content at the bottom of the previous module that is displayed just above the one you want to link to. Do this with the editor turned off so it won't insert paragraph HTML code also (which adds space). This won't add any extra height to the margin. Thanks again for your tip.

[rast537]

Thanks a lot to Dan1980 and to Spell. You guys saved my bacon too