将促销徽章克隆到产品描述单页上，但仅适用于促销产品

Question

我正在尝试让我的 .onsale 徽章显示在产品页面（而不是商店页面）上，并且只显示在销售的产品上。我尝试克隆 .onsale 徽章的原因是，我可以对它们应用不同的 CSS，一个用于商店页面，一个用于产品页面。

要克隆.onsale的工作代码：

jQuery( function($) {
$(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
});

我尝试将.onsale2 仅应用于正在销售的产品：

jQuery( function($) {
    if( $product->is_on_sale() ) {
        return $(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
    }
});

我怎样才能让它工作？

Answer 1

以这种方式在 wp_footer 钩子中尝试：

add_action( 'wp_footer', 'add_on_sale_badge' );
function add_on_sale_badge(){
    global $product;
    // Only on single product pages and on sale products
    if ( is_product() && $product->is_on_sale() ):
    ?>
    <script type="text/javascript">
    jQuery(function($){
        $(".onsale").clone().appendTo(".entry-wrap").addClass("onsale2");
    });
    </script>
    <?php
    endif;
}

代码进入您的活动子主题（或活动主题）的 function.php 文件中。它应该可以工作。