如何在产品说明下方移动WooCommerce Add to Cart按钮

Question

我想将WP Field Factory @ this page添加的产品说明和额外表单字段下方的WooCommerce“添加到购物篮”/“添加到购物车”按钮移动。

我在functions.php尝试了以下内容但没有成功：

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 50 );

和

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

Answer 1

在functions.php中使用此代码

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_add_to_cart');

Answer 2

您不应该尝试直接从摘要挂钩更改按钮位置，因为即使您以这种方式成功，您的按钮也可能放在表单之外的某个位置，这会破坏您的功能。您可以只修改模板/单产品/添加到购物车/文件夹

的模板文件，而不是这样

Answer 3

由于描述是常用标签部分的一部分，我们可以尝试在页面周围移动描述标签。在功能页面中尝试以下代码。

function move_product_tabs_override() {
remove_action( 'woocommerce_after_single_product_summary', 
'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 
'woocommerce_output_product_data_tabs', 10 );
remove_action( 'woocommerce_single_product_summary', 
'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 
'woocommerce_template_single_price', 10 );
 }
add_action('init', 'move_product_tabs_override', 5);