Move add to cart button below price

[wicara]

I would like to move the product selections below the price line how can I move it down to the next line?

[ruenel]

Hello @Wicara,

Thanks for writing in!

I have checked your site and to accomplish what you have in mind, since your child theme is set up, please add the following code in your child theme’s functions.php file

remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation', 10 );
remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );

add_action( 'woocommerce_before_variations_form', 'woocommerce_single_variation', 10 );
add_action( 'woocommerce_before_variations_form', 'woocommerce_single_variation_add_to_cart_button', 20 );

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

We would love to know if this has worked for you. Thank you.

[wicara]

sort of worked when I had them after one another it did not move the button down but if I put the form between them it worked. Not Ideal but a work around.

[ruenel]

Hello @wicara,

The whole section is within the form. By default, the add to cart button were added at the bottom of the form. The code adjusts it so that the add to cart button will be added first inside the form.

<form>
 <add to cart button>

<variations >

</form>

Hope this make sense.

[wicara]

Yes thank you,
I still had the problem of the add to cart and the price being next to each other when I did that. but above the selectors. I changes it so the price is loaded before the selectors and the add to cart loads after to remove this problem.

[ruenel]

Hello @wicara,

I have checked your product page and I no longer see the add to cart next to the price.

Did you already resolve that issue? Kindly let us know.