This custom css should hide the add-to-cart button:
.woocommerce button.single_add_to_cart_button {
display:none;
}
Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS
Ok, nice. So how can I change position “price” (variation, price changing after clicking) in the circle (another row)?
You’ll be able to see how the page elements are ordered in
plugins/woocommerce/templates/content-single-product.php
or in the equivalent in your theme if your theme has a template override.
Elements can’t be moved but then can be deleted from one position and added back in in another position. For example, normally the price is at 10 before the excerpt at 20, to change that you could use:
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10);
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 25);
The code goes in functions.php for your child theme or you could use the “My Custom Functions” plugin.
This is an overview. The detail will require PHP skills or a developer.
