Warum die Sidebar auf dem Handy nichts zu suchen hat

Viele Shopware-Shops zeigen auf Kategorieseiten den klassischen Kategoriebaum in der linken Seitenleiste. Am Desktop ergibt das Sinn: Ihre Kunden klicken sich schnell durch die Kategorien und behalten die Orientierung.

Am Smartphone dreht sich das Bild. Dort kostet dieselbe Sidebar genau den Platz, den Ihre Produkte brauchen. Sie schalten sie mit einer einzigen Einstellung ab, ohne Plugin und ohne Eingriff ins Theme.

Warum der Kategoriebaum mobil eher stört

Öffnen Sie eine typische Kategorieseite auf dem Smartphone, sehen Sie dort in der Regel zwei Navigationen: oben das Burger-Menü mit den drei Strichen, darunter noch einmal die Sidebar mit dem Kategoriebaum. Dieselbe Funktion, doppelt auf dem Bildschirm.

Das drückt Ihre eigentlichen Inhalte und Produkte nach unten. Arbeiten Sie mit Erlebniswelten und haben einen Header, Texte oder Banner eingebaut, scrollt der Besucher erst an der Navigation vorbei, bevor das erste Produkt auftaucht. In der Praxis sehe ich bei Shops mit tiefem Kategoriebaum, dass mobil oberhalb der Falz kaum etwas übrig bleibt. Wer an dieser Stelle abspringt, hat vom Sortiment nichts gesehen.

So blenden Sie die Sidebar mobil aus

Die Korrektur ist unspektakulär und in wenigen Sekunden erledigt. Sie brauchen dafür kein Plugin und kein Zusatzmodul. Die Einstellung steckt nativ in Shopware, bleibt damit updatesicher und macht Sie unabhängig von Dienstleistern.

Öffnen Sie im Admin-Bereich die Erlebniswelt, die mit Ihrer Kategorieseite verknüpft ist. Dort sehen Sie die gewohnte Struktur: links die Navigation, daneben Ihre Produkte.

Klicken Sie nun auf die Einstellungen der Sektion, in der die Sidebar liegt. Dort finden Sie eine Auswahl mit dem Titel "Mobiles Sidebar-Verhalten". Standardmäßig steht diese auf "Umbrechen". Das schiebt die Sidebar mobil über den Content, sie landet also ganz oben auf der Seite.

Wählen Sie stattdessen "Nicht anzeigen".

Speichern Sie die Änderung und leeren Sie anschließend einmal den Cache. Öffnen Sie die Kategorieseite danach auf dem Smartphone, sehen Sie den Unterschied sofort: Die Sidebar ist verschwunden, Ihre Produkte und Inhalte stehen direkt oben, und die Navigation läuft weiterhin über das Burger-Menü oben links.

Fazit: Kleine Änderung, große Wirkung

Mit einer einzigen Einstellung verbessern Sie die Bedienung Ihres Shops auf mobilen Geräten. Weniger Scrollen, Inhalte direkt sichtbar, und die Navigation bleibt dort, wo Ihre Kunden sie mobil ohnehin suchen.

Ob "Nicht anzeigen" zu Ihrem Shop passt, hängt vom Sortiment ab. Bei tiefen Kategoriebäumen gewinnen Sie mobil den meisten Platz, bei einer schlanken Struktur fällt der Effekt kleiner aus. Und da immer mehr Menschen über das Smartphone kaufen, entscheidet die erste Bildschirmhöhe darüber, ob ein Besucher Ihr Sortiment überhaupt zu sehen bekommt.

Die Umsetzung dauert keine 30 Sekunden. Prüfen Sie sie an Ihrer wichtigsten Kategorieseite. Wenn die Sidebar bei Ihnen noch an weiteren Stellen im Layout hängt, schaue ich mir das gern an.