I’d like to hide the WooCommerce list of sort options.
On the product list view a drop down list of options to order the displayed results is shown to the right above the list.
One obvious way is via CSS. Use the browser inspector to find the class or id of the wrapping html element. Then apply a display:none to this.
Using CSS to simply hide the list leaves it within the html. There’s the possibility of it appearing.
The must be a tidier way
I think the better approach is to directly remove the dropdown list of sort by options using the WooCommerce overrides.
For this the override text is added to the theme’s functions.php file:
remove_action( ‘woocommerce_before_shop_loop’, ‘woocommerce_catalog_ordering’, 30 );
The addition may be made either by editing the file through the hosting control panel or via FTP.
The WooCommerce page is divided up into different sections, with before and after actions associated.
In the above the item to be removed is before the shop loop and it’s the catalogue ordering.
