Shopify

Themes und Design: Wie bekommt mein Shop seinen Look?

Das Aussehen eines Shopify-Shops kommt aus dem Theme. Moderne Themes nach Online Store 2.0 bestehen aus Sektionen, die du im Editor ohne Programmierung anordnen kannst.

Der Look deines Shopify-Shops kommt aus dem Theme, einer Designvorlage, die festlegt, wie Startseite, Produktseiten, Kategorien und Warenkorb aussehen. Du kannst ein fertiges Theme aus dem Shopify Theme Store nehmen und anpassen, ein bestehendes Theme gezielt erweitern lassen oder ein komplett eigenes Theme entwickeln lassen. Inhalte und Anordnung pflegst du in allen Fällen im Theme-Editor, ohne Programmierung.

Online Store 2.0 und Sektionen

Online Store 2.0 ist der heutige Standard für Shopify-Themes. Seiten bestehen aus Sektionen, also Bausteinen wie Bildbanner, Produktliste, Textblock oder Kundenstimmen. Diese Sektionen kannst du auf fast jeder Seite hinzufügen, verschieben und ausblenden. Innerhalb einer Sektion gibt es Blöcke, etwa einzelne Textzeilen oder Buttons.
Für dich bedeutet das: Neue Landingpages, Aktionsseiten oder Saisonmotive lassen sich im Editor selbst bauen. Über Vorlagen kannst du unterschiedliche Produktseiten für unterschiedliche Produktarten anlegen. Zusammen mit Metafeldern, also zusätzlichen Datenfeldern am Produkt, zeigt das Theme automatisch passende Inhalte an. Mehr zu Metafeldern unter Shopify erweitern.
Achtung: Ältere Themes, die noch nicht nach Online Store 2.0 aufgebaut sind, bieten diese Flexibilität nicht. Wenn du für jede neue Seite eine Agentur brauchst, ist das oft ein Hinweis auf ein veraltetes Theme.

Theme Store oder eigenes Theme?

Fertiges Theme aus dem Theme Store

Im Shopify Theme Store gibt es kostenlose und kostenpflichtige Themes, die Shopify vor der Aufnahme prüft. Vorteile: schnell einsatzbereit, getestet, mit Updates vom Theme-Entwickler. Nachteil: Andere Shops nutzen dasselbe Gerüst, und sehr eigene Ideen stoßen an die Grenzen der mitgelieferten Sektionen.

Angepasstes Theme

Der häufigste Weg in der Praxis: ein gutes Theme als Basis und gezielt eigene Sektionen dazu, etwa für Produktvergleiche, Größentabellen oder redaktionelle Inhalte. Wichtig ist, Anpassungen sauber zu dokumentieren, damit Theme-Updates später noch möglich sind.

Eigenes Theme

Ein komplett eigenes Theme lohnt sich, wenn deine Marke sich deutlich abheben soll, du besondere Funktionen brauchst oder Ladezeit oberste Priorität hat. Es kostet mehr in der Entwicklung, enthält aber nur, was du wirklich nutzt.

Worauf du beim Design achten solltest

  • Mobil zuerst: Der Großteil der Besucher kommt meist über das Smartphone. Prüfe jede Seite zuerst dort.
  • Ladezeit: Große Bilder, viele Apps und Animationen bremsen. Siehe Ladezeit und Core Web Vitals.
  • Bilder: Gute Produkt- und Stimmungsbilder machen mehr aus als jede Designspielerei.
  • Testen ohne Risiko: Änderungen in einer Theme-Kopie vorbereiten und erst veröffentlichen, wenn alles passt.
Aus der Praxis: Beim Shop von BREEZE setzen wir auf bildstarke redaktionelle Sektionen, die im Editor frei kombinierbar sind. So lassen sich neue Themenseiten ohne Entwicklungsaufwand anlegen.
VIERPUNKT entwickelt eigene Sektionen, passt bestehende Themes an oder baut ein Theme komplett neu. Mehr unter Shop-Entwicklung.

Noch Fragen dazu?

Schreib uns zwei Sätze zu deinem Shop, wir melden uns innerhalb eines Werktags.

Frage stellen