Move Product Variation

Hi,

How can I move product variation swatch and attributes from above Add to cart & Buy now to any where I want in the product page, or at least out of “add to cart” container to separate container?

Attachments:

You must be logged in to view attached files.

Hi ahe.badri,

Thanks for reaching to us.

You can use WoodMart WooCommerce builder, which allows you to create custom templates for Product, Product Categories pages and other functional pages that are not editable by default and you can place widgets in any positions you want.

Here below are the documentation articles:
https://xtemos.com/docs-topic/single-product-page-builder/

Best Regards,

[ahe.badri]

Thank you for your reply,
I tried that but variable products options are in the same element with add to “Product Add to Cart”.

I want to move them somewhere else.

If I add the element somewhere else I will have 2 add to cart buttons.

Please have a look at the images attached

• This reply was modified 4 weeks, 1 day ago by ahe.badri.
• This reply was modified 4 weeks, 1 day ago by ahe.badri.

Attachments:

You must be logged in to view attached files.

Hi ahe.badri,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Admin details in private below

Hi ahe.badri,

Thanks for details.

Product variations are part of form, which also contains action buttons https://prnt.sc/lwrbXe_9uoD0

If you want to move it below buttons, please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

table.variations{
	order: 2;
	margin-top: 30px;
}

Regards,

[Author]

Posts