-
AuthorPosts
-
August 3, 2015 at 6:17 pm #349011
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.5Thanks for your help!
Gregor
August 3, 2015 at 10:00 pm #349155Hi 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-idLink
http:/www.yourdoamin.com/page/#custom-idHowever, 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!
September 12, 2015 at 5:27 pm #386901Hello,
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!
September 13, 2015 at 12:56 am #387070Hi 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.
September 15, 2015 at 6:53 pm #389997Ah yes that worked thanks for clarifying!
September 15, 2015 at 10:52 pm #390110Glad we could help, Cheers!
November 5, 2015 at 2:07 am #653371I’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?
November 5, 2015 at 3:00 am #653411Hi,
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.
November 5, 2015 at 9:36 am #653815Yes, that was it. Thanks so much!
November 5, 2015 at 11:46 am #653994You 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!
January 4, 2016 at 5:39 pm #731627Hi
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 workheres a screenshot of the to pages I’m trying to link
January 4, 2016 at 10:22 pm #731905Hi @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!
January 5, 2016 at 4:30 pm #733274Yeah that worked Thanks
January 5, 2016 at 8:03 pm #733474You are most welcome. 🙂
January 19, 2016 at 3:53 pm #753784I’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.
-
AuthorPosts