How to hide product sort by dropdown in WooCommerce in WordPress

August 28, 2015 by admin Leave a Comment

If you are using WooCommerce for an online store on your WordPress site, you may want to hide the product dropdown sort by box shown on your Shop page and other product archive pages. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the sort by drop down in WooCommerce.

/**
 * Hide WooCommerce Product Sort by dropdown
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.archive .woocommerce-ordering {
	display: none;
}

That’s it, now the product sort by dropdown should be hidden from your product archive pages. Hope this helps, enjoy.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Reader Interactions

Leave a Reply Cancel reply