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

    Hi there,

    I am using a TABS element on my website.
    I want to make the tabs active/selected when hover instead of by clicking.
    I followed the custom code here (https://kriesi.at/documentation/enfold/tabs/#activate-tabs-on-hover) but it doesn’t work, I still need to click on the tab to select it. I have no cache enable, no other plugin

    Any idea what I did wrong?

    The custom code is in my functions.php from my child-theme.
    The code is :

    function change_aviajs() {
    wp_dequeue_script( ‘avia-shortcodes’ );
    wp_enqueue_script( ‘avia-shortcodes-child’, get_stylesheet_directory_uri().’/js/shortcodes.js’, array(‘jquery’), 3, true );
    }
    add_action( ‘wp_enqueue_scripts’, ‘change_aviajs’, 100 );

    Thanks for your help

    Cédric

    #1307265

    Hi eldrico,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1307284

    Hi Nikko,

    Thanks for your answer.
    I created credentials for you to access the backoffice. Please find it in the private part.

    Thanks for your help,

    Cédric

    #1307497

    Hi Cédric,

    Thanks for giving us admin access.
    I have replaced the code with:

    function change_tabsjs() {
    	wp_dequeue_script( 'avia-module-tabs' );
    	wp_deregister_script( 'avia-module-tabs' );
    	wp_enqueue_script( 'avia-module-tabs', get_stylesheet_directory_uri().'/js/tabs.js', array('jquery'), 3, true );
     }
     add_action( 'wp_enqueue_scripts', 'change_tabsjs', 100 );

    I then created a folder on your child theme named js and inside that folder I created tabs.js, and inside it I pasted this content:
    https://pastebin.com/0bzc8S2u
    Please review your site :)

    Best regards,
    Nikko

    #1307674

    HI Nikko,

    It’s just Perfect! Thank you so much for you efficent help, it works like a charm!

    have a great day! thanks,

    cédric

    #1307698

    Hi cédric,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘TABS : select on hover’ is closed to new replies.