Anker to custom tab

  • Resolved jandelay

    (@jandelay)


    2 years, 4 months ago

    Hello,

    i want to set an Anker to a Custom Tab.

    Example:
    Right next to the Product Price, i want to have a link that is called “Click here for more informations”

    When someone clicks it. It should automatically scroll down and select the specific custom Tab.

    Usually i do it with a very simple code:

    < a href=”#infos-tab”> Click here for more informations < /a>

    And then at the place it should jump to (infos-tab):
    < a name=”infos-tab” >< /a>

    Unfortunately, that does not work with the Custom Tabs Plugin.

    Can someone help? ??

    Thank you in advance

    • This topic was modified 2 years, 4 months ago by jandelay.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hello @jandelay

    Here is our KB article on how to do that:
    https://yikesplugins.com/knowledge-base/link-directly-to-a-custom-tab/

    Thank you!
    -Tracy

    Thread Starter jandelay

    (@jandelay)

    Thank you for the quick response.

    Unfortunately, it doesnt work.

    I am very sure that i follow the instructions correctly, but the Tab is still not opening.

    https://imgur.com/a/JjQtuQf

    The Link to the Anchor is within the Product, so “#FAQ” should be enough. But i also already tried it with the entire Link, which is also not working.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi @jandelay

    The wp_enqueue_script line is pointing to the root folder of your theme, but the custom scripts file shown at the top is in a folder inside your uploads folder.

    Are you using a Custom Scripts plugin to create the script? It should enqueue it on its own. Do you have a link to your site I can look at?

    Thank you.
    -Tracy

    Thread Starter jandelay

    (@jandelay)

    I am using “Simple Custom CSS and JS By SilkyPress.com” to Add the JS Code, which is listed in your KB article.

    Is it possible to explain what to edit in order to make it work? I wouldnt like to share the website here.

    The Theme i use is Porto. I tried uploading the file directly on the theme (/wp-content/themes/porto/js) but i get the same result.

    I also tried to directly point to the folder containing the js file, but that doesnt work either:

    wp_enqueue_script( 'custom-scripts', '/wp-content/uploads/custom-css-js/custom-scripts.js/32186.js', array('jquery'), '1.0.0', true );

    Thank you in advance

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi @jandelay

    Without being able to inspect the site, I can’t help troubleshoot the JS.

    I think you could contact Simple Custom CSS and JS By SilkyPress.com for support because they would be the folks to most quickly help you with the JS enqueue issue.

    Best of luck!
    -Tracy

    Thread Starter jandelay

    (@jandelay)

    Hello again,

    i have contacted the support of the plugin “Simple Custom CSS and JS By SilkyPress”.

    They told me:

    if you add the JavaScript code from “Method One: Adding JavaScript to Your Theme -> Step 3” with the Simple Custom CSS & JS plugin, then the wp_enqueue_script line is entirely not necessary.

    But even without the wp_enqueue_script line. The script is not working for my site.

    I created a staging environment so that you can have a look at it.

    You can access the stage with the following login data:
    User: janni3stg
    Password: Silkypress

    Stage Link: https://janni3stg.wpengine.com/overwatch-2-boosting/rank-boost-ow2/

    Thank you in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Anker to custom tab’ is closed to new replies.