A lot of new functionalities are packed into our next version: PrestaShop 1.5. One of the most visible of these is the graphic and design makeover for the back office. The new look? Minimalist, classic and totally professional. We’ve also simplified back office navigation and management for users.
Here are the key new features for the PrestaShop 1.5 back office:
I- A more fluid design and a version for different screen resolutions!
In contrast to the back office in version 1.4, with a fixed 960 pixel resolution, version 1.5’s back office is a lot more flexible. The big change is that this back office adapts itself to any screen resolution!
This development emerged after observing that in 2012 more than 40% of Internet users had high-resolution screens of more than 1,280 pixels 1. It was clear that we had to change the design on the 1.5 version to meet the demands of all screens to include everyone.
Now, the e-tailer can change the format depending on his preferences, increasing the size of the font so that there’s no empty space. The design is now more attractive and the final user experience is considerably improved.
As you can see below, the interface has a great new look! We’ve replaced the yellow on each tab in the 1.4 version with blue: this gives the page a more professional look. Yellow is now reserved for warning messages.
Back office of Version 1.5
II- A more minimalist header stands out
The header, surrounded with a dark colour, stands out from the back office content, making it easier to see. The e-tailer can now see the buttons and the administrator profile information at a glance.
It is also split into 2 parts to improve the organisation: on the one side you’ll find administrator profile information, and on the other all the different buttons (leading to the e-store, new product page, new category, etc.).
PrestaShop 1.5 Back Office Header
III- Easier navigation with new drop down menus!
One of the best new additions to Version 1.5 is the drop-down menu in each category. Now the administrator can see all menu categories at a glance, without leaving the homepage. So search and navigation go much more smoothly.
A drop-down menu for each category makes navigation a breeze
IV- Clearer division between categories and products
In order to make product management easier, we’ve emphasized the division between product categories and the actual products in the “Catalogue” section. Now no one will get the two confused, improving the product management process, and speeding up the creation of product pages. A real bonus for busy e-tailers!
V- A new toolbox!
A new toolbox aids user navigation. The action buttons (Save, Cancel, Edit, Copy) are now highlighted in this box, making daily e-store management easer for the e-tailer. Being able to find them immediately means that the user is likely to use these functions more often.
The icing on the cake : When the user scrolls down the page, this bar follows, remaining just a click away!
The toolbox follows the e-tailer when he scrolls down the page!
VI- Vertical menu on the product page
Another great feature on the product page: the navigation bar is vertical and not horizontal like in Version 1.4.
This improves the legibility and management of the tabs while making it easier to create product pages. It’s now faster and easier for e-tailers to create complete product pages!
The menu bar is now vertical !
VII- Easier to read tabs for module management page
Here too we’ve opted for a more typical vertical navigation instead of an accordion-style category menu. The idea is to filter each module by category in order to identify the module the user is looking for.
We also redesigned the look of each module to make it easier to read:
- The module icons are twice as big.
- The module title and text is bigger and in colour: an installed module is in green, and a module that isn’t installed is in orange.
- Information about the module (description, developer’s name, version, category) is now below the module title.
An improved module management page
VIII- Multi-store management
The multi-store feature is managed with a navigation tree on the left side of the page. This approach enables the user to see all the different store groups, and to filter according to his chosen store, all without refreshing the page (Ajax).
Multi-store management with a navigation tree
The graphic design of the back office has been vastly improved to make navigation easer for users, whatever their level of use. They can now find the information and tabs they’re looking for in a flash, in a back office with an updated and professional look.
So now you know about all the new features, why not try it out and tell us what you think?
1 Real-time statistics on screen resolutions of Internet users 2012: http://fr.screenresolution.org/year-2012/