connection box popup

[HDcms]

Hello,
I removed your BP menu at the top of the page.
I create a new menu with megamenu.
I am looking to put in a menu a link that opens the connection box (modal popup) and no redirection to the backoffice

How to do ?

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[HDcms]

Hello
OK thank you
I hope soon
Good day

[Andrei]

You will have to somehow add an attribute to your link, which will trigger the login panel.

COPY CODE

data-reveal-id="login_panel"

COPY CODE

Example: <a href="#" data-reveal-id="login_panel">Login</a>

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[HDcms]

Hi,
Thanks for your answer.
I do not want to put this link in a wigdet but in the menu.
I can not place data-reveal-id=”login_panel”
http://cb8bf3ad6e.url-de-test.ws/
Regards

[Andrei]

Please add the following code under “SweetDate > General Settings > Analytics code”:

COPY CODE

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery(".login_panel").click(function() {
      jQuery("#login_panel").reveal();
    });
  });
</script>

Then just add the “login_panel” class to any of your links that you want to reveal the login panel.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[HDcms]

HI,

This works great 🙂
Thank you 🙂

If it’s not too long !! maybe can you say why I did not happen to me that it works. Call in a js file with the child theme :

I created the file “am_modal_cnx.js”

COPY CODE

  jQuery(document).ready(function() {
    jQuery(".login_panel").click(function() {
      jQuery("#login_panel").reveal();
    });
  });

in functions.php

COPY CODE

function am_enqueue_scripts() {
    if(!is_admin()){ 
        wp_enqueue_script('scripts', get_stylesheet_directory_uri() . '/_spec/js/am_piwik.js', array(),  NULL, true);
        wp_enqueue_script('scripts', get_stylesheet_directory_uri() . '/_spec/js/am_modal_cnx.js', array());
    }
}
add_action('wp_enqueue_scripts', 'am_enqueue_scripts', 101);

[Andrei]

I have provided you a code which works with the modal library from our theme, I see you have tried to add a new modal library but I don’t know how you initiated it.

I’m glad it works now.
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts