For the first issue, there’s two plugins with similar names:
https://wordpress.org/plugins/variation-swatches-for-woocommerce/
https://wordpress.org/plugins/woo-variation-swatches/
Which one are you using, or is it another one?
I suspect you’ll need to go to the relevant plugin support forum. This forum is focused on the core WooCommerce plugin.
Regarding the second issue, please post the address of a relevant page so the markup and styles can be examined with browser tools.
for first issue WooCommerce Variation Swatches and Photos using this plugin at least, I am now able to show the selected color label.
for the second issue here is the link
https://bumblebeely.com/product/walking-on-clouds-dress/
third issue: I am facing another problem for the non-variable product it’s like the following link the add to cart menu breaks.
Here: https://bumblebeely.com/product/longline-long-sleeve-t-shirt/
Issue 2 (add-to-cart on a separate line): Try this custom css:
.quantity.fl {
float: none !important;
display: block;
max-width: 140px;
}
button.single_add_to_cart_button {
float: none !important;
display: block !important;
margin-top: 12px;
}
Issue 3:
It looks like your accordion has inserted itself into the page in the wrong place. Does it work if you turn off the accordion? You may need to take that one to the plugin or theme that is providing the accordion. The accordion is not coming from WooCommerce.
Thank you so much. It’s working now. Okay, I will contact them regarding that.
Another thing is I am trying to show price I the add to cart button. I tried https://stackoverflow.com/questions/51522141/display-price-on-add-to-cart-button-from-the-functions-php-file-in-woocommerce
this works in a normal non-variable single products page but in the variable page, it is not working.
The snippet is not designed to do so.
Replace line 13 with:
return $button_text. ' - From ' . $product->get_variation_price( 'min' );
