如何在WooCommerce中当自定义字段非空时隐藏商品标题

因为你只熟悉HTML和CSS，这里给你两种容易理解的修改方案：

方案1：用CSS隐藏标题（最直观，贴合你的知识） #

直接在现有代码的条件块里添加一段内联CSS，当author字段不为空时，输出隐藏标题的样式：

add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );
function shoptimizer_custom_author_field() { ?>
    <?php if(get_field('author')) { ?>
        <!-- 输出隐藏标题的CSS -->
        <style>
            .product_title {
                display: none;
            }
        </style>
        <div class="cg-author"><?php the_field('author'); ?></div>
    <?php }
}

原理很简单：当author字段有内容时，这段代码会先输出你熟悉的CSS代码，把类名为product_title的标题元素设置为隐藏，然后再输出你的自定义作者字段。

方案2：移除默认标题钩子（更符合WooCommerce规范） #

如果你想更“干净”地处理，也可以通过移除WooCommerce自带的标题输出逻辑来实现，代码如下：

add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );
function shoptimizer_custom_author_field() { 
    if(get_field('author')) {
        // 移除WooCommerce默认的标题输出动作
        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
        // 输出自定义作者字段
        echo '<div class="cg-author">' . get_field('author') . '</div>';
    }
}

原理：WooCommerce默认是用woocommerce_template_single_title这个函数在钩子位置5输出商品标题的，我们在更早的钩子位置3（优先级更高）判断author字段非空时，把这个标题输出的动作移除，这样标题就不会显示了，同时输出你的作者字段。

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