Change Browse Listing Order in ElegantEstate Theme

elegant-estate-header
One of the themes we were working with recently had great reviews from many esteemed businesses and web developers, giving us the option to heavily customize the front end without dealing with complicated MySQL database issues in order to keep costs down for the client. However, one inherent issue with the ElegantEstate theme evidenced by numerous posts in the ElegantThemes forums is the inability to customize the order of the ‘Browse Listings’ widget, which as one might imagine is a very large problem for realtors using the theme for their business since it does not look very professional if prices are not sorted numerically*

*The root cause of this issue is due to the way WordPress handles Categories, and stores the variable name as a STRING instead of an INTEGER or NUMERIC value, which works very well in most situations but in the case that categories are numbers the sorting is difficult to handle in an aesthetic manner

In any case, after a few minutes of playing around with a few ideas I had to fix the issue this solution was very simple and does NOT involve editing any of the core PHP files.

How to Change Browse Listing Order in ElegantEstate Theme

  1. Setup your Browse Listings categories as you would like them to be
  2. Rename the category you would like to list first with a value that will be listed first by WordPress ascending alphabetical logic (normally placing a few zero’s (“000”) in front of your variable will get it listed first)
  3. De-select everything in the Browse Listings widget for your particular Listings Options (1 2 3 or 4) under Appearance > Theme Options in the Browse Listings tab and click Save
  4. Re-select everything in the Browse Listings widget for your particular Listings Options, including the new category which will now be appended with the characters you placed in order to get it listed first
  5. Head over to the category page on the back end, and change your category back to the setting you would like it to be on the live site
  6. If done correctly, your live site should now be sorting your modified category properly!

 

My example is shown below with pictures, the ultimate goal being to have “2013 Spring” appear as the default selection in the third Listings option (by default, it is sorted Ascending Alphabetical so “2013 Spring” appears first).

After the initial setup, here is how things appear on the backend:

elegant-estate-backend-1

Settings on the back end in Theme Options for Elegant Estate


elegant-estate-backend-second-image

Settings for the 2013 Spring category, prior to the fix in Browse Listings for the Elegant Estate theme


Here is how this category appears on the front end, before the fix:

elegant-estate-front-end-category

In the end, our goal is to get the 2013 Spring category to appear first


We can use our knowledge that WordPress stores category data as a STRING to change the sort order of our options as desired. Below are the changes we will make on the back end to first get the “2013 Spring” data slot showing first:

elegant-estate-backend-change-one

We need to make a change so that the variable appears first (do not worry about what the final name will be right now). In this case I chose to rename 2013 Spring to 2010 Spring so that this category appears first in the list.


I am not sure if the slug needs to be changed as well, I more did it to help myself keep track of the changes and as a best practice with uniformity among categories.

After renaming the category in the order we want it to appear, it is then necessary to de-select the category from the back end in Appearance > Theme Options under the Browse Listings tab.

elegant-estate-backend-change-two

In this case, I de-selected the 2013 Spring (renamed to 2010 Spring), 2012 Fall, and 2012 Spring categories, selected a random category, and clicked Save which made the change live in the database and the front end of the website temporarily.


After this change and clicking Save, we go back and change the categories back to what we would like them to be. In my case, I needed to select 2010 Spring (which will be renamed to 2013 Spring in the end), 2012 Fall and 2012 Spring.

elegant-estate-backend-change-three

Finally, we can go back to the initial category we wanted to modify and change it to what we would like the final value to be (in this case, changing 2010 Spring to 2013 Spring).

elegant-estate-backend-second-image

Identical to the second image above, we change our settings back to what we would like them to be on the live site.


On the Live site, this is how the listing will now appear

elegant-estate-frontend-final

Elegant Themes are affordable and extremely customizable, which makes them a great choice for WordPress developers both novice and more experienced. The only issue is the documentation for these themes is not the best, but with a creative mind and a general knowledge of WordPress one can normally work out a solution to most problems with relative ease. If you would like to focus on what you do best and hire us to customize your theme, get in touch for a free quote and we will get back to you as soon as we can.

3 thoughts on “Change Browse Listing Order in ElegantEstate Theme

  1. Natascha

    Thank you for the explanation.
    I´ve done exactly so, seemed to work, however, what I feared has happened..
    When saving changes in the e-panel browse listing, you automatically save and update all 4 browse listing categories. Which means, that you can not alter one single thing, add one more category, after doing your explanation.. because…adding 1 category, even if it is in another browse listing category then treated, will set the back side alike the front end. As I´ve removed the alteracoes in the front end.. it pops back to it´s original (alphabetical) order.
    I was hoping you had an idea on how to solve this.. I´m setting up homelandportugal.co.uk

    Thanks!

    Reply
    1. Andrew Kapral Post author

      Natascha,

      This method will need to be completed each time a category is added or removed to your site. From what I can tell, it is an inherent flaw with the ElegantEstate theme and something I hope the developers will address in time.

      If any other readers have a more comprehensive solution to this problem, please let me know and I will update this post.

      Reply
  2. Ani Garza T

    Hi,

    I had that same problem and I solve it by using a plugin called: Category Order .

    You order the categories with the WYSWYG , and the categories are ordered in that way not just in the backend, but anywhere you use them, including the Browse Listings in the Elegant Estate Theme.

    Now I am looking for a way to order the listings by price… any ideas, thanks! -Ana Maria

    Reply

Leave a Reply to Ani Garza T Cancel reply

Your email address will not be published. Required fields are marked *