How to divide variation selection from add to cart button in woocommerce - woocommerce

I am using Elementor page builder and Woodmart theme. I would like to show variations in one section and add to cart in another. Is there any good way to divide add to cart button and variations. Right now If I add ""add to cart"" element in area varations are above button.
I tried to do it with CSS like on one element hiddig variations and on another hidding add to cart, but I didn't managed to do it properly

Related

Woocommerce update cart button doesn't update and somethimes removes the whole cart widget

So I have an issue with the Woocommerce cart. I can't seem to update the cart. When I try to update it, the product just goes back to it's current value and after trying it a few times in a row very quickly, the whole cart just disappears. Not just the products, no the whole cart widget. I feel like this has something to do with my theme in combination with Woocommerce, but I use the Astra theme, so I feel like it should work.
Any ideas on what is happening?
The order page:
https://www.patisserieproeverijaanhetspaarne.nl/high-tea/

Woocommerce 2nd image on hover not working

We have a problem with a new webshop we want to put online. We want to display the 2nd image on a hover on desktop for our store. It works on the default shop page (https://www.festivalapparel.nl/shop/) but not on our homepage (https://www.festivalapparel.nl/). It has been created with the building block from woocommerce: featured item. It looks like it does not load two images per item, so it can't switch it.
In summary: it works on the preset shop page but not on the homepage using their building block, we also want it to help there. Thanks!
Replace your page builder block with this shortcode bellow:
[products limit="10" columns="5" best_selling="true"]
If you want to display best sellers manually you could use featured function with shortcode bellow. To set featured products there is a star icon in your woocommerce admin products list so you could just click on it and product will be featured.
[products limit="10" columns="5" visibility="featured" ]

Woocommerce: Filter Products by Rating, STARS has no shades color

I'm trying to create a custom interface for the filters of my shop, one of them is Filter Products by Rating which is I added through ShortCode using the class of WC_Widget_Rating_Filter with the help of Elementor and ShortCode widget.
Unfortunately, there are no shades of gold color in the stars.
I tried to add the Widget by navigating into Appearance > Widgets and drag it into Woocommerce SideBar which where I want to show the widget, here is the result.
For some reason, the one I added through ShortCode has no shades of gold color while the one I added by navigating into Appearance > Widgets and dragging it into Woocommerce SideBar has a color and is working properly.
What could be the reason for it and how can I fix it?

WordPress Woocommerce custom media grid with links

I'm trying to add an eye-catching grid to the homepage of my webshop.
I use WordPress - Woocommerce for the shop with the Shopkeeper theme.
I want a grid with different sizes of pictures. I would like to be able to click on a picture and navigate to a specific product category. (see example below)
I already tried to use the 'Product Categories' grid, which seemed to be what I want in the first place. But you can only have 1 item in that grid for every Product Category.
What would be the easiest way to become this sort of grid?

Adding shop sidebar in single product page

I'm really struggling to add a sidebar in the single product page in Woocommerce. I would like to add a sidebar that could display the shop widget. Is this possible to do? It's a custom theme that I have limited knowledge of.

Resources