Question

我正在制作自定义主题。我需要将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 );

然而，当我这样做时，按钮显示但不起作用。点击它就什么都不做。有谁知道是否有可能以这种方式移动添加到购物车按钮？请注意，这是针对不单一的可变产品，因此我认为行为不同。

我感谢任何帮助。谢谢！

Answer 1

正如@LoicTheAztec所提到的，您的add to cart按钮从产品表单移出，因此除非您编写一些JS来模拟submit操作，否则它不会做任何事情。

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

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

1 个答案: