Woocommerce产品页面：如何更改“简短描述”，“价格”和“变化描述”的位置

Question

在Woocommerce产品页面中：如何更改“简短描述”，“价格”和“变化描述”的位置？

我需要将“产品简短说明”放在“价格”上方，并将“变化说明”放在价格下方。

这就是我现在拥有的：

这就是我所需要的：

Answer 1

如果您查看https://github.com/woocommerce/woocommerce/blob/3.8.0/templates/content-single-product.php#L47，将会看到产品摘要是使用具有不同优先级的钩子构造的。

＆

https://github.com/woocommerce/woocommerce/blob/3.8.0/templates/single-product/add-to-cart/variable.php#L65

所以您可以交换值

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 20 );

function move() {
    remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
    add_action( 'woocommerce_before_variations_form', 'woocommerce_single_variation', 10 );
}
add_action( 'woocommerce_before_add_to_cart_form', 'move' );

Answer 2

通常，您会在woocommerce的template文件夹中找到不同的钩子/不同的优先级。

在里面的content-single-product.php中，您会发现一些注释，例如：

   * @hooked woocommerce_template_single_title - 5
   * @hooked woocommerce_template_single_rating - 10
   * @hooked woocommerce_template_single_price - 10
   * @hooked woocommerce_template_single_excerpt - 20

要进行修改，请像这样在子主题的functions.php中创建新的顺序

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5);
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 30);
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 20);