首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Woocommerce为选定的变体隐藏销售闪存,这些变体不在出售中

Woocommerce为选定的变体隐藏销售闪存,这些变体不在出售中
EN

Stack Overflow用户
提问于 2022-04-09 13:07:23
回答 1查看 238关注 0票数 -1

目前,我正在使用css在单个产品页面上隐藏woocommerce的可变产品销售闪存,如下所示:

代码语言:javascript
复制
.product-type-variable .onsale {
    display: none;
}

问题:

我现在想有条件地显示正在出售的闪存信息。因此,当在实际正在销售的单一产品页面上选择一个变体时,销售徽章应该显示,否则就不应该显示。

这样做是可能的吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-10 08:33:53

找到了解决问题的方法。得到this question的帮助

代码语言:javascript
复制
/**
 * Function to display variations sale prices only when a variation on sale is selected
 * 
 */

add_action( 'woocommerce_before_single_variation', 'action_wc_before_single_variation' );
function action_wc_before_single_variation() {
    ?>
    <script type="text/javascript">
    (function($){
        // Check for the show_variation event that triggers when a variation is selected.
        $('form.variations_form').on('show_variation', function(event, data){
            //If variation is on sale, display the sale badge
            if(data.display_price < data.display_regular_price){
                $(".product-type-variable .onsale").css("display", "block");
            }
            //Otherwise hide the sale badge
            else {
                $(".product-type-variable .onsale").css("display", "none");
            }
        });
    })(jQuery);
    </script>
    <?php
}

代码进入活动主题的functions.php文件(使用子主题,以便在更新主题时不会覆盖代码)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71808354

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档