This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Woocommerce Dropdown Cart Widget.


Creates a shopping cart widget for your WooCommerce store which, when clicked, opens to reveal the cart contents. Requires WooCommerce (

Further Information

If you need any support with this plugin (but not CSS support) please email


  • Screenshot of the cart in action


1 – Copy the woocommerce-dropdown-cart folder to your wp-content/plugins directory (or use the plugin loader in the admin area)
2 – Activate the plugin
3 – Go to Appearance/Widgets and look for ‘WooCommerce Drop Down Shopping Cart’ and drag it to the desired sidebar

If you want to modify the CSS of the cart then you should :

Copy the widget-flyout-cart-style.css and 'open.png' file to your theme directory to modify the layout
eg wp-content/themes/YOUR_THEME/woocommerce-drop-down-cart-widget/widget-flyout-cart-style.css
and wp-content/themes/YOUR_THEME/woocommerce-drop-down-cart-widget/open.png


شتنبر 3, 2016
The arrow on the cart and checkout buttons are hardcoded into the plugin →. The plugin should take woocommerce's mini-cart and make that drop down, but instead replaces it completely, which may or may not be blowing away some woocommerce functionality, we don't know. I find this particular arrow quite ugly and some fonts don't support it. If your font doesn't have it, it will default to the browser core font (even uglier) and sometimes that symbol doesn't exist even in the core font. I'd like to request that the arrow be removed and/or the button text be thrown into a settings field for the user to determine. Maybe they don't want it to say Checkout but instead say RazzleMcDazzle. You never know.
Read all 1 review

Contributors & Developers

“Woocommerce Dropdown Cart Widget.” is open source software. The following people have contributed to this plugin.



  • fixes path errors.