如何在产品说明下方移动WooCommerce添加到购物车按钮

Question

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

我在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

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

Answer 2

由于说明与往常一样是“选项卡”部分的一部分，我们可以尝试在页面上移动说明选项卡。在您的功能页面中尝试以下代码。

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);

Answer 3

在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');