Move add to cart button separate from variations

Hi there!

You can do this in a couple of ways depending on your theme. You can use the hooks and filters to change this, there is a good visual guide here:

https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Your theme may be able to position this using CSS. If you’re not sure about CSS, take a look at this guide:

https://cssworkshop.wordpress.com/

https://www.criatixinfotech.com/customize-woocommerce-singleproduct-page-layout/

Hope that helps!

Thanks for the replay.

I know about that visual guide, my theme is Betheme and I’m able to use hooks and I know how to use them.

However as I said I want to move the button separate from color variations in my case. When I do that the add to cart button becomes NOT functional, when you click it, it does nothing…

I find a case with the kind a same problem Case. However the solution mentioned there is not working for me.

Best regards!

Thanks. In that case you’ll need to custom code it. I’m not a developer so I don’t know what you’ll need to do with your theme. You might want to try Stack Overflow or hire a developer to customize the layout to what you want to achieve.

All the best!

Thanks anyway!