In 2023, PrestaShop took a significant step toward strengthening its brand by updating the design of the admin panel with the release of PrestaShop 9. This rebranding involved revamping two main themes: default (based on Bootstrap 3 for legacy controllers) and new-theme (based on Bootstrap 4 for Symfony controllers).
The primary goal was to unify the interface, improve UX, and create a more modern design. This was achieved by integrating PrestaShop UI Kit version 2.0.1, which standardized the use of CSS variables. These variables allow for centralized management of design elements such as colors, shadows, and backgrounds, ensuring visual consistency and simplifying further development. The inclusion of the _root.scss
file made it possible to apply unified styles across all elements of the admin panel, greatly enhancing its visual coherence.
Why It Matters for Developers?
The update addresses the challenge of unifying the interface between legacy and new themes, making them easier to maintain. PrestaShop has also provided developers with a special tool to visualize theme and component changes, streamlining the adaptation process.
With the new system of CSS variables, developers can now easily make changes and customize the interface without disrupting the overall style. Variables are easily adjustable, preventing conflicts with other libraries and themes.
Looking to the Future
The rebranding of the PrestaShop admin panel not only improved the visual aspects but also set a standard for future updates. The use of centralized CSS variables provides the platform with scalability, making future updates and feature additions easier.
PrestaShop 9 isn’t just about cosmetic changes. It’s a redesign that will make working with the admin panel more flexible, convenient, and forward-thinking for all users—whether they are store owners or developers.
Read more about the release on PrestaShop’s official page: PrestaShop Admin Panel Rebranding.
Feel free to leave your comments on what you think about the rebranding and how you find the new interface!