10mShop

Theme

Markenfarben, Schriften, Kartendesign, dunkle Shops und die Effekte, die shop-weit gelten.

Theme in der Werkzeugleiste des Designers stellt Markenfarben, Schriften und globale Design-Werte ein — die Werte, aus denen jeder Block liest.

Farben und Schriften deines Shops werden im Dokument selbst ausgeliefert, das allererste Bild ist also schon deines. Besucher sehen nie kurz das Standard-Blau der Plattform aufblitzen, bevor deine Palette ankommt.

Kartendesign

Welche Produktkarte jedes Produktraster und jede Produktliste zeichnet:

DesignWirkt wieTypisch für
ClassicDie ursprüngliche runde Karte mit Hover-ButtonsSpielzeug, Gadgets, gemischte Sortimente
RetailEine Katalogkarte: Prozent-Tag, Bestandszeile, Marke + Modell, Spec-Zeile, Sterne, Icon-ButtonsElektronik, Werkzeug, B2B
MinimalGrosses Bild, ruhiger Name und Preis; Hover wechselt aufs zweite Foto, plus eine Schnellkauf-LeisteMode, Beauty
EditorialZentriert und luftig, in der ÜberschriftenschriftSchmuck, Kunst, Möbel, Luxus
OverlayDas Bild ist die Karte, Beschriftung auf dunklem SchleierEssen, Erlebnisse, Fotografie, Drucke
CompactEine waagrechte Zeile mit kleinem Bild und gefülltem Warenkorb-KnopfLebensmittel, Ersatzteile, Bücher

Der Stil-Tab eines Raster- oder Listenblocks zeigt dieselben Chips mit einem Globus-/Zurück-Symbol, ein Block kann also von der shop-weiten Wahl abweichen und auf sie zurückgesetzt werden.

Card Size, Card Image Aspect, Card Text Alignment und Card Style gelten für jedes Design — ein Design ohne Kartenfläche trägt Rahmen oder Schatten um sein Bild. Das kompakte Design verbreitert seine Spalten von selbst.

Den Shop dunkel machen

Bittest du die KI um einen dunklen Shop — „dark mode“, „dunkler Hintergrund“ — schaltet das das Theme selbst um: Seitenhintergrund, Sekundärhintergrund, Text und gedämpfter Text kippen gemeinsam, jeder Block folgt also auf einmal, statt dass einzelne Sektionen hell bleiben.

Markenfarben, Schriften und Stilwerte überstehen den Wechsel, und dasselbe funktioniert zurück ins Helle.

Das ist nicht dasselbe wie der dunkle Modus deines Dashboards, der nur betrifft, was du beim Arbeiten siehst. Das Shop-Theme ist das, was deine Besucher bekommen.

Shop-weite Effekte

Zwei Effekte werden hier gesetzt und gelten überall, solange kein Block sie überschreibt:

  • Hintergrund-Effekt — dekorative Atmosphäre einer Sektion: fallende Formen, Aurora, Leuchtkugeln, Punkt- und Liniengitter, Partikel, Wellen, Funkeln, Blasen, Lichtstrahlen, Schaltkreise, Farbverlaufs-Drift — oder keiner.
  • Hover-Effekt für Karten — Anheben, Spotlight, Kippen, Leuchten, Zoom — oder keiner.

Beide lassen sich pro Block im Stil-Tab von Marketing-Blöcken setzen, und ein Zurücksetzen-Knopf dort stellt den shop-weiten Wert wieder her.

Effekte werden für Besucher, deren Gerät reduzierte Bewegung verlangt, automatisch abgeschaltet.

Schriften

Überschriften und Fliesstext nehmen getrennte Schriften. Jede Überschrift — h1 bis h6 — bekommt die Überschriftenschrift per Regel, eine per Skript gezeichnete Überschrift sieht also aus wie eine vom Server gezeichnete. Ein Kartendesign, das auf seinem Titel bewusst die Fliesstextschrift will, sagt das selbst.

Eine Farbe oder Schrift ergänzen

Neue Theme-Farben und Schriften sind Teil der Plattform, nichts, was du pro Shop hinzufügst. Fehlt dir eine Schrift, schreib ein Ticket — eine fehlende Funktion, die wir umsetzen, ist 30 AI Credits wert.

Auf dieser Seite

Theme — 10mShop