Zum Hauptinhalt springen

Frontend Redesign

Neu in v4.3 (Herbst 2026)

Warum ein neues Layout?​

  • Ziel des neuen Layouts ist es, die Startseite für potenzielle neue Mitglieder attraktiver zu gestalten.
  • Viele Initiativen haben dafür bisher eigene Wordpress-Seiten verwendet, das ist jetzt nicht mehr notwendig.
  • Die Startseite kann jetzt für nicht eingeloggte Besucher:innen moderner und ansprechender gestaltet werden.
  • Für FoodCoops, die als Vereine geführt werden, ist es außerdem wichtig, auf der Startseite nicht den Anschein eines Online-Shops zu erwecken. Dies ist nun mit der neuen Startseite mit allgemeinen Infos für nicht eingeloggte Besucher:innen gewährleistet.

Änderungen​

  • Das Layout verwendet jetzt die volle Breite des Bildschirms, um mehr Platz für Bilder und Inhalte zu bieten. Der Warenkorb wandert in die obere rechte Ecke.
  • Es werden größere Schriftgrößen verwendet.
  • Die Infos der Box, die vor der Umstellung unterhalb des Warenkorbs angezeigt wurden, sind jetzt im Infos-Menü-Punkt (neben dem Warenkorb-Icon im Header) zu finden. Diese Inhalte können jetzt direkt auf der Startseite platziert werden.
  • Die Slideshow auf der Startseite wurde entfernt. Stattdessen können jetzt beliebig viele Blöcke mit einem Bild, einer Überschrift, Text und Buttons erstellt werden. Die vorhandenen Slideshow-Bilder sind weiterhin im Admin-Bereich downloadbar.

Startseite anpassen​

  • Die Startseite kann jetzt unter Homepage-Verwaltung / Seiten / Startseite angepasst und stark individualisiert werden. Es kann ein großes Header-Bild hochgeladen werden, das die volle Breite des Bildschirms einnimmt. Darunter können beliebig viele Blöcke mit einem Bild, einer Überschrift, Text und Buttons erstellt werden. Diese Blöcke sind nur für uneingeloggte User sichtbar.
  • Damit das Header-Bild auf allen Bildschirmgrößen gut aussieht, muss es mindestens 2.000 Pixel breit sein und darf ein Seitenverhältnis von 2:1 nicht überschreiten. Lange, schmale Bilder können daher nicht hochgeladen werden, am besten 4:3 Bilder verwenden.
  • In den Einstellungen kann die Schriftart für die Überschrift des Headers auf der Startseite und die Schriftart der Überschriften der Blöcke auf der Startseite angepasst werden.

Beispiel für die Startseite mit dem neuen Layout​

Die Beispiel-Texte und Beispiel-Bilder sind auf https://demo-de.foodcoopshop.com/ verfügbar und dürfen frei verwendet werden. Die Texte können aber auch nach Belieben angepasst werden.