Issues with Add to Cart form and Sticky Add to Cart

Xtemos team,

We’re having significant issues with the appearance of the Add to Cart form and Sticky feature on single product pages. We offer variations as well as subscriptions via the Woocommerce subscription addon. Unfortunately, the way the buying options appear in the Add to Cart element and sticky footer is unattractive and the theme doesn’t provide a way to improve the appearance to anything other than browser defaults (radio buttons).

Aside from custom development, which is not sustainable long term, can you provide a solution to improve the appearance of the Add to Cart form and Sticky footer? We assumed this would be factored into the development of the theme, as it’s a Woocommerce feature. Ideally we would prefer to make the radio buttons actual boxes or some sort of graphic, or something more modern looking like most other ecommerce sites. And the sticky footer isn’t usable as is.

Can you please assist us with improving the appearance of these critical elements?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

WoodMart theme does not support this plugin that is why the gaps that are generated by the plugin differ from the default.

Please add this code to the Theme Settings > Custom CSS > Global to fix that:

ul.wcsatt-options-prompt-radios {
	padding-left: 0;
}

.variations_form .wcsatt-options-product-prompt {
	margin-bottom: 0;
}

.variations_form .woocommerce-variation-price {
	margin-bottom: 5px;
}

body .variations_form .woocommerce-variation .woocommerce-variation-availability {
	margin-left: 0;
	width: 100%;
}

body :is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,
body .woocommerce div.product .elementor-widget-wc-add-to-cart) form.cart:not(.grouped_form):not(.variations_form) {
	flex-wrap: wrap;
}

Best Regards

Thank you!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts