wordpress 当if-statement为真时的“hide”元素(类似于if>then)

4dc9hkyq  于 2022-11-02  发布在  WordPress
关注(0)|答案(2)|浏览(160)

我有这样的代码,添加一个自定义字段到我的产品在woocommerce:

add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );
function shoptimizer_custom_author_field() { ?>
<?php if(get_field('author')) { ?>
<div class="cg-author"><?php the_field('author'); ?></div>
<?php }
}

现在,我想在if语句中添加一个条件,即“如果字段不为空,则隐藏产品标题”。
产品页面产品标题的类似乎是“product_title”。
一旦它被添加到上面的这段代码中,它会是什么样子,这将是令人着迷的。我认为这不是一个大问题,但我的理解与HTML和CSS可悲的结束。

xriantvc

xriantvc1#

我不确定我是否正确地理解了您的问题,但是如果您希望在自定义字段不为空时隐藏产品标题,可以使用以下代码:

add_action('woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3);

function shoptimizer_custom_author_field() {
    if (get_field('author')) {
        echo '<style>.product_title { display: none; }</style>';
    }
}

如果要在自定义字段为空时隐藏产品标题,可以使用以下代码:

add_action('woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3);

function shoptimizer_custom_author_field() {
    if ( ! get_field('author')) {
        echo '<style>.product_title { display: none; }</style>';
    }
}
wgeznvg7

wgeznvg72#

为了结束这条线索,下面的任何人,寻求一个类似的答案可以复制和粘贴的解决方案,为我工作:

add_action( 'wp_head', function() {

    ?><style>
    h1.product_title.entry-title {
    display: none;
}

.cg-title h1.product_title.entry-title {
    display: block !important;
}
    }</style><?php

} );

add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );

function shoptimizer_custom_author_field() { ?>

<?php if(get_field('author')) { ?>

    <div class="cg-author"><h1><?php the_field('author'); ?></h1></div>
<?php }
else {?>
<div class="cg-title"><?php woocommerce_template_single_title(); ?> </div> 
<?php   
    }
}

相关问题