最新公告
  • 欢迎您光临老妖网络,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • WORDPRESS教程 Avada主题 菜单登录窗口美化

    使用Woocommerce插件配合Avada主题6.23版本做外贸站点,觉得原有悬浮登录表单太丑,美化一下。

    1、将代码添加到主题functions.php后面

    function avada_add_login_box_to_nav($items, $args) {
    
        $ubermenu = (function_exists('ubermenu_get_menu_instance_by_theme_location') && ubermenu_get_menu_instance_by_theme_location($args->theme_location)) ? true : false; // Disable woo cart on ubermenu navigations.
    
        if ($ubermenu) {
            return $items;
        }
    
        $is_login = is_user_logged_in();
    
        if (in_array($args->theme_location, ['main_navigation', 'top_navigation', 'sticky_navigation'])) {
            $is_enabled    = ('top_navigation' === $args->theme_location) ? Avada()->settings->get('woocommerce_acc_link_top_nav') : Avada()->settings->get('woocommerce_acc_link_main_nav');
            $header_layout = Avada()->settings->get('header_layout');
    
            if (class_exists('WooCommerce') && $is_enabled) {
                $woo_account_page_link = wc_get_page_permalink('myaccount');
    
                if ($woo_account_page_link) {
                    $active_classes           = (is_account_page()) ? ' current-menu-item current_page_item' : '';
                    $my_account_link_contents = $is_login ? esc_html__('My Account', 'Avada') : 'Login / Register';
    
                    $items .= '<li class="menu-item fusion-dropdown-menu menu-item-has-children fusion-custom-menu-item fusion-menu-login-box' . $active_classes . '">';
    
                    // If chosen in Theme Options, display the caret icon, as the my account item alyways has a dropdown.
                    $caret_icon   = '';
                    $caret_before = '';
                    $caret_after  = '';
                    if ('none' !== Avada()->settings->get('menu_display_dropdown_indicator') && 'v6' !== $header_layout) {
                        $caret_icon = '<span class="fusion-caret"><i class="fusion-dropdown-indicator"></i></span>';
                    }
    
                    if ('right' === fusion_get_option('header_position') && !is_rtl() || 'left' === fusion_get_option('header_position') && is_rtl()) {
                        $caret_before = $caret_icon;
                    } else {
                        $caret_after = $caret_icon;
                    }
                    $menu_highlight_style = Avada()->settings->get('menu_highlight_style');
    
                    $items .= '<a href="' . $woo_account_page_link . '" aria-haspopup="true" class="fusion-' . $menu_highlight_style . '-highlight">' . $caret_before . '<span class="menu-text">' . $my_account_link_contents . '</span>' . $caret_after;
    
                    if ('main_navigation' === $args->theme_location && 'v6' !== $header_layout) {
                        $items = apply_filters('avada_menu_arrow_hightlight', $items, true);
                    }
    
                    $items .= '</a>';
    
                    if ('v6' !== $header_layout) {
                        if (!is_user_logged_in()) {
                            $referer = fusion_get_referer();
                            $referer = ($referer) ? $referer : '';
    
                            $items .= '<div class="fusion-custom-menu-item-contents">';
                            $items .= "<p>Welcome to Wbox</p>";
                            if (isset($_GET['login']) && 'failed' === $_GET['login']) {
                                // phpcs:ignore WordPress.Security.NonceVerification
                                $items .= '<p class="fusion-menu-login-box-error">' . esc_html__('Login failed, please try again.', 'Avada') . '</p>';
                            }
                            $items .= '<form action="' . esc_attr(site_url('wp-login.php', 'login_post')) . '" name="loginform" method="post">';
                            $items .= '<p><input type="text" class="input-text" name="log" id="username" value="" placeholder="' . esc_html__('Username', 'Avada') . '" /></p>';
                            $items .= '<p><input type="password" class="input-text" name="pwd" id="password" value="" placeholder="' . esc_html__('Password', 'Avada') . '" /></p>';
                            $items .= '<p class="fusion-remember-checkbox"><label for="fusion-menu-login-box-rememberme"><input name="rememberme" type="checkbox" id="fusion-menu-login-box-rememberme" value="forever"> ' . esc_html__('Remember Me', 'Avada') . '</label></p>';
                            $items .= '<input type="hidden" name="fusion_woo_login_box" value="true" />';
                            $items .= '<p>';
                            $items .= '<input type="submit" name="wp-submit" id="wp-submit" class="button button-small login" value="' . esc_html__('Log In', 'Avada') . '">';
                            $items .= '<input type="hidden" name="redirect" value="' . esc_url($referer) . '">';
                            $items .= '</p>';
                            $items .= '</form>';
                            $items .= '<div class="fusion-clearfix"></div>';
    
                            $items .= "<p>New Customer?</p>";
                            $items .= '<p><a class="button button-small default register" href="' . get_permalink(get_option('woocommerce_myaccount_page_id')) . '" title="' . esc_attr__('Register', 'Avada') . '">' . esc_attr__('Register', 'Avada') . '</a></p>';
                            $items .= '</div>';
                        } else {
                            $account_endpoints = wc_get_account_menu_items();
                            unset($account_endpoints['dashboard']);
    
                            $items .= '<ul class="sub-menu">';
                            foreach ($account_endpoints as $endpoint => $label) {
                                $active_classes = (is_wc_endpoint_url($endpoint)) ? ' current-menu-item current_page_item' : '';
    
                                $items .= '<li class="menu-item fusion-dropdown-submenu' . $active_classes . '">';
                                $items .= '<a href="' . esc_url(wc_get_account_endpoint_url($endpoint)) . '">' . esc_html($label) . '</a>';
                                $items .= '</li>';
                            }
                            $items .= '</ul>';
                        }
                    }
                    $items .= '</li>';
                }
            }
        }
        return $items;
    }
    

    2、将下列代码放入默认css文件中。

    .fusion-menu-login-box .fusion-custom-menu-item-contents {
        width: 280px;
        text-align: center;
        background-color: #fff !important;
        border: 1px #ababab solid !important;
    }
    .fusion-menu-login-box .fusion-custom-menu-item-contents form{
        padding-bottom: 10px;
        border-bottom: 1px #eee solid;
        margin-bottom: 5px;
    }
    
    .fusion-menu-login-box .fusion-custom-menu-item-contents .login{
        width: 100%;
        background: var(--primary_color);
        border-color: var(--primary_color);
        color: #fff;
        padding: 5px 15px;
        line-height: var(--body_typography-line-height);
        font-size: var(--body_typography-font-size);
        border: none;
    }
    .fusion-menu-login-box .fusion-custom-menu-item-contents .register{
        background: #fff;
        border-color: var(--primary_color);
        color: var(--primary_color);
        padding: 5px 15px;
        line-height: var(--body_typography-line-height);
        font-size: var(--body_typography-font-size);
        border: 1px;
        border-style: solid;
    }
    

    效果图

    《Wordpress Avada主题菜单登录窗口美化》

    1、本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2、分享目的仅供大家学习和交流,请不要用于商业用途!
    3、本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    4、如有链接无法下载、失效或广告,请联系管理员处理!
    5、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    老妖网络 » WORDPRESS教程 Avada主题 菜单登录窗口美化

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    老妖网络
    一个高级程序员模板开发平台