Theme schee – Handbuch

Willkommen! Das Theme schee ist für Shops mit kleinem, liebevoll ausgewähltem Sortiment gemacht: klar, schnell und auf dem Handy mit einer Hand zu bedienen. Dieses Handbuch zeigt dir, wie du es einrichtest – Schritt für Schritt, ohne Code.

Übrigens: schee ist das bayerische Wort für „schön“. Genau dafür steht das Theme – für richtig schöne, tolle Shops.

Stand: Version 2.0 · Fragen, die hier nicht beantwortet werden? Schreib uns über schee.app/theme/support – wir antworten innerhalb von zwei Werktagen.

Die Idee: Dock, Etikett, Bühne

Drei Dinge erkennt man in jedem schee-Shop – auch ohne Logo:

• Das Dock: eine Leiste unten im Daumenbereich, das einzige Bedienelement des Shops. Sie zeigt je Seite die passende Handlung – Menü und Suche, Filter in der Kollektion, „In den Warenkorb“ auf der Produktseite, Summe und „Zur Kasse“ im Warenkorb. Alles, was sich öffnet, kommt als Blatt von unten.
• Das Etikett: Preis, Grundpreis, Pfand, Steuerhinweis, Bestand und Lieferdatum als gestaltetes Preisschild – auf Karten, auf der Produktseite und im Dock. Dazu der Steckbrief mit allen Produktangaben.
• Die Bühne: Kleine Sortimente brauchen kein Kaufhausraster. Produkte treten einzeln und groß auf; die Startseite kann direkt mit deinem Sortiment beginnen.

1. Loslegen

1. Theme installieren: Im Shopify-Admin unter Onlineshop → Themes das Theme schee hinzufügen.
2. Stil wählen: Beim Hinzufügen einen der drei Stile wählen (siehe unten). Du kannst ihn später jederzeit ändern.
3. Anpassen: Auf Anpassen klicken. Links siehst du die Bereiche der Seite (Sections), rechts die Vorschau. Oben wechselst du zwischen Startseite, Produktseite, Kollektion und Warenkorb.
4. Logo und Farben: Im Header dein Logo hochladen. Farben, Schriften und den Aufbau (Etikett, Dock, Kollektionsansicht, Menü) findest du unter Theme-Einstellungen (Zahnrad-Symbol links unten).
5. Veröffentlichen, wenn alles passt.

2. Die drei Stile

Jeder Stil hat einen eigenen Aufbau – nicht nur eigene Farben.

Alle Bausteine lassen sich unter Theme-Einstellungen → Aufbau einzeln umstellen – du kannst also zum Beispiel das Hängeetikett mit der Bühne kombinieren.

Jeder Stil bringt sechs aufeinander abgestimmte Farbschemata mit: Standard, Fläche, Weich, Tief, Salbei (grün) und Nacht (dunkel mit Goldakzent). Jede Section hat eine Auswahl „Farbschema“ – so bekommst du Abwechslung, ohne dass es unruhig wird. Soll der ganze Shop grün oder dunkel sein, übernimm die Farben von Salbei oder Nacht in das Schema Standard. Alle Farbkombinationen erfüllen die Kontrastanforderungen (WCAG AA).

3. Theme-Einstellungen

Tipp: Die Versandkostenfrei-Grenze kannst du in Texten mit [versandgrenze] (oder englisch [threshold]) einsetzen – etwa in der Ankündigungsleiste: „Versandfrei ab [versandgrenze]“. Ändert sich die Grenze, ändern sich alle Texte mit. Gibt es keine Grenze, blendet das Theme solche Texte aus.

4. Das Dock

Das Dock steht unten auf jeder Seite – am Handy über die ganze Breite, am Desktop schwebend in der Mitte.

• Überall: Menü, Suche und Warenkorb (mit Anzahl). Am Desktop steht das Menü oben in der Kopfzeile, das Dock zeigt dort ein Suchfeld.
• Kollektion und Suche: zusätzlich „Filter“ mit der Anzahl aktiver Filter. Das Filter-Blatt zeigt alle Filter untereinander und die Sortierung; unten im Dock „Zurücksetzen“ und „X Produkte“.
• Produktseite: „In den Warenkorb“ steht immer im Dock. Sobald das Etikett nach oben aus dem Bild gescrollt ist, rückt der Preis mit Grundpreis an die Stelle von Menü und Suche. Am Handy gibt es den Kaufknopf deshalb nicht noch einmal im Formular; Abo-Auswahl, Produktoptionen und Express-Kasse bleiben dort.
• Warenkorb: Das Warenkorb-Blatt kommt von unten; das Dock zeigt Summe und „Zur Kasse“. Auf der Warenkorbseite stehen Summe und „Zur Kasse“ am Handy fest im Dock.
• Weg bis versandfrei: Eine feine Linie oben am Dock füllt sich mit jedem Artikel.
• Suche: Das Suchfeld sitzt unten im Daumenbereich, über der Tastatur; Vorschläge und Treffer wachsen nach oben.

Die Form des Docks stellst du unter Theme-Einstellungen → Aufbau → Dock ein.

5. Das Etikett und der Steckbrief

Das Etikett

Überall, wo ein Preis steht, steht er in einem Etikett: Preis, Vergleichspreis, Grundpreis (mit Füllmenge, z. B. „250 g · 39,60 € / kg“), Pfand, auf der Produktseite zusätzlich Steuerhinweis, Bestand und Lieferdatum. Auf Produktkarten liegt es über dem Bild oder steht darunter (Einstellung), im Katalog steht es neben dem Bild.

• Grundpreise: Pflegst du bei einer Variante einen Einheitspreis (Produkt → Variante → „Einheitspreis anzeigen“), zeigt das Theme den Grundpreis überall – auf Karten, Produktseite, im Dock, in Suche und Warenkorb. Bei „ab X €“ gilt der Grundpreis der günstigsten Variante.
• Pfand: Lege ein Produkt- oder Varianten-Metafeld schee.pfand vom Typ Geld an und trag den Betrag ein. Das Etikett zeigt „+ 0,25 € Pfand“ getrennt vom Preis; der Grundpreis bezieht sich wie vorgeschrieben auf den Preis ohne Pfand.
• Artikelnummer: Mit „Artikelnummer im Etikett“ steht die SKU der Variante als „Nr. …“ über dem Preis – schön für Manufakturen mit Katalognummern.
• Rabatt: Der Preisaufkleber (Stil Kiosk) zeigt den Rabatt als Stern, sobald ein Vergleichspreis gepflegt ist.
• Das Etikett rechnet mit: Gibt es ein Produkt in mehreren Größen, öffnet „Größen vergleichen“ im Etikett eine kleine Tabelle mit Preis und Grundpreis jeder Größe; die günstigste je Einheit ist markiert, dazu die Ersparnis in Prozent. Mit den Produkt-Metafeldern schee.portion_menge (Dezimalzahl: Menge einer Portion in der Einheit der Füllmenge, z. B. 15 bei Kaffee in Gramm) und schee.portion_name (z. B. „Tasse“) steht dort auch der Preis je Portion: „≈ 0,59 € pro Tasse“. Abschaltbar unter Aufbau → „Etikett rechnet mit“.

Der Steckbrief

Der Block Steckbrief auf der Produktseite zeigt Produktangaben geordnet statt im Fließtext.

• Eigene Zeilen: bis zu sechs, je mit Bezeichnung und Wert. Verbinde den Wert über das Symbol „Dynamische Quelle“ mit einem Produkt-Metafeld (Einstellungen → Benutzerdefinierte Daten → Produkte), dann zeigt jedes Produkt seine eigene Angabe. Leere Zeilen fallen weg.
• Kennzeichnung: Jede Zeile kann die Rechtsgrundlage tragen – LMIV (Lebensmittel), GPSR (Produktsicherheit) oder Textil (Faserangaben).
• Hersteller und Sicherheit (GPSR): Seit Dezember 2024 müssen Online-Angebote in der EU Hersteller und Sicherheitshinweise nennen. Pflege sie je Produkt in den Metafeldern schee.hersteller und schee.sicherheit (mehrzeiliger Text). Stellst du selbst her, nimmt der Steckbrief auf Wunsch Name, Adresse und E-Mail aus Einstellungen → Store-Details. Für Lebensmittel stellst du die Rechtsgrundlage auf LMIV – dann heißt die Zeile „Lebensmittelunternehmer“.

6. Startseite und Sections

Sections: Hero, Ausgewählte Kollektion, Ausgewähltes Produkt, Kategorien, Bild mit Text, Kundenstimmen, Promo-Banner, USP-Leiste, Häufige Fragen, Newsletter, Blogbeiträge, Video, Text, Kontaktformular, Zuletzt angesehen, Apps, Custom Liquid.

• Schaufenster: In „Ausgewählte Kollektion“ unter „Darstellung“ wählst du Schaufenster – große Produkte zum Wischen, jedes mit Etikett und einem Satz. Als erste Section auf der Seite ist ihre Überschrift die Hauptüberschrift: So beginnt die Startseite direkt mit deinem Sortiment. Weitere Darstellungen: Raster, Slider, Katalog.
• Kategorien: Darstellung als Kacheln, Regal (Zeilen mit Bild und Anzahl), Verzeichnis (römisch nummeriert mit Punktlinie bis zur Anzahl) oder Wortliste (große Wörter).
• Hero: nebeneinander, Bild über die ganze Breite oder Bild bis zum Rand. Neu: Überschrift auf Farbfläche und der Block Etikett eines Produkts – Preis und Grundpreis eines Produkts direkt im Hero, mit Link.
• Ankündigungsleiste: nacheinander oder als Laufband. Das Laufband hält beim Zeigen, beim Fokus und per Knopf an; bei „Bewegung reduzieren“ steht es still.
• Video: lädt erst, wenn jemand auf „Abspielen“ tippt – YouTube und Vimeo bekommen vorher keine Daten.
• Seiten wie „Über uns“: Alle Sections passen auch auf normale Seiten; fertig dabei ist die Vorlage „about“.

Header: Logo und Menü (bis drei Ebenen) am Desktop, mit Mega-Menü ab vier Unterpunkten oder per Block „Mega-Menü“. Am Handy stehen oben nur Logo und Konto – das Menü öffnet das Dock als Blatt. Wie die oberste Ebene dort aussieht, stellst du unter Aufbau → Menü am Handy ein: Liste, Kacheln mit Kollektionsbild, Verzeichnis oder Wortliste.

Footer: Newsletter mit optionalem Rabattcode, bis zu vier Spalten (Menü oder Text), Social-Media-Symbole, Länder- und Sprachauswahl, Zahlungssymbole, Richtlinien und Widerrufsbutton.

7. Produktseite

Die Produktseite ist aus Blöcken aufgebaut, die du frei anordnest: Titel, Bewertung, Preis (das Etikett), Variantenauswahl, Kauf-Knöpfe, Steckbrief, Beschreibung, Vertrauensleiste, Bundle-Hinweis, Aufklappbereiche, Nährwerte (App), Text, Custom Liquid und App-Blöcke.

• Bestand und Lieferdatum stehen im Fuß des Etiketts: „Bis 14 Uhr bestellt, kommt es am Do., 2. Oktober bei dir an.“ – ohne Wochenenden und Feiertage (Deutschland, Österreich), mit Spanne, Samstag und Betriebsurlaub (Theme-Einstellungen → Produkt).
• Aufklappbereiche pflegst du im Editor; mit einem Metafeld als dynamischer Quelle hat jedes Produkt eigenen Text.
• Farbfelder aus Shopifys Kategorie-Metafeldern, Bilder im Vollbild mit Zoom, Galerie mit Vorschaubildern.
• Blättern wie im Katalog: Oben in den Produktinfos steht eine Leiste mit dem vorigen und nächsten Produkt der Kollektion, aus der man kommt („3 von 12 · Kaffee“). Antippen, über die Leiste wischen oder am Rechner die Pfeiltasten – so blättert man durch dein Sortiment, ohne zur Liste zurückzumüssen. Abschaltbar in der Section „Produktseite“.
• Seitenübergang: Tippst du in einer Liste auf ein Produkt, gleitet sein Bild an seinen Platz auf der Produktseite (abschaltbar unter Aufbau). Browser ohne Unterstützung laden die Seite normal.
• B2B und Großhandel: Mengenregeln und Staffelpreise aus deinen B2B-Katalogen; Produkte mit Mengenregel öffnen auf Karten die Schnellansicht.
• Pflichtangaben (schee Produktoptionen): Braucht ein Produkt eine Pflichtangabe, führt der Schnellkauf auf Karten zur Produktseite – so landet nichts ohne die Angabe im Warenkorb.
• Kombinierte Listings und Produkte mit über 250 Varianten funktionieren.

Badges: „Ausverkauft“ und „Spare X €“ erscheinen automatisch; eigene Texte per Tag badge:Dein Text. Satz auf Karten: In Bühne und Katalog steht unter dem Namen das Metafeld Untertitel (descriptors.subtitle), sonst der Anfang der Beschreibung.

8. Kollektionen, Filter und Suche

• Ansicht: Bühne, Katalog oder Raster – für alle Kollektionen unter Aufbau, je Kollektion in der Section änderbar. Am Desktop wird die Bühne zu Katalogseiten: Bild groß, daneben Etikett und ein Absatz zum Produkt, abwechselnd gespiegelt. Kundinnen und Kunden schalten oben rechts zwischen „Einzeln“ und „Übersicht“ um; der Browser merkt sich die Wahl.
• Zurück an die alte Stelle: Wer ein Produkt öffnet und zurückgeht (am Handy per Wischen), landet wieder genau dort, wo er war – samt der über „Mehr anzeigen“ nachgeladenen Produkte und der Position im Schaufenster.
• Filter richtest du mit der kostenlosen App Search & Discovery ein. Sie stehen als Chips über den Produkten und gesammelt im Filter-Blatt (Dock → Filter).
• Kategorie-Chips: ein Menü mit Links zu Unterkollektionen, in der Section „Kollektion“ unter „Kategorie-Chips“.
• Kollektionsbild, Brotkrumen, Vorlage „minimal“ wie gewohnt in der Section „Kollektion“.
• Suche mit Vorschlägen: Schon beim Tippen erscheinen Suchbegriffe, Produkte (mit Etikett), Kollektionen und Seiten. Im leeren Feld erscheinen beliebte Produkte (Theme-Einstellungen → Suche).

9. Warenkorb und Kasse

• Warenkorb-Blatt mit Weg bis versandfrei, Produktbildern, Mengenänderung, „Passt dazu“, Rabattcode und Express-Kasse (PayPal, Apple Pay & Co.). Summe und „Zur Kasse“ stehen im Dock.
• Lückenfüller: Fehlt noch etwas bis versandkostenfrei, schlägt der Warenkorb das günstigste Produkt vor, das die Lücke schließt („Damit bist du versandfrei“) – am liebsten eines, das man ohne Auswahl mit einem Tipp dazulegt. Aus welcher Kollektion der Vorschlag kommt, stellst du unter Theme-Einstellungen → Warenkorb ein (z. B. Kleinigkeiten wie Pins oder Filterpapier); leer = alle Produkte.
• Rabattcodes: „Rabattcode einlösen“ in Blatt und Warenkorbseite, abschaltbar unter Theme-Einstellungen → Warenkorb.
• Versandkosten schon im Warenkorb: mit deinen Standard-Versandkosten (bzw. aus der App schee).
• Kasse: Die Kasse gestaltest du unter Einstellungen → Checkout → Anpassen – passende Werte je Stil im Anhang.

10. Rechtliches (Deutschland/EU)

1. Richtlinien unter Einstellungen → Richtlinien pflegen – das Theme verlinkt sie im Footer, das Impressum zuerst.
2. „zzgl. Versand“ im Etikett öffnet deine Versandrichtlinie als Fenster.
3. Grundpreis und Pfand zeigt das Etikett überall (Abschnitt 5).
4. Herstellerangaben und Sicherheitshinweise (GPSR) und Lebensmittelangaben (LMIV) im Steckbrief (Abschnitt 5).
5. Widerrufsbutton (§ 356a BGB): Seit 19.06.2026 Pflicht. Lege eine Seite „Vertrag widerrufen“ mit der Vorlage widerruf an und wähle sie im Footer. Shopify schickt keine automatische Eingangsbestätigung – beantworte jeden Widerruf zeitnah per E-Mail. Mit der App schee: Shop-Module übernimmt das der Widerrufs-Button der App vollständig.
6. Preise auf Produktkarten: Im Footer steht „Alle Preise inkl. MwSt., zzgl. Versand“ – damit gilt der Hinweis auch für Kollektionen, Suche und Startseite.
7. Barrierefreiheit (BFSG): Das Theme ist barrierearm gebaut (siehe FAQ). Verlinke im Footer deine Erklärung zur Barrierefreiheit, wenn das BFSG für dich gilt.

11. Mit der App schee: Shop-Module

Das Theme funktioniert komplett ohne App. Mit der App schee: Shop-Module passt alles nahtlos zusammen: Die Module übernehmen Farben, Schriften und Ecken des Themes und setzen sich an feste Plätze – Merkliste mit Herzen auf den Karten und im Dock, Vorteile unter dem Preis, Lagerstatus & Lieferzeit im Etikett, Vertrauen & Zahlarten, Produktoptionen, „Häufig zusammen gekauft“, Warenkorb-Fortschritt im Warenkorb-Blatt, Schnellansicht, Ankündigungsleiste, Widerrufsbutton, Größentabelle, Zuletzt angesehen, Bewertungen, Nährwerte & Zutaten und Geschenkoptionen.

Läuft ein Modul, blendet das Theme seine eigene Variante automatisch aus. Nutzt du die mitlaufende Kaufleiste der App, zeigt das Dock auf der Produktseite nur Menü und Suche und rückt über die Leiste – zwei Kaufknöpfe gibt es nie.

Versanddaten an einer Stelle: Hast du in der App unter „Versand & Rückgabe“ gespeichert, nutzt das Theme diese Angaben – Versandkostenfrei-Grenze (auch für [versandgrenze] und die Linie im Dock), Bestellschluss, Versandtage und Lieferzeit fürs Lieferdatum sowie die Eckdaten im Versand-Fenster.

Aussehen der Module: Im schee-Theme passen die Module von selbst; Abweichungen stellst du in der App unter Design ein. Theme wechseln: Bereitest du ein Theme erst unveröffentlicht vor, wähl es in der App unter „Dein Theme“.

12. Häufige Fragen (FAQ)

Wie ändere ich den Stil nachträglich? Unter Theme-Einstellungen → Aufbau stellst du Etikett, Dock, Kollektionsansicht und Menü einzeln um, unter Farben und Schriften den Rest. Einen anderen Stil komplett übernimmst du, indem du das Theme mit diesem Stil erneut hinzufügst.

Kann ich das Dock ausschalten? Nein – das Dock ist das Bedienelement des Themes (Menü, Suche, Warenkorb). Seine Form wählst du unter Aufbau. „Kaufen im Dock“ lässt sich unter Theme-Einstellungen → Produkt abschalten; dann bleibt der Kaufknopf im Formular.

Wie lege ich Pfand an? Einstellungen → Benutzerdefinierte Daten → Produkte (oder Varianten) → Definition hinzufügen: Namespace und Schlüssel schee.pfand, Typ Geld. Danach beim Produkt den Betrag eintragen.

Warum sehe ich keine Filter? Filter kommen aus der App Search & Discovery. Installiere sie und lege unter Onlineshop → Navigation → Filter die gewünschten Filter an.

Warum bleibt „Passt dazu“ leer? Lege in Search & Discovery ergänzende Produkte an. Ohne sie zeigt das Theme ähnliche Produkte.

Die Ratenzahlung und „Follow on Shop“ erscheinen nicht. Beides setzt Shop Pay voraus. Aktiviere Shop Pay unter Einstellungen → Zahlungen.

Wo ändere ich Texte wie „In den Warenkorb“? Onlineshop → Themes → … → Standard-Theme-Inhalte bearbeiten – alle Texte auf Deutsch und Englisch.

Wie zeige ich Bewertungen an? Am einfachsten mit dem Modul Bewertungen der App schee (Pro). Mit einer anderen Bewertungs-App lesen die Sterne Shopifys Standard-Metafelder reviews.rating und reviews.rating_count; ausführliche Bewertungen fügst du als App-Block in der Section „Bewertungen“ ein.

Was muss ich bei eigenen Bewertungen beachten? „Verifizierter Kauf“ nur anhaken, wenn du den Kauf belegen kannst, und im Feld „Hinweis zur Echtheit“ sagen, ob und wie du Bewertungen prüfst. Sterne-Texte im Hero bitte nur mit echten, aktuellen Zahlen füllen.

Wie bestimme ich, welcher Teil eines Bildes sichtbar bleibt? Mit dem Fokuspunkt des Bildes („Fokuspunkt bearbeiten“ im Editor oder unter Inhalte → Dateien).

Kann ich eigenen Code einfügen? Ja: Die Section und der Block Custom Liquid nehmen HTML, Liquid und App-Code auf.

Ist das Theme schnell? Ja. Kein Framework, sehr wenig JavaScript, Bilder in passender Größe und erst, wenn sie gebraucht werden. Seitenübergänge laufen ohne zusätzliches JavaScript über den Browser.

Ist das Theme barrierefrei? Es ist darauf gebaut: alles per Tastatur bedienbar, Tippflächen mindestens 48 px, Kontraste nach WCAG AA in allen Stilen und Farbschemata. Das Dock ist eine beschriftete Navigation, Blätter halten den Fokus, Screenreader hören neue Trefferzahlen und Preise beim Variantenwechsel, das Laufband lässt sich anhalten. Achte bei eigenen Bildern auf Alt-Texte.

Wie bekomme ich Hilfe? Über das Formular auf schee.app/theme/support. Wir antworten innerhalb von zwei Werktagen.

Anhang: Kasse passend zum Stil