Вход/Регистрация WooCommerce + Панель управления Wordpress 6.5

У меня вопрос, которого, кажется, нигде нет.

В шапке я добавил «Войти». Я использую Woocommerce для своего интернет-магазина.

Если я нажму ее, я перейду на панель управления (потому что я, конечно, вошел в систему WordPress).

Но когда я выхожу из системы, моя страница выглядит так.

Как известно, эта страница входа/регистрации испорчена, и ее необходимо добавить. Но я нигде не могу найти эту страницу, потому что я вышел из системы и не могу ни добавить ее на «все страницы», ни добавить ее с помощью Elementor.

Как я могу изменить эту страницу?

Я знаю, что существуют плагины, такие как «Строитель профилей и т. д.», которые могут создавать кнопки входа/регистрации, но главное, я хочу, чтобы потребитель сделал следующее.

1. Нажмите кнопку «Войти».

2. Перенаправляет потребителя на страницу входа/регистрации.

3. Когда клиент вошел в систему или создал учетную запись, он будет перенаправлен на панель управления.

4. Когда он вошел в систему и нажал кнопку «Войти», он все еще переходит на панель управления, пока не выйдет оттуда.

Дополнительный:

Если возможно, и кто-то может помочь мне изменить «Вход» на «Вход/Регистрация», когда клиент сделает это, кнопка также изменится на имя «Учетная запись» или что-то в этом роде, пока он не выйдет из системы.

Спасибо вам за помощь

Существуют короткие коды для Woocommerce, например [woocommerce_my_account], но нет короткого кода для входа/регистрации woocommerce?

Jason Lommelen 25.06.2024 14:01

Если вы проверите адресную строку браузера, вы увидите, что вы все еще находитесь на странице mijn-account, когда отображается форма входа/регистрации. Эту часть функциональности также обеспечивает шорткод [woocommerce_my_account].

CBroe 25.06.2024 14:06

Это правильно, но я не могу найти логин/регистрацию Woocommerce, чтобы изменить этот макет. Я знаю, что могу сделать это в Cpanel (бэкэнд), но нельзя ли изменить это, например, с помощью Elementor?

Jason Lommelen 25.06.2024 14:12

Не могу сказать наверняка, но очень сомневаюсь. Вероятно, где-то есть файл шаблона, который туда просто включается.

CBroe 25.06.2024 14:26

Благодарю вас за информацию! Я изменил его в бэкэнде. Это, конечно, устранило проблему, но я, похоже, не нашел изменений непосредственно для версии Elementor/Wordpress. –

Jason Lommelen 25.06.2024 14:41
Как убрать количество товаров в категории WooCommerce
Как убрать количество товаров в категории WooCommerce
По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.
1
5
60
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Измените страницу form-login.php в файловом менеджере серверной части (Cpanel). Вы можете легко добавить туда свои стили, если знаете, чего хотите. К сожалению, я не нашел решения этой проблемы во внешнем интерфейсе с использованием Wordpress / Elementor.

Ответ на "ЭКСТРА"

Создайте шорткод:

function custom_login_status() {
    if (is_user_logged_in()) {
        $user = wp_get_current_user();
        $account_url = wc_get_page_permalink('myaccount');
        return '<a href = "' . esc_url($account_url) . '" class = "custom-login-status"><i class = "fas fa-user"></i> <span>Account (' . esc_html($user->display_name) . ')</span></a>';
    } else {
        $login_url = wc_get_page_permalink('myaccount');
        return '<a href = "' . esc_url($login_url) . '" class = "custom-login-status"><i class = "fas fa-sign-in-alt"></i> <span>Inloggen</span></a>';
    }
}
add_shortcode('inlog_status', 'custom_login_status');

function custom_login_status_css() {
    echo '
    <style>
        .custom-login-status {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #ffffff;
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            font-size: 0.9rem;
        }
        .custom-login-status i {
            font-size: 24px;
            color: #ffffff;
        }
        .custom-login-status span {
            margin-top: 4px;
        }
        .custom-login-status:hover {
            color: #ffffff;
        }
        .custom-login-status:hover i {
            color: #ffffff;
        }
        .custom-login-status:active {
            color: #ffffff;
        }
        .custom-login-status:active i {
            color: #ffffff;
        }
        .custom-login-status:focus {
            color: #ffffff;
        }
        .custom-login-status:focus i {
            color: #ffffff;
        }
    </style>
    ';
}
add_action('wp_head', 'custom_login_status_css');

Другие вопросы по теме