Aimeos 2021.04 release

The new administration interface design resembles a modern card-based interface with appealing visuals. Compared to other e-commerce site backends, this is the most contemporary available interface! 

A new dark mode is included for those who prefer darker interfaces that are gentler on the eyes at night. You can turn it on by clicking the moon icon in the top right corner. Once activated, it will persist for the whole browser session.

Even if you find the colors too vibrant or want them to match your company branding, they are easily customizable. All colors use CSS variables so you can modify them with a few lines of code, for example:

body {

  --bs-primary: #f12711; 

  --bs-primary-alt: #f5af19;

}

As you may have noticed, the dashboard has extra panels for quick order and customer overviews, plus changes compared to the last 7 days. 

There is also a new panel for orders by country with a world map to instantly see where your customers are from. The panels load lazily when scrolling to reduce requests.

Importantly, all dashboard panels now use Chart.js instead of D3.js. The new library is easier to use with built-in customizable chart types. It also produces smoother graphs.

Starting with this release, Aimeos has native right-to-left language support like Arabic and Hebrew. 

Besides text direction, this includes component placement, menus, paddings and margins. The front and back ends are fully mirrored for RTL languages when selected.

In addition to previous mobile optimizations, all menus and the mini basket are now offscreen menus. This ensures enough space for content on very small screens down to 320px wide. It also matches mobile app patterns for familiarity.

Shop owners can now dynamically change prices based on categories, time periods, logged in customers, etc without modifying existing prices. 

The new flexible Aimeos rules system allows dynamic adaptation of not just prices, but any product content like images and text.

There is a new Aimeos CMS extension available based on GrapesJS, a component-based JS content editor. 

Unlike the CKEditor HTML editor used for product text, it has building blocks for headlines, paragraphs, images, grids, forms and more. You can fully extend it by adding custom components.

A new supplier detail component can display all supplier info like images, text and addresses. You can also add a product catalog list for that supplier.

Some configuration simplifications were made, most notably removing "standard" from config keys like:

// 2020.10 and before

client/html/catalog/filter/standard/subparts  

// 2021.04 and later

client/html/catalog/filter/subparts

For developers, product stock items now use product IDs instead of codes to avoid issues when changing codes. 

See the documentation for a full list of breaking changes.