Question

我在网站上使用woocommerce。我想在用户未登录时禁用（隐藏）菜单中的链接“我的帐户”。因此，当用户连接时，链接处于活动状态。

请Merce提前回答。

Answer 1

如果您使用我们的自定义模板，则可以使用简单条件

<?php
if (is_user_logged_in()) {
    echo '<li><a href="'.wp_logout_url( home_url() ).'"><span class="icon-logout"></span> Logout</a></li>';
    echo '<li><a href="'.get_home_url().'/my-account"><span class="icon-gearbox"></span> Account</a></li>';
}
else {
    echo '<li><a href="'.get_home_url().'" class="login-pop"><span class="icon-login"></span> Login</a></li>';
}

？>

Answer 2

您可以检查用户是否使用PHP登录，如果不是，请使用以{strong> my-account / 结尾的a属性删除href标签，使用JavaScript。

if (!is_user_logged_in()) {
echo <<<EOD
<script>
    document.addEventListener('DOMContentLoaded', () => document.querySelector('a[href$="my-account/"]').remove())  
</script>
EOD;
}

Answer 3

您可以使用CSS隐藏菜单中的链接。首先，请确保您的主题将“已登录”类添加到网站的body元素中。如果是这样，请继续：

在管理菜单中单击“自定义”，选择“菜单”，然后选择菜单名称。转到“我的帐户”的菜单项，然后在“ CSS类”字段中，键入“ hide-me”。

现在转到“定制工具”中的“其他CSS”面板并添加以下CSS：

body:not(.logged-in) .hide-me { display: none !important; }

注意：从理论上讲，所有这些都是因为您没有提供指向您网站的链接，所以我看不到HTML或CSS。

我如何禁用该页面我的帐户-woocommerce用户如何无法登录

3 个答案: