[CAMSSParticipant]

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

[John EzraMember]

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!

[airbdesignParticipant]

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!

[ChristopherModerator]

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.

[airbdesignParticipant]

Ah yes that worked thanks for clarifying!

[FriechModerator]

Glad we could help, Cheers!

[braoudapParticipant]

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?

[Paul RModerator]

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.

[braoudapParticipant]

Yes, that was it. Thanks so much!

[RupokMember]

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!

[redmond91Participant]

Hi
I’m trying to a link a feature icon to a section on another page. I’ve tried doing what is described in this forum but I still cant get it to work

heres a screenshot of the to pages I’m trying to link

Attachments:

You must be logged in to view attached files.

[RupokMember]

Hi @redmond91

Thanks for updating. Feature Icon can’t be linked. However you can use the Link option in feature box as the link of feature box image by adding this under Custom > JavaScript in the Customizer.

jQuery ( function( $ ) {

$('.x-feature-box-text a:last-child').each( function() {

$( this ).parent().parent().parent().find('.x-feature-box-graphic-inner i').wrap( '<a href="' + $( this ).attr('href') + '"></a>' );
$( this ).remove();

} );

 } );

Make sure to put some text (as you wish) on the “Link Text” field and your section ID as URL/Link to the HREF field. See – http://prntscr.com/9m8vqh

Hope this helps.

Cheers!

[redmond91Participant]

Yeah that worked Thanks

[Prasant RaiModerator]

You are most welcome. 🙂

[Peter MParticipant]

I’ve added a couple of menu items with custom links to sections on my home page, using # before the section id and they work fine.

But there’s a line under each of those menu items, which looks bad. I presume it’s because you’re on the page that the custom link goes to, just a specific section on that page. But is there a way to remove that line?

Thanks.

[Author]

Posts