How to show Add to Cart button on hover on the product thumbnail on Woocommerce?
I’m using Astra theme and I’d like to hide the add to button and only display that on hover on the product thumbnail. Can this be done?
Woocommerce sidebar overrides filters plugin styles
I am developing an ecommerce website with Astra theme and Woocommerce. Whatever filters plugin I use (e.g. Ajax Products Filter https://berocket.com/woocommerce-ajax-products-filter/?refer_id=25, YITH WooCommerce Ajax Product Filter https://yithemes.com/themes/plugins/yith-woocommerce-ajax-product-filter/) the plugin’s styles seem to get overwritten when I include the plugin into the woocommerce sidebar (Appearance > Widgets > WooCommerce Sidebar). Is there a way to prevent this and have nicely styled filters like in the demos shown on the filters’ pages? I would prefer avoiding modifying the CSS styles by hand as this would be extremely inefficient. Below is an example of how the filters look like on the demo page:
https://woocommerce-products-filter.berocket.com/shop/?_gl=1
Here, instead, the ugly looking filters on my page:
https://acro-metric.com/product-category/measurement/pressure/pressure-gauges/