Layout zerschossen
Abstände, Spalten und Schriften sitzen plötzlich falsch. Meist bringt ein neues Theme sein eigenes Design mit.
Shop-Hilfe · WooCommerce · Design
WooCommerce-Design kaputt nach Theme-Wechsel oder Update: warum das Layout zerschossen ist und was zuerst geprüft wird
Ein Theme-Wechsel oder Update – und plötzlich ist das Layout durcheinander: Abstände sitzen falsch, Produkte sind verrutscht, die Kasse sieht roh aus. Der Shop wirkt kaputt, und jeder Besucher sieht es sofort. Dieser Ratgeber erklärt die echten Ursachen und den sicheren ersten Weg zurück zu einem sauberen Shop.
Fehlerbild
Was Sie sehen – und worauf es hindeutet.
„Der Shop sieht kaputt aus“ hat verschiedene Ausprägungen. Schon, welche Bereiche betroffen sind, grenzt die Ursache ein.
Produkte verrutscht
Produktbilder sind verzerrt oder riesig, Preise und Buttons fehlen. Oft ein Theme-/Template-Problem.
Kasse ohne Stil
Warenkorb und Kasse wirken roh und unbrauchbar. Häufig fehlt dem Theme saubere WooCommerce-Unterstützung.
Nur teilweise kaputt
Startseite sieht ok aus, Shop-Seiten nicht (oder umgekehrt). Oft ein Cache- oder Template-Override-Problem.
Symptome
Typische Design-Probleme nach Theme oder Update.
nach Theme-Wechsel ist das ganze Layout durcheinander
nach einem Update sind Abstände, Spalten und Schriften plötzlich falsch
Produktbilder sind verzerrt, riesig oder verrutscht
Preise, „In den Warenkorb“ oder Buttons fehlen oder sehen roh aus
Warenkorb und Kasse sehen unstyled und unbrauchbar aus
die Startseite ist ok, aber Shop- und Produktseiten sind kaputt
auf dem Handy ist das Design ganz anders kaputt als am Desktop
nach dem Update eines Page-Builders ist alles verschoben
eigene Anpassungen oder Custom CSS sind nach dem Update verschwunden
das Theme meldet fehlende oder veraltete WooCommerce-Unterstützung
Warum es teuer wird
Kaputtes Design kostet Vertrauen – und Käufe.
Der erste Eindruck entscheidet, ob jemand überhaupt weiterklickt. Fehlen Preise oder Buttons, kann selbst ein kaufbereiter Kunde nicht bestellen – der Umsatz bricht am optischen Chaos.
Ein Shop, der kaputt aussieht, wirkt sofort unseriös – noch vor dem ersten Klick.
Wenn Preise und Buttons fehlen, kann selbst ein kaufbereiter Kunde nicht bestellen.
Kaputte Produktseiten drücken Vertrauen und damit die Kaufquote.
Auf dem Handy kaufen die meisten – dort fällt ein zerschossenes Layout besonders auf.
Wer im Panik-Modus weiter am Theme schraubt, macht es oft noch schlimmer.
Verlorene Anpassungen kommen nicht von selbst zurück, wenn niemand ein Backup hat.
Erste Prüfung
Was Sie selbst gefahrlos prüfen können.
Der erste Schritt ist fast immer der Cache. Vermeiden Sie es, im Panik-Modus weitere Themes zu installieren oder das aktive Theme zu löschen, solange kein Backup da ist.
prüfen: seit wann? Seit Theme-Wechsel, WooCommerce-Update oder Builder-Update?
den Cache leeren (WordPress, Cache-Plugin, Browser) und die Seiten erneut ansehen
prüfen, ob ein Child-Theme aktiv ist und Anpassungen dort liegen
Handy und Desktop vergleichen, um das Fehlerbild einzugrenzen
das Theme nicht im Live-Shop löschen oder überschreiben, ohne Sicherung
nicht überstürzt weitere Plugins installieren, die „das Design reparieren“ versprechen
Hintergrund
Warum ein Theme-Wechsel das Design so leicht zerlegt.
Das Design eines WooCommerce-Shops steckt größtenteils im Theme. Wird es gewechselt oder aktualisiert, ändert sich die Grundlage – und alles, was daran hing, muss neu zusammenpassen.
Jedes Theme bringt eigenes Shop-Design
Produkte, Raster, Buttons und Kasse werden vom Theme gestylt. Ein Wechsel ersetzt dieses Design komplett – auch dort, wo vorher alles saß.
Anpassungen hängen am Theme
Customizer-Einstellungen und Custom CSS gehören oft zum alten Theme. Beim Wechsel oder Update gehen sie verloren, wenn kein Child-Theme genutzt wurde.
Veraltete Template-Overrides
Enthält das Theme eigene, alte WooCommerce-Vorlagen, brechen diese nach einem Update – einzelne Shop-Bereiche sehen dann kaputt aus.
Cache überdeckt das Bild
Ein alter CSS-/JS-Cache zeigt ein Mischbild aus altem und neuem Design. Erst nach dem Leeren sieht man den echten Zustand.
So läuft die Reparatur
Erst schauen, dann gezielt fixen – nicht raten.
Gerade beim Design ist Aktionismus teuer: Noch ein Theme, noch ein Plugin, und das Bild wird schlimmer. So gehe ich stattdessen vor:
Ansehen
Zuerst klären: Was genau ist kaputt und seit wann? Ganzer Shop, nur Produkt- und Kassenseiten oder nur mobil?
Eingrenzen
Liegt es am neuen Theme, an verlorenen Anpassungen, an veralteten Templates, am Builder oder nur am Cache?
Gezielt beheben
Kompatibilität herstellen, Anpassungen sauber zurückbringen, Templates angleichen – ohne den Shop weiter zu zerlegen.
Auf allen Geräten prüfen
Am Ende steht die Kontrolle auf Handy und Desktop – inklusive Produkt- und Kassenseiten, nicht nur der Startseite.
Preis-Orientierung
Was kostet es, das Design geradezuziehen?
Ist nur ein Detail verrutscht, beginnt ein Schnellfix im Bereich von rund 59 € netto. Layout, Produkt- und Kassenseiten sauber aufräumen inklusive Kontrolle auf Handy und Desktop liegt eher bei 149 bis 260 € netto. Was in Ihrem Fall nötig ist, sehe ich nach einer kurzen kostenlosen Prüfung – danach gibt es einen Festpreis, keine offene Rechnung. Ein Schnellfix wird angerechnet.
Gestaffelte Preise im Detail ansehenSchnellfix
ab ~59 € nettoEin einzelnes Detail: Cache, verrutschtes Element oder verlorene Anpassung.
Layout-Fix
~149 € nettoLayout, Produkt- und Kassenseiten aufräumen, Kompatibilität herstellen, auf allen Geräten prüfen.
Aus der Praxis
„Nach der Theme-Änderung war das Design durcheinander.“
Ein Shop-Betreiber aus dem Ruhrgebiet hatte nach einer Theme-Änderung gleich mehrere Probleme: Das Design war durcheinander, es ließ sich nicht mehr mit PayPal zahlen, und Warenkorb und Kasse waren gar nicht erreichbar. Der Shop konnte faktisch nichts mehr verkaufen.
Das kaputte Design war dabei nur der sichtbarste Teil. Bei der Prüfung zeigte sich, dass darunter auch der Weg zur Kasse falsch verlinkt war, doppelte Warenkorb- und Checkout-Seiten existierten und einige Grundeinstellungen nicht sauber gesetzt waren. Erst als Design, Kaufweg und Grundeinstellungen zusammen in Ordnung gebracht wurden, ließ sich der Kauf per Testbestellung wieder sauber durchspielen.
Anonymisiertes, echtes Beispiel. Der Punkt daran: Ein kaputtes Design ist oft das Symptom, unter dem weitere Baustellen liegen – deshalb wird der Shop als Ganzes geprüft.
Entscheidung
Kompatibilität, Anpassungen, Templates oder Neuaufbau?
Die richtige Maßnahme hängt vom Fehlerbild ab. Ein alter Cache braucht eine andere Lösung als verlorene Anpassungen oder ein Theme, das den Shop nicht mehr sauber trägt.
Theme-Kompatibilität herstellen
Wenn das Theme WooCommerce nicht sauber unterstützt oder nach dem Update mit dem Shop kollidiert.
Anpassungen wiederherstellen
Wenn Custom CSS oder Child-Theme-Anpassungen nach dem Update verschwunden sind.
Templates aktualisieren
Wenn veraltete WooCommerce-Vorlagen im Theme einzelne Shop-Bereiche zerlegen.
Cache & Builder bereinigen
Wenn ein alter Cache oder ein Page-Builder-Konflikt das Layout verschiebt.
Sauber neu aufsetzen
Wenn das alte Theme nicht mehr sinnvoll zu retten ist und ein klarer Neuaufbau günstiger ist.
Professionelle Hilfe
Wann sich eine Prüfung lohnt.
der Shop sieht seit Theme-Wechsel oder Update kaputt aus
Produkt- und Kassenseiten sind unbrauchbar dargestellt
eigene Anpassungen sind nach dem Update verschwunden
du weißt nicht, ob es am Theme, am Builder oder am Cache liegt
du willst das Theme nicht im Live-Shop weiter zerschießen
das Design ist so kaputt, dass Kunden nicht mehr kaufen
auf dem Handy ist der Shop faktisch nicht benutzbar
Passende nächste Schritte
Weiterlesen oder das Design prüfen lassen.
WooCommerce: Kasse funktioniert nicht
Wenn nicht nur das Design kaputt ist, sondern Warenkorb und Kasse nicht erreichbar sind.
Mehr dazuWooCommerce: PayPal funktioniert nicht
Wenn zusätzlich die Bezahlung mit PayPal hakt.
Mehr dazuWas kostet ein WooCommerce-Fix?
Ehrliche Preis-Orientierung: Schnellfix, Kaufprozess-Fix oder Shop-Basis.
Mehr dazuElementor-Fehler beheben
Wenn der Page-Builder Elementor nach einem Update Teile der Seite zerlegt.
Mehr dazuWordPress kritischer Fehler
Wenn nach dem Update nicht nur das Design, sondern WordPress selbst streikt.
Mehr dazuWooCommerce Agentur
Wenn der Shop grundsätzlich sauber neu aufgesetzt werden soll.
Mehr dazuWebsite-Check
Für eine erste kostenlose Einordnung, warum das Design kaputt ist.
Mehr dazuFAQ
Häufige Fragen zu kaputtem Shop-Design.
Warum ist mein Shop-Design nach dem Theme-Wechsel kaputt?
Weil jedes Theme sein eigenes Design für Produkte, Raster, Buttons und Kasse mitbringt. Beim Wechsel wird das alte Design ersetzt, und Anpassungen, die am alten Theme hingen, gehen verloren.
Nach einem Update sind Abstände und Schriften falsch – warum?
Häufig passt eine Version nicht mehr zur anderen: Theme, WooCommerce und Page-Builder sind aus dem Takt. Auch veraltete Template-Overrides oder ein alter Cache können das Layout verschieben.
Meine eigenen Anpassungen sind weg – kommen die zurück?
Nicht von selbst. Wenn Custom CSS oder Anpassungen ohne Child-Theme direkt am Theme lagen, sind sie nach dem Update meist überschrieben. Aus einem Backup lassen sie sich oft wiederherstellen.
Sieht nur die Kasse kaputt aus – ist das schlimm?
Ja, denn genau dort wird verkauft. Eine unstyled oder unbrauchbare Kasse führt fast immer zum Kaufabbruch, selbst wenn der Rest des Shops noch akzeptabel aussieht.
Soll ich einfach ein anderes Theme installieren?
Nicht überstürzt. Ein weiterer Theme-Wechsel im Live-Shop kann das Bild zusätzlich verschlechtern und weitere Anpassungen kosten. Sinnvoll ist erst die Ursache zu klären, dann gezielt zu entscheiden.
Was kostet es, das Design wieder geradezuziehen?
Je nach Umfang: Ein kleiner Schnellfix beginnt bei rund 59 € netto, ein umfassenderes Aufräumen von Layout, Produkt- und Kassenseiten liegt eher im Bereich von 149 bis 260 € netto. Den Festpreis gibt es nach einer kurzen kostenlosen Prüfung.
Kann das repariert werden, ohne alles neu zu bauen?
Oft ja. Ist der Kern in Ordnung, reicht es, Kompatibilität, Anpassungen, Templates und Cache in Ordnung zu bringen. Nur wenn das alte Theme nicht mehr sinnvoll zu retten ist, lohnt ein klarer Neuaufbau.
Nächster Schritt
Ihr Shop sieht seit dem Theme-Wechsel kaputt aus?
Der Website-Check ordnet zuerst kostenlos ein, warum das Design zerschossen ist – Theme, Anpassungen, Templates oder Cache. Danach gibt es einen Festpreis statt einer offenen Rechnung.
Schnelle Hilfe anfragen