Login widget problem

[georgesotiro]

Hi i have a problem that it appears on your demo too.

From the desktop when you mouse over the account appears the widget to login. When you click on the email field and you try to select the suggested email from autocomplete the login form disappears.

[georgesotiro]

This reply has been marked as private.

[Billy Nguyen]

Hi there,

Please send for me your admin web account, I will check and help you.

About your issue, we will update on the next version.

[georgesotiro]

hi i updated to the latest version but seems you didn’t fix the issue with the login issue

[Billy Nguyen]

Hi again,

Yes, our team yet updated your issue on the latest version. Please send Admin web account for me, We will fix on your site

[georgesotiro]

is possible to tell me the fix? Because another team is working on it now. Thanks

[Billy Nguyen]

Hi again,

Ok, I will try to guide for you:

All code, please add into child-theme.

#Step 1: file functions.php
Add code:

global $poco_version;
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_script('poco-childtheme', get_stylesheet_directory_uri() . '/custom.js', array(), $poco_version, true);
}, 9999);

#Step 2: create file custom.js and add code:

( function( $ ) {
    'use strict';
function account_side() {
        var $account_side = $('body .header-group-action .site-header-account a');
        var $account_active = $('body .header-group-action .site-header-account .account-dropdown');
        $(document).mouseup(function (e) {
            if ($account_side.has(e.target).length == 0 && !$account_active.is(e.target) && $account_active.has(e.target).length == 0) {
                $account_active.removeClass('active');
            }
        });
        $account_side.on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
            $account_active.toggleClass('active');
        });
    }
    account_side();

Step 3: add code into file style.css:

header-group-action .site-header-account a .account-content {
  display: none; }

.header-group-action .site-header-account .account-dropdown.active {
  pointer-events: auto;
  opacity: 1 !important;
  visibility: visible;
  z-index: 999; }

.site-header-account:hover .account-dropdown, .site-header-account:active .account-dropdown {
	opacity: 0 !important;
}

.header-group-action .site-header-account:hover .account-dropdown.active, .site-header-account:active .account-dropdown.active{
	opacity: 1 !important;
}

[georgesotiro]

Hi i added this. Worked but when you press login button it doesnt do something.

Also i changed code to this to work

jQuery(document).ready(function ($) {
    'use strict';
function account_side() {
        var $account_side = $('body .header-group-action .site-header-account a');
        var $account_active = $('body .header-group-action .site-header-account .account-dropdown');
        $(document).mouseup(function (e) {
            if ($account_side.has(e.target).length == 0 && !$account_active.is(e.target) && $account_active.has(e.target).length == 0) {
                $account_active.removeClass('active');
            }
        });
        $account_side.on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();
            $account_active.toggleClass('active');
        });
    }
    account_side();
});

[georgesotiro]

sorry not resovled. i set it as resolved by mistake. How to fix it? Thanks

[Billy Nguyen]

Hi again,

I can’t check your code, please send Admin web account for me. I will check and help you.

[georgesotiro]

This reply has been marked as private.

[Billy Nguyen]

Hi again,
Please check your site, I fixed for you.

[Author]

Posts