Loading...
You are here:  Home  >  TMS Blog  >  Current Article

TMS Category Page User Interface

By   /  April 24, 2014  /  No Comments

    Print       Email

Here is our approach regarding how the category page should look like. We’ve paid a lot of attention to details.

category-page

A powerful filter (on the right column) will be present on the categories pages, allowing users to refine the displayed items by several criterias. This is a unique feature, which other marketplaces haven’t implemented yet.

Each items block has its 80x80px theme preview thumbnail, title, category, author name, version, when it was added, price tag, rating and product attributes. Here you can see at a glance relevant information about the theme plus take action. On the mouse over state, over the thumbnail will appear the View Description, Live Demo, Add to Wishlist and Add to Cart buttons (icons).

category

Plus we’ve added sorting and filtering options too, so the user can display Most Recent Items (default value), Top Rated, and Best Sold. And sort that data in ascending / descending order.

We also thought a lot about the navigation between pages and identified a very usable solution. You can define how many items you want displayed on a page and you can navigate using controls or even inserting the page number you want to jump to.

Here is how the default and the mouse over state of the navigation between pages looks like:

nav

nav-hover

As you can see, it exceeds in terms of features, usability and user interface all the themes marketplaces out there.

    Print       Email

About the author

Radu

Author

UI Designer, Founder of RT Design Studio, themes author and in the themes business since 2009.

You might also like...

tms-hangon

Theme Market Script is Almost Ready for Sale!

Read More →
Follow
Get every new post delivered to your inbox!
Join other followers
Powered By WPFruits.com