在产品页面上产品标题旁边显示产品价格(不低于或不高于或不高于)

时间:2019-08-22 20:25:07

标签: woocommerce

在查看了使用的挂钩之后,标题的优先级为5,价格的优先级为10。因此,我分别设置了const app = new Vue({ el: '#app', router, vuetify }); remove_action,并将其更改为add_action。那没用。

我需要的是这个

6

示例:

Product title: currency symbol price

我尝试的代码:

Puzzle for kids: $29

我现在也很幸运地尝试了这段代码:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 6 );

有什么想法我要去哪里以及如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

要更改动作,只需将自定义函数添加到该动作中即可。

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );

function show_title_with_price()
{
    global $product;
    $title = $product->get_title();
    $price = $product->get_regular_price();
    $symbol = get_woocommerce_currency_symbol();

    //You may change <p> tag or add any inline CSS here.
    echo "<p>$title: $symbol $price</p>";
}

add_action( 'woocommerce_single_product_summary', 'show_title_with_price', 5 ); 

此代码从单个产品页面上删除了默认标题和默认价格部分(动作),并将名为“ show_title_with_price()”的自定义函数添加到带有参数“ 5”的woocommerce_single_product_summary动作中,其中实际标题显示在产品页面上。 / p>

注意:代码仅显示正常价格。我相信您已经知道如何显示售价(如果存在)。

有关单个产品页面操作的更多信息:WooCommerce Single Product Page Default Actions

Woocommerce动作挂钩和覆盖模板:Stackoverflow Reference

我测试了代码,工作正常。祝你有美好的一天。