Order by Title Price or Date on Shop Page
Learn how you can change the arrangement on the Woocommerce Shop Page. You can order the products by title, price or date. In this example we will order the products by price.
This is how the shop looks like before changing the arrangement of the products:
You can change the arrangement by adding the following code to your functions.php file:
add_filter('woocommerce_default_catalog_orderby', 'arrow_design_custom_default_catalog_orderby'); function arrow_design_custom_default_catalog_orderby() { return 'price'; // Can also use title and date }
This is how the shop looks like after changing the arrangement of the products:
Additional Arrangement Options
It is also possible to change the Shop Page arrangement by going to Appearance –> Customize and then choosing WooCommerce –> Product Catalog. There is the “Default product sorting” where you can choose another sorting. These are the available options:
- Default sorting (custom ordering + name)
- Popularity (sales)
- Average rating
- Sort by most recent
- Sort by price (asc)
- Sort by price (desc)
Conclusion
We hope this Order by Title, Price or Date on Shop Page post was helpful and you are now able to implement the arrangement change on your own website! You can find more articles here:
Read another Woocommerce post : ‘Rename a Product Tab‘
Arrow Design, based in Dublin, Ireland, provides quality website design services in Dublin and beyond at affordable prices. If you would like help with implementing the above code, or any wordpress website development project, contact us. We love website design and it shows! We provide custom wordpress plugin development, website design training and lots more.
We do it all, so you don’t have to!
Related Posts
Woocommerce Account Page Hook Guide
In this article you will find a visual hook guide for the Woocommerce Account Pages, like the Login/Register page, the Downloads page or the Orders page.
Woocommerce Single Product Page Hook Guide
In this article you will find a visual hook guide for the Woocommerce Single Product Page. This should help you to quickly and easily find the hook positions on the page.
Woocommerce PHP – Product Categories by Product ID
In this tutorial you will learn how to check if a product is assigned to a tag, a category or a custom taxonomy. You can check if a product is is on the shop page, in the cart, in an order & more.
…We do more, so you can do less 🙂