Navigation
Archive / Linking To Specific Cornerstone Sections on Other Pages
This is archived content. Visit our new forum.
  • Author
    Posts
  • September 10, 2015 at 1:41 pm #384732
    atjonesen
    Participant

    Hi all,

    I was wondering if there was a way to create a link that will direct users to a specified Cornerstone section on a different page. For example, have a link on my About page that will bring users to the #x-section-4 on my Services page. I’ve tried this several different ways and it works but only if the current page doesn’t have a corresponding Cornerstone section.

    Thanks in advance!

    September 10, 2015 at 5:10 pm #384942
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    You can add the id of the section you want to show on the URL of the link to be clicked.

    For example,

    www.URL.com/yourpage/#x-section-4

    Let us know how it goes.

    Thanks.

    September 11, 2015 at 6:44 am #385681
    atjonesen
    Participant

    That only partially worked but I figured out another way to do it. For anyone else looking to do something similar you just set a custom section ID for the section of interest and then link accordingly.

    Absolute link:
    http://www.url.com/yourpage/#your-id

    Relative link:
    /yourpage/#your-id

    Thanks for the help.

    September 11, 2015 at 7:25 am #385714
    Darshana
    Moderator

    Thank you for sharing your solution 🙂

    March 21, 2016 at 6:30 pm #847090
    Relevance360
    Participant

    how do i set the custom section id?

    March 21, 2016 at 9:48 pm #847262
    Friech
    Moderator

    Hi There,

    Inspect the section and you would see the ID field.


    screenshot

    note: Ignore the Adv. Controls switch that I toggle on my screen-cast, as the ID field is visible by default on the latest Cornerstone version.

    Hope it helps, Cheers!

    March 21, 2016 at 9:59 pm #847275
    Nico
    Moderator

    Hi There,

    Inspect or click the section part then add id on the id box in your section. Check attached for example.

    Hope it helps.

    Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-384732 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>