WooCommerce技术问题：如何让未注册用户无法选中商品描述与评论框

1. 后端PHP控制（推荐，安全可靠） #

商品描述部分 #

找到主题目录下woocommerce/content-single-product.php文件（优先修改子主题内的对应文件，避免主题更新丢失代码），定位到输出商品描述的代码块，包裹登录判断逻辑：

<?php if ( is_user_logged_in() ) : ?>
    <?php the_content(); ?>
<?php else : ?>
    <div class="product-description-locked">
        请登录后查看完整商品描述
        <a href="<?php echo wp_login_url( get_permalink() ); ?>" class="button">立即登录</a>
    </div>
<?php endif; ?>

评论框部分 #

在主题的functions.php文件中添加以下钩子代码，直接替换未登录用户的评论框内容：

add_filter( 'comment_form_defaults', 'lock_guest_comment_form' );
function lock_guest_comment_form( $form_args ) {
    if ( !is_user_logged_in() ) {
        $form_args['comment_field'] = '<p class="comment-locked">请登录后发表评论</p>';
        unset( $form_args['submit_button'] );
    }
    return $form_args;
}

2. 前端CSS/JS辅助增强（防止前端选中复制） #

如果需要快速补充限制，或者配合后端逻辑加强体验，可以添加以下代码：

CSS限制选中 #

在主题自定义CSS或style.css中添加：

body:not(.logged-in) .woocommerce-product-details__short-description,
body:not(.logged-in) .woocommerce-tabs .panel,
body:not(.logged-in) #commentform {
    user-select: none;
    pointer-events: none;
    opacity: 0.75;
    background-color: #f0f0f0;
}

JS防止右键复制（可选） #

在主题footer.php的</body>标签前添加：

<script>
if ( !document.body.classList.contains('logged-in') ) {
    const lockedEls = document.querySelectorAll('.woocommerce-product-details__short-description, .woocommerce-tabs .panel, #commentform');
    lockedEls.forEach(el => {
        el.addEventListener('contextmenu', e => e.preventDefault());
    });
}
</script>

注意事项 #

• 修改主题文件前建议使用子主题，避免主题更新导致代码丢失
• 纯前端方法可被技术用户绕过，必须配合后端判断才能确保效果
• 可根据需求自定义提示文案、按钮样式及锁定区域的视觉效果

内容的提问来源于stack exchange，提问作者Titanium