Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #268710

    I really hope you can help me with this. See this page on my website

    I used the Avia page builder to build the page and included a tab component to build the tabbed packages presentation. The client then wanted me to include images in a row above the tab panel to display the relevant content for that package when clicked. The only way I know to achieve this was to use anchor links. I found the anchor links by clicking the tabs and then get the URL from the address bar. The client dont like the way the page jump to the tabbed content. It moves the page down and also hide the pack images.

    I am not a developer but I think the solution would be to add an “on-click” event to each pack thumbnail to execute the same script when a user would click on one of the tabs. Problem is that I dont have an idea how to do this or where to find the J Query file for the tabs element.
    Can you please help me with a solution. The client insist that I get this right.



    Try adding this at the end of the theme functions.php:

    function add_custom_script(){
    	       jQuery("a[href*='tab-id']").on('click', function(){
    add_action('wp_footer', 'add_custom_script');



    Josue, you are a genius!! Wish I could be this clever. Thank you for your quick response and solution to my problem. You’re the best.


    You are welcome, always glad to help :)


    @Josue and what if I have one tab to be linked to external page? How would you link this particular tab then?



    To link a tab to external page, would require some extensive customization to the shortcode or the full login, to have an extra link field.
    I am not sure it can be done that easy, or be maintained.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.