Php Woocommerce-移动添加到购物车按钮变量产品

我正在制作一个自定义主题。我需要将AddtoCart按钮从woocommerce_single_variation（variable.php）部分移动到woocommerce_after_single_product_summary（content single product.php）部分

通过向functions.php文件中添加以下内容，我可以做到这一点

function remove_loop_button(){
remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
}
add_action('init','remove_loop_button');

add_action( 'woocommerce_after_single_product_summary', 'woocommerce_single_variation_add_to_cart_button', 30 );

但是，当我这样做时，按钮会出现，但不起作用。点击它什么也不做。有人知道有没有可能以这种方式移动“添加到购物车”按钮？请注意，这是针对可变产品而不是单一产品的，因此我认为行为是不同的

---

我很感激能提供的任何帮助。谢谢

正如@LoicTheAztec所提到的，您的

添加到购物车

按钮从产品表单中移出，因此它不会做任何事情，除非您编写一些

JS

来模拟

提交

操作

function inject_add_cart_form_script() { ?>

<script type="text/javascript">

(function($){
    $(document).on( 'click', 'single_add_to_cart_button', function(){
        $('form.cart').submit();
    });
})(jQuery);

</script>
<?php 
}
add_action('woocommerce_after_single_product_summary', 'inject_add_cart_form_script');

函数注入\添加\购物车\表单\脚本（）{？>
（函数（$）{
$（文档）。在（'click'、'single\u add\u to\u cart\u button'、函数（）上{
$（'form.cart'）.submit（）；
});
})（jQuery）；
它无法工作，因为，以这种方式，按钮正在取出表单标签！…检查生成的html，你会明白我的意思。谢谢！我刚才在阅读你的答案时有了一个轻松的时刻。这很有道理。再次感谢。我们必须尝试其他方法来获得我们想要的外观。