Single Product Page

Hello team,

On the single product page, I want the product description box at the bottom and the “add to cart” button on top.. how can I do this?
Kindly help!

Best

Hello,

Please try adding the following Code Snippet in the fucntions.php of your child theme.

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 15 );

Best Regards

Hi,

Thank you for a prompt response. It is perfectly achieved but now I feel my size guide is lost. Can you please suggest, how can we move it above the add to cart button?

Best

Hello,

You are Most Welcome.

Please try adding the following Code Snippet in the functions.php of your child theme.

remove_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 38 );
add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 10 )

Best Regards

Hello,

Thank you so much!

Showing 2 size guide button on the product page please find the screenshot attached.

best

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached.

Try to replace that PHP code with the following one in the functions.php of your child theme.

add_action( 'wp', function() {
	remove_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 38 );
	add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 10 );
} , 100);

Regards.
Xtemos Studios

Hello

Thanks Again 🙂

I want to add a size guide button below the add-to-cart button. for better understanding please find the screenshot attached.

best

Also, I want to remove extra space on the product page please find the screenshot attached.

Screenshot URL: https://ibb.co/jvxLKgd

Hello,

You are Most Welcome.

To move the size guide button under the Add to cart button try replacing the previous Code Snippet with the following in your child theme functions.php

add_action( 'wp', function() {
	remove_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 38 );
	add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 15 );
} , 100);

For the extra space, I am unable to see the screenshot you attached. Please make sure that you added it correctly to check it me and help you out accordingly.

Regards.
Xtemos Studios

Please find Screenshot URL: https://ibb.co/jvxLKgd

Hello,

I saw the screenshot you attached.

For the spacing try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-design-alt .variation-swatch-selected .variations {
    margin-bottom: -20px;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    margin-bottom: 35px;
}

Best Regards

Thank you so much its code working fine 🙂

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirm the hard work we put in every day.
So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts