在Woocommerce单一产品布局中更改价格位置

Question

我正在寻找帮助来改变我的woocommerce单一产品页面的布局。我希望价格低于描述，但在单一产品页面布局中并不是它。

我该怎么做？

感谢。

Answer 1

如果您查看此摘录中的WooCommerce content-single-product.php 模板文件：

<?php
    /**
     * woocommerce_single_product_summary hook.
     *
     * @hooked woocommerce_template_single_title - 5
     * @hooked woocommerce_template_single_rating - 10
     * @hooked woocommerce_template_single_price - 10
     * @hooked woocommerce_template_single_excerpt - 20
     * @hooked woocommerce_template_single_add_to_cart - 30
     * @hooked woocommerce_template_single_meta - 40
     * @hooked woocommerce_template_single_sharing - 50
     */
    //do_action( 'woocommerce_single_product_summary' );

您会看到价格的相关模板已隐藏在 woocommerce_single_product_summary 中，优先级为10 。因此，您必须将其删除并再次挂钩，将优先级更改为20到30之间，以便对其进行描述。

您只需将此小代码段添加到活动子主题（或活动主题）的function.php文件中：

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

此代码经过测试并有效。