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:

Order by Title Price or Date on Shop Page

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:

Order by Title Price or Date on Shop Page

 

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 PHP – Product Categories by Product ID

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

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 🙂

 

Leave a message and we will be straight back to you!

Pin It on Pinterest

Share This