How to Create Anchor or Jump Links in X THeme? – Themeco Community

How to Create Anchor or Jump Links in X THeme?

CAMSS — Mon, 03 Aug 2015 23:17:36 +0000

Hi there,

is it possible to create an anchor or jump link from a button to a tabbed content tab on the same page? We are creating product pages and want visitors to click on the button to see more details about the product in a tab.

This screenshot shows what we mean:

http://camss.wpengine.com/wp-content/uploads/2015/08/Screen-Shot-2015-08-03-at-4.12.35-PM.png

Imagine a few lines of text and a button under the product title. We want to link that button to the Products Info tab. What is the best way to do that?

camss.wpengine.com
WordPress Version 4.2.3
X Theme Version 4.0.5

Thanks for your help!

Gregor

Reply To: How to Create Anchor or Jump Links in X THeme?

John Ezra — Tue, 04 Aug 2015 03:00:10 +0000

Hi there,

Thanks for writing in! Creating target links is as simple as adding an ID to the element and linking to it via your anchor tag or button. For Example:

ID
#custom-id

Link
http:/www.yourdoamin.com/page/#custom-id

However, depending on where you want to link it to you may not be able to put an id on certain areas by simply putting one in the ID field. For cases where the element in question doesn’t have an ID field, you will need a bit of custom development. This falls beyond our scope of support, so depending on what you need you may need to engage a developer.

You can check out our recommended partners: https://theme.co/x/member/custom-development/

Hope this helps – thanks!

Reply To: How to Create Anchor or Jump Links in X THeme?

airbdesign — Sat, 12 Sep 2015 22:27:09 +0000

Hello,

I’m trying to utilize Custom ID to have a link from my main site menu to scroll to a particular section of my website. One page navigation scrolling.

I added #about into the ID field of one of my elements.

I then created a Custom Links menu and have tested using the URL as #about and also tried http://www.mindfulsol.com/#about. When I click the menu item “About” at the top of my site both versions #about and http://www.mindfulsol.com/#about just reload my webpage and adds /#about at the end of the site url.

Thanks in advance!

Reply To: How to Create Anchor or Jump Links in X THeme?

Christopher — Sun, 13 Sep 2015 05:56:12 +0000

Hi there,

You don’t need to add # before ID.
You should add custom ID to section (not element), then activate one page navigation menu for your page and use section ID as URL of menu item.

section ID :

about

Menu URL :

#about

Hope it helps.

Reply To: How to Create Anchor or Jump Links in X THeme?

airbdesign — Tue, 15 Sep 2015 23:53:56 +0000

Ah yes that worked thanks for clarifying!

Reply To: How to Create Anchor or Jump Links in X THeme?

Friech — Wed, 16 Sep 2015 03:52:26 +0000

Glad we could help, Cheers!

Reply To: How to Create Anchor or Jump Links in X THeme?

braoudap — Thu, 05 Nov 2015 08:07:25 +0000

I’ve read this dialog over and over and I simply can’t get this to work. I’m trying to get the red button on this page http://www.nemopro.com (it’s in the blue section about a third of the way down) to jump down to the next section, which is called “365-DAY.” I have followed the instructions here to the T and I can’t get it to work. What am I missing?

Reply To: How to Create Anchor or Jump Links in X THeme?

Paul R — Thu, 05 Nov 2015 09:00:28 +0000

Hi,

You need to add 365-DAY as id of the next section to make your button jump down to it when click.

http://screencast.com/t/jXnHatmQofVH

Please note that you have to enable advanced controls for the id field to appear.

Hope that helps.

Reply To: How to Create Anchor or Jump Links in X THeme?

braoudap — Thu, 05 Nov 2015 15:36:53 +0000

Yes, that was it. Thanks so much!

Reply To: How to Create Anchor or Jump Links in X THeme?

Rupok — Thu, 05 Nov 2015 17:46:54 +0000

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!