On my single product page I’d like the “Add to Cart” button and Quantity selection to live directly below the price, rather than below the details.

I believe the thread below is asking the same question but the css suggested had no affect. Any suggestions?

https://community.theme.co//forums/topic/woocommerce-add-to-cart-button-positioning/

Login info to follow.

Thanks again and again.

Cheers

Thanks for writing in!

What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once your child theme is active, please add this code in your child theme’s functions.php file

function move_add_to_cart(){
  remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart' );
  add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );
}
add_action( 'wp', 'move_add_to_cart' );

Please let us know if this works out for you.

Sounds like I’m delving into child themes.

Once I set up a child theme should all of my Custom CSS live in the style.css file or can it stay in the customizer?

The below thread left me concerned about having to manually update plugins each time I updated X.

Has this been addressed or will I have to follow the procedure outlined (in the thread) to ensure I always have the latest version of X’s native plugins?

https://community.theme.co//forums/topic/updating-parent-theme-does-not-update-child-theme-plugins/

Thanks and cheers.

Thanks for updating! You can still use Customizer for custom CSS or you can place the CSS into Cild Theme’s style.css file.

And about the last question, I am not sure what’s your concern actually. It’s a pretty old thread and X got some major updates since then. Would you please clarify the question here? FYI, you need to keep the parent theme and extensions updated. You can update the extensions automatically.

Thanks

Regarding last question. Yes, I saw it was old and figured it’s been resolved. Just wanted to ask if I still had to manually update x’s plugins via FTP.

Just uploaded child theme on my test site.. stupid simple as your many demos stated. My apprehension was simply due to inexperience.

Trying out the above edit to functions.php now. Will let you know how it goes.

Cheers

Followed the above instructions. Worked great. Thank you!

I now have 2 add to cart and qty buttons. How can I remove the bottom button? See page example and login info (if necessary) above.

For anyone else following this thread the last line is missing a “c” in action. You’ll receive a FATAL ERROR if this is not edited. It should read:
add_action( ‘wp’, ‘move_add_to_cart’ );

Cheers

Thanks for pointing that out 🙂
Upon checking the product page, I am only seeing one Add to cart button. Can you clarify how and where you see those two buttons?

You may also add the following CSS to remove the extra scroll bar:

body {
    overflow: initial;
}

Hope this helps.