Forum Support

Shape 5
March 28, 2024, 01:15:51 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to refer to specific place in article from menu  (Read 448 times)
vladimirmi
Jr. Member
**
Offline Offline

Posts: 26



« on: December 27, 2014, 04:08:49 PM »

Hello all,
it is perhaps banal problem for anyone but I really dont know how to do reference in specific place in article from Main menu in Design control template.

For example in HTML I can write

Code:
<a href="Example1">Example 1</a>
.
.
.
<p id="Example1">This is place for Example 1</p>

and click to get directly to this place.  But I really dont know how to set this reference in Main menu item  Angry

Can anyone help? Every help is much appreciated! Thank you in advance.

Vladimir


 
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: December 29, 2014, 08:01:56 AM »

Hello,

If you want it to snap to that ID you have to make the menu item an external url and set it to #Example1

The snap to function in html only works when a # is present.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
vladimirmi
Jr. Member
**
Offline Offline

Posts: 26



« Reply #2 on: January 26, 2015, 04:25:31 AM »

Hello,

If you want it to snap to that ID you have to make the menu item an external url and set it to #Example1

The snap to function in html only works when a # is present.

Hello,
thank you for your help. I found this way in documentation but it doesnt work propably I do something wrong.
What I need:
I have big full screen intro slider on my pages and content is below this slider.
eg. here: http://www.misik.cz/index.php/vizazistika/


 If I click on menu item I would like to get directly below slider to begin of text content.
for example here: http://misik.cz/index.php/vizazistika/vizazisticke-sluzby

I put on the beginning of the content this code

Code:
<h2 id="vizazisticke-sluzby" class="highlight1_text">Viz??istick? slu?by</h2>

and I set external URL menu item to call this place:

url: index.php/vizazistika/vizazisticke-sluzby.html#vizazisticke-sluzby

Please look at the disclosed images.

I think I do all OK according to documentation but it doesnt work.

Can you help me some way? Help is very much appreciated.
Thanks in advance.
Vladimir

« Last Edit: January 26, 2015, 09:29:10 AM by vladimirmi » Logged
fstromsv
Jr. Member
**
Offline Offline

Posts: 4



« Reply #3 on: January 26, 2015, 08:21:22 AM »

Hi vladimirmi.

Thought maybe I could drop in a line or two.  I used the procedure, but used full URL to point to the right place.  Since the site is still very much in development it is not available to the outside yet, so I even used the IP.  This is the URL I used for the external link in the menu:

http://192.168.1.3/joomla/index.php/about-us#Company_History

In the article I then inserted some code at the place where I wanted to jump (an extra <p> </p> to get some extra space):

<p id="Company_History"> </p>
<p> </p>
<h1>Company History</h1>

Worked fine here.

Regards
fstromsv
Logged
vladimirmi
Jr. Member
**
Offline Offline

Posts: 26



« Reply #4 on: January 26, 2015, 09:27:11 AM »

Hi,
thank you very much for your help.

I did some changes regarding your post but unfortunately it doesnt work for me Sad

Thanks once again.

Vladimir
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: January 26, 2015, 11:15:39 PM »

Hello,

This can either be done with a menu item linked to a specific position via an External URL or you can use the anchors option built into Joomla:

http://www.cloudaccess.net/joomla-knowledgebase/96-joomla-3-1/article-manager/500-adding-anchors-joomla-3-0.html
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.