Target inside of a widget

  • Hello, I am trying to use this plugin so it will scroll to a specific area on my page when a link is clicked, however the target I am trying to scroll to is located inside of a widget. The entire “Terminology” section of the webpage is all located within a widget, and i’ve tried putting a page scroll target in there, but to no success. Is there a way to do this within the confines of this plugin? Thank you

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author malihu

    (@malihu)

    Hi,

    Have you tried using the “Page scroll to id target” widget in widgets admin page?

    If you can tell me which link you want to point to which target, I’d might be able to help further.

    Where/how do you edit this “Terminology”? In widgets area?

    Thread Starter rgallagher30

    (@rgallagher30)

    Yes, the terminology section is simply a text widget that is inserted onto the page. The whole section is edited in the widgets area. For example, the word “grid” is mentioned in one of the FAQ questions, and I would like to link that word so it scrolls down to “grid” in the terminology section

    Plugin Author malihu

    (@malihu)

    OK, try this:

    Firstly, go to “Page scroll to id” settings and enable/check “Append the clicked link’s hash value to browser’s URL/address bar” option. Save changes.

    Now, from what I saw in your page, each section in terminology already has an id value. For example, the “Grid” item has the id gridps2, the “Meter” item has the id id5db14dc14f002 etc.

    In order to find the id for each item, open your page in say Chrome, right-click the item you want (e.g. “Grid”) and select “Inspect”. This will open developer tools panel and the element will be highlighted in the HTML code (in “Elements” tab). You’ll see that each element is a h6 with an id attribute (e.g. “Grid” has the id gridps2). You can use this id in your link(s) like this:

    #gridps2

    or

    /solar-faq-testing-page-2/#gridps2

    I’m not sure if you changed the id value of the “Grid” item, since it’s different from the other ones that are in the form of id+random value. If you did, you could do the same for each item (e.g. change the “Meter” id to #meter), so you don’t have to find each auto-generated id in dev tools panel.

    Let me know if this is what you need

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Target inside of a widget’ is closed to new replies.