Inbound Horizons

<p>Simple Dropdown Filter by Category for Woocommerce automatically adds a dropdown on your shop catalog page that allows you to instantly filter products by WooCommerce product categories. The dropdown will show up on the shop page, product archive page and product tag page. It shows a product count per each category by default. The plugin currently supports only selecting a single category to filter.</p>
<p>The dropdown filter buttons shows up to the right of the native WooCommerce “sort by” dropdown and uses native WooCommerce component code.</p>
<h4>Features and Extras</h4>
<p>You can choose to manually exclude certain categories to show up in the dropdown filter if you do not want users to filter by those categories.</p>
<p>You can toggle off or on showing product counts by category or showing empty categories in your shop.</p>
<p>You can set custom CSS classes for styling the button to match your theme, and even apply custom CSS directly to the plugin from the back end settings panel.</p>
<p>It will work with nested parent/child categories you create in WooCommerce and display the child categories underneath the parent in your dropdown menu when users select a category.</p>


Simple Dropdown Filter by Category for WooCommerce

Add a dropdown on the catalog page to filter products by WooCommerce categories.

Francesco Canovi

Marco Chiesi

Black Studio

<p>Navigation dropdown menus are widely used, especially on sites with lots of pages and/or categories, as they allow to navigate directly to almost every page of the site, with no need to navigate through all the intermediate pages in the hierarchy. Unfortunately dropdown menus do not work well with mobile / touch devices, because the “mouseover” event is not handled, so when the user click a top level menu, the browser follows the link instead of opening the dropdown menu. This plugin is a solution for that situation. On touch devices, the first click / tap on a top level menu (or, in general on any menu with children) only expands the nested dropdown menu, while the second one brings to the link. This is the same behavior natively adopted by iPad / iPhone starting from iOS version 5, so this plugin is intended to work with previous versions of iOS and with other mobile platforms that do not have such native behavior (Android, Windows, etc).</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Black Studio web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">Plugin’s web page</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-touch-dropdown-menu" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-touch-dropdown-menu" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-touch-dropdown-menu#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-touch-dropdown-menu/" rel="nofollow ugc">donation</a>.</li>
</ul>
<h4>Credits</h4>
<p>This plugin was inspired by the article <a href="https://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/" rel="nofollow ugc">“Make CSS drop-down menus work on touch devices”</a> written by Ross McKay, although it uses a totally different javascript code.</p>


Black Studio Touch Dropdown Menu

Add support for navigation dropdown menus on mobile / touch devices.

Simple Dropdown Filter by Category for WooCommerce vs Black Studio Touch Dropdown Menu