How can I unbundle Variable Product and Add to cart button on Elementor

How can I unbundle Variable Product and Add to cart button on Elementor
so I can move add to cart button anywhere without moving variable product selection.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You can hide/show the elements in the Theme Settings > Single product > Elements. Add to cart button as well as variations can be hidden with Catalog mode in the Theme Settings > Shop.

If you do not want to hide variations, the buttons can be hidden with custom CSS. Please let us know if you need help and provide the page URL.

If you have any questions please feel free to contact us.

Best Regards

Best Regards

Thank you for the reply, I don’t want to hide any of them just would like to seperate it shown in the attachments
Linked below on Mod only

Attachments:

You must be logged in to view attached files.

Hello,

Please consider creating the product page using Woocommerce builder:https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart and this one for a single product: https://xtemos.com/docs-topic/single-product-page-builder/

If you have any questions please feel free to contact us.

Best Regards

…Yes I am currently using your theme with elementor on the single product. The problem is that your theme bundles the “Product Add to cart” widget with Add To card Button AND Variable field selection like shown on photos I’ve attached.
So my question is if there is a way I can separate them so I can move my add to cart button anywhere with out moving the variable field selection.

Attachments:

You must be logged in to view attached files.

Hello,

I have double-checked, Unfortunately, it is not possible to separate Add to Cart and Swatches. It would destroy the Add to cart functionality.

We can suggest the solution: custom code which you need to add to functions.php of the child theme:

add_action( 'woocommerce_after_variations_table', function () {
	echo do_shortcode( 'SHORTCODE_NAME');
});

You need to replace 'SHORTCODE_NAME' with the name of the shortcode calling the template of the single product.

If you have any questions please feel free to contact us.

Best Regards

That option works! Thank You for your help.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts