Support Center Visit Demo License manager Buy @ envato

Setting up Jump links

darrennewman91darrennewman91
in Theme support
I have a more information section where I want if the user clicks the header on another page that it will link them to the product page and scroll down to that specfic feature to give htem more information.  how could i do that.

Comments

  • ljcallanderljcallander
    Pretty simple:

    In the code where you want the scroll to stop:

    ANCHOR POINT:

    <a id="myidhere"  ></a>

    (make sure you have the closing </a>... don't skip it!


    Here is the link to that point:

    <a
    href="#myidhere">view my id here</a>

     

    So, if this was on a page url: www.site.com/mypage


    The link would be: www.site.com/mypage/#myidhere


    Hope that helps you out!


  • secureipsecureip
    Hi, I'm trying to do the samething but it doesn't work:

    Link on main page: 

    [button title="En savoir plus" link="/nos-services/#Technologie/" color="theme" font_color="" large="0"]

    Anchor point on the "Nos-Services" pages:

    <h2><a id="Technologie">Un support technologique flexible</a></h2>

    What I'm missing???
  • AlbertAlbert
    @secureip Please send us link to page where you did above and it does not work.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • secureipsecureip
    Problem found. :)

    Changed this:
    [button title="En savoir plus" link="/nos-services/#Technologie/" color="theme" font_color="" large="0"]

    For this:

    [button title="En savoir plus" link="/nos-services/#Technologie" color="theme" font_color="" large="0"]
  • AlbertAlbert
    Ok, great!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.