Was Storefront in deinem Shop macht
Storefront ist das offizielle Theme von WooCommerce, veröffentlicht von Automattic und entwickelt vom WooCommerce-Team. Es ist ein klassisches Theme auf Basis des Starter-Themes Underscores: Header mit Produktsuche und Mini-Warenkorb, Seitenleiste, vier Widget-Bereiche im Footer und Templates für Shop, Produkt, Warenkorb und Kasse. Eingestellt wird alles unter Design > Customizer, wo das Theme die Bereiche Typografie, Buttons, Footer, Layout und Produktseite ergänzt.
Das Seiten-Template „Homepage“ zeigt unter dem Seiteninhalt fertige Produktreihen: Nach Kategorie einkaufen, Neu hereingekommen, Wir empfehlen, Fan-Favoriten, Angebot und Bestseller. Auf Produktseiten blendet sich oben eine Leiste mit dem Warenkorb-Button ein, sobald der normale Kaufen-Button aus dem Bild scrollt, und unter dem Produkt erscheinen Links zum vorherigen und nächsten Produkt. Auf dem Smartphone führt eine feste Leiste am unteren Bildschirmrand zu Konto, Suche und Warenkorb.
Das Theme ist kostenlos. WooCommerce verkauft separat das Storefront Extensions Bundle, eine Sammlung von Erweiterungen, die nur für Storefront und seine Child-Themes gedacht sind: Storefront Powerpack, Mega Menus, Parallax Hero, Blog Customizer, Reviews und weitere. Laut dem Statusdokument des Teams beschränkt sich die Entwicklung inzwischen auf kritische Fehler, Sicherheitsprobleme und die Kompatibilität mit WordPress und WooCommerce; die meisten neuen Funktionen werden nicht mehr umgesetzt.
Für welche Shops Storefront die richtige Wahl ist
Storefront passt, wenn dir der Shop wichtiger ist als das Design und du Konflikte bei WooCommerce-Updates vermeiden willst:
- Erste WooCommerce-Shops: Startseite mit Produktreihen, mitlaufende Kaufleiste und Mobilleiste funktionieren ohne zusätzliche Plugins und ohne komplizierte Einstellungen.
- Shops mit offiziellen Erweiterungen: Das Theme bindet WooCommerce-Erweiterungen wie Bookings, Subscriptions, Wishlists und Brands ein.
- Entwickler, die mit einem Child-Theme starten: Der Code ist in Actions und Filter aufgeteilt (
storefront_header,homepage...), sodass du Elemente verschieben oder entfernen kannst, ohne Templates zu kopieren. - Websites, die ein barrierearmes Theme wollen: Storefront trägt im wordpress.org-Verzeichnis das Schlagwort „accessibility-ready“.
Für eine Firmenwebsite oder einen Blog ohne Shop ist es nicht die beste Wahl, ebenso wenig, wenn du ohne Code ein stark individuelles Design willst: Die Optionen im Customizer beschränken sich auf Farben und die Position der Seitenleiste. Für mehr Freiheit auf derselben WooCommerce-Basis vergleiche mit Astra oder Kadence; wenn du alles im Website-Editor von WordPress bauen willst, nimm ein Block-Theme wie Twenty Twenty-Five.
Stärken und Schwächen von Storefront
Stärken
- Gepflegt vom WooCommerce-Team. Kompatibilitätskorrekturen folgen den Versionen von WordPress und WooCommerce, etwa die in Version 4.6.2 für WordPress 6.9.
- Kostenlose Verkaufsfunktionen. Startseite mit Produktreihen, mitlaufende Kaufleiste, Links zwischen Produkten und Mobilleiste sind ohne Aufpreis dabei.
- Per Code leicht erweiterbar. Fast jeder Bereich läuft über eine Action oder einen Filter, was ein Child-Theme einfach hält.
- Keine veröffentlichten Sicherheitslücken. Die Datenbanken von Patchstack und WPScan führen keine Schwachstelle für das Theme.
Schwächen
- Kaum neue Funktionen. Das Team kümmert sich nur noch um wichtige Fehler, Sicherheit und Kompatibilität; die meisten Verbesserungswünsche werden geschlossen.
- Wenig Gestaltung ohne Bezahlung. Kein Header-Builder, keine Schriftauswahl und keine Steuerung der Startseiten-Bereiche: Dafür brauchst du Code oder das kostenpflichtige Bundle.
- Schriften von Google. Die Schrift Source Sans Pro kommt von fonts.googleapis.com, ohne Option, sie auf deinem eigenen Server zu hosten.
- Mini-Warenkorb-Skript auf jeder Seite. Storefront lädt
wc-cart-fragmentsüberall, während WooCommerce das seit 7.8 standardmäßig nicht mehr tut, um unnötige AJAX-Anfragen zu vermeiden. - Kein Block-Theme. Der Website-Editor von WordPress steuert weder den Header noch die Templates.
Die Storefront-Einstellungen, die wir empfehlen
Alle diese Einstellungen gibt es in der aktuellen kostenlosen Version; die Bezeichnungen stammen aus der deutschen Übersetzung des Themes.
| Einstellung | Empfohlener Wert | Warum |
|---|---|---|
| Automatische Aktualisierungen Design > Themes > Storefront (Theme-Details) | Aktiviert | Kompatibilitäts- und Sicherheitskorrekturen kommen an, ohne dass du dich einloggen musst. |
| Template „Homepage“ Seiten > deine Startseite > Template | Ausgewählt, und diese Seite unter Einstellungen > Lesen festgelegt | Die Produktreihen erscheinen unter dem Seiteninhalt, ganz ohne Plugin. |
| „In den Warenkorb legen“ oben halten Design > Customizer > Produktseite | Aktiviert (Standard) | Der Kaufen-Button bleibt auf langen Produktseiten erreichbar. |
| Produkt-Navigation Gleicher Bildschirm | Aktiviert (Standard), ab Version 4.6.2 | Version 4.6.2 behebt Zeitüberschreitungen auf Produktseiten unter WordPress 6.9. |
| Link/Akzentfarbe Design > Customizer > Typografie | Deine Markenfarbe, sofern sie sich genug vom Hintergrund abhebt | Links und Akzente nutzen diese Farbe: Bei schwachem Kontrast sind sie schwer lesbar. |
| Hintergrundfarbe der Buttons Design > Customizer > Buttons | Eine dunkle Farbe mit weißem Text oder umgekehrt | Die Buttons zum Warenkorb und zur Kasse müssen gut sichtbar bleiben. |
| Allgemeines Layout Design > Customizer > Layout | Seitenleiste rechts (Standard) oder links | Für eine Seite ohne Seitenleiste nimm lieber das Template „Volle Breite“. |
| Handheld-Menü Design > Menüs > Positionen verwalten | Ein kurzes Menü mit deinen Hauptkategorien | Auf dem Smartphone ersetzt dieses Menü das primäre Menü hinter dem Navigationsbutton. |
- Öffne eine Produktseite am Computer und scrolle nach unten: Die Kaufleiste muss oben mit dem richtigen Preis erscheinen.
- Lege Code-Änderungen in einem Child-Theme ab: Ein Storefront-Update überschreibt die Dateien des Eltern-Themes.
- Wenn du die Google-Schrift oder den Credit-Link zu WooCommerce entfernst, nutze die Filter
storefront_google_font_familiesundstorefront_credit_linkund prüfe danach den Quelltext einer Seite. - Mit einem Cache-Plugin: Lege ein Produkt in den Warenkorb und prüfe den Mini-Warenkorb im Header auf einer anderen Seite.
Die Sicherheit von Storefront: ein Theme ohne bekannte Lücke
Zum Zeitpunkt dieses Steckbriefs führen weder Patchstack noch WPScan eine Schwachstelle in Storefront. Das Theme verarbeitet weder Zahlungen noch Formulare: Die Risiken eines Shops liegen vor allem in WooCommerce und seinen Erweiterungen, deren Geschichte unser Artikel über die Sicherheitslücken in WooCommerce seit 2020 nachzeichnet. Die Erweiterungen aus dem kostenpflichtigen Bundle, die über dein WooCommerce.com-Konto aktualisiert werden, musst du separat im Blick behalten.
Lass die automatischen Aktualisierungen des Themes eingeschaltet, denn das Team behandelt Sicherheitsprobleme vorrangig. WP Masquerade Pro benennt den Theme-Ordner und das Handle storefront seiner Skripte und Stylesheets um, während die Variable storefrontScreenReaderText und die Klassen storefront-* sichtbar bleiben: Das erschwert Bots die Erkennung, ersetzt aber keine Updates.
Was WP Masquerade bei Storefront verbirgt
Pro Nur von WP Masquerade Pro abgedeckt
Die Gratisversion kennt die eigenen Spuren von Storefront nicht: Ohne Pro werden nur Generator-Tags entfernt, wie bei jedem Plugin.
Gratisversion
Nur von WP Masquerade Pro abgedeckt
Mit Pro
- Ordnername
- Tag-IDs
Bleibt sichtbar
- JavaScript-Variablen
storefrontScreenReaderText - CSS-Klassen
storefront-*
Diese Spuren bleiben, weil das Plugin sie zum Funktionieren braucht (Skripte, Styles, Cookies) oder weil sie vom Server kommen.
Häufige Fragen zu Storefront
Wird Storefront noch gepflegt?
Ja, Version 4.6.2 ist im Dezember 2025 erschienen. Das WooCommerce-Team konzentriert sich auf kritische Fehler, Sicherheit und Kompatibilität; große neue Funktionen solltest du nicht erwarten.
Was kostet das Storefront Extensions Bundle?
Die Produktseite auf WooCommerce.com nennt 63 € pro Jahr zzgl. MwSt. für eine einzige Website, mit einem Jahr Updates und Support und automatischer Verlängerung. Es funktioniert nur mit Storefront und seinen Child-Themes.
Funktioniert Storefront ohne WooCommerce?
Ja, das Theme lässt sich ohne WooCommerce installieren und anzeigen, verliert dann aber das, was es ausmacht: Produktreihen, Mini-Warenkorb, Kaufleiste und Mobilleiste.
Wie ändere ich die Reihenfolge der Startseiten-Bereiche?
Im Customizer geht das nicht. Die Bereiche hängen an der Action homepage: Ein Child-Theme kann sie entfernen oder ihre Priorität ändern. Das kostenpflichtige Bundle verspricht außerdem volle Kontrolle über Layout, Produkte und Kategorien der Startseite.