Hummingbird Theme – die moderne Alternative zum PrestaShop Classic-Theme

Hummingbird ist ein neues Design, das das PrestaShop Classic als Standard-Theme ablösen soll. Mit dieser Überarbeitung kommt PrestaShop dem Wunsch vieler Shopbetreiber und der Community nach, das Front-Office-Design moderner und zeitgemäßer zu gestalten. Allerdings ist diese umfassende Neugestaltung mit erheblichem Aufwand und Zeit verbunden. Bis zur Veröffentlichung wird es noch eine Weile dauern. Erste Einblicke in die von PrestaShop veröffentlichten Mockups finden Sie hier…









Was ist an wesentlichen Änderungen zu erwarten?

Hummingbird ist ein neues Standard-Frontend-Theme, das als moderne Alternative zum klassischen PrestaShop-Theme entwickelt wird. Es basiert auf Bootstrap 5 und bietet eine verbesserte Leistung und moderne Designfunktionen. Aktuell befindet sich Hummingbird in der Version 0.2.0, und das Entwicklerteam arbeitet mit Hochdruck daran, den Funktionsumfang zu erweitern und bestehende Fehler zu beheben.

Das neue Theme wird voraussichtlich parallel zum klassischen Theme in PrestaShop 9 bereitgestellt, sodass PrestaShop Betreiber zwischen den beiden Themes wählen können. Hummingbird ist momentan noch nicht vollständig mit allen PrestaShop-Modulen kompatibel, da es auf Bootstrap 5 basiert. Für Entwickler und Shopbetreiber, die das neue Theme nutzen möchten, wird ein Bootstrap-Kompatibilitätslayer bereitgestellt, um die Integration in bestehende Shops zu erleichtern.

Wesentliche Themeänderungen im Überblick

  • Bootstrap-Update: Aktualisierung auf Bootstrap 5 für eine modernere Basis.
  • Strukturüberarbeitung: Neugestaltung der Verzeichnisstruktur, um die Wartung zu erleichtern.
  • Entfernung von core.js: Diese Datei konnte bisher nicht verändert werden, was die Flexibilität einschränkte.
  • Lazy Loading: Verbesserung der Ladezeiten durch verzögertes Laden von Inhalten.
  • Konsistente CSS-Benennung: Einführung einer einheitlichen Benennungsstrategie (z.B. BEM) für besser lesbaren und wartungsfreundlicheren Code.
  • JSON-LD statt Microdata: Wechsel zu JSON-LD für eine effizientere Strukturierung von Daten.
  • Neue Hooks: Hinzufügen neuer Hooks zur Erweiterung des Themes.
  • Trennung von Styling: Klare Trennung des PrestaShop-Stylings vom Bootstrap-Styling.
  • Reduzierung der Abhängigkeiten: Verringerung der externen Abhängigkeiten für mehr Effizienz.
  • Kein jQuery: Verzicht auf jQuery zugunsten standardmäßiger JavaScript-APIs, um das Theme moderner und leichter zu halten.
  • Optimierte Seitenaktualisierungen: Vermeidung unnötiger Aktualisierungen großer Teile der Seite.
  • Mehr JavaScript-Ereignisse: Ausgabe von JavaScript-Ereignissen zur besseren Nutzung durch Module und Themes.
  • Wiederverwendung von Bootstrap-Komponenten: Maximale Nutzung der Bootstrap-Komponenten, um den Code sauberer und effizienter zu gestalten.


Diese Änderungen konnten im Classic-Theme nicht umgesetzt werden, ohne das bestehende Ökosystem zu beeinträchtigen, was die Entwicklung eines neuen Themes notwendig machte.

Veröffentlichte Mock-ups der Hooks im Hummingbird Theme

Cart Page

Category Page

Checkout flow

Connexion Page

contact Page

homepage

my account

Product Page

Wann wird PrestaShop 9 veröffentlicht?

PrestaShop 9 wird voraussichtlich entweder Ende 2024 oder Anfang 2025 veröffentlicht. Derzeit befindet sich die Software noch in der Alpha-Phase. PrestaShop begrüßt Entwickler, die aktiv zur Weiterentwicklung der Software beitragen möchten. 🚀🚀🚀

GitHub
https://github.com/PrestaShop/hummingbird

Slack
https://www.prestashop-project.org/slack/