10mShop

Bearbeitungsmodus

Text und Bilder direkt in der Seite bearbeiten, und jeder Tab des Block-Editors.

Der Knopf Bearbeitungsmodus in der Werkzeugleiste (Stift-Symbol) macht aus der Vorschau einen Editor: Text wird an Ort und Stelle bearbeitbar, Bildplätze werden austauschbar.

Wählst du im Bearbeitungsmodus einen Block, öffnet sich ein Seitenpanel mit vier Icon-Tabs.

Text

Die Überschriften, Fliesstexte, Button-Beschriftungen und Bildunterschriften des Blocks.

Blöcke, die irgendwohin verlinken — Karten in einem Inhaltsraster, Hero- und CTA-Buttons, der Alle ansehen-Knopf eines Produktrasters — bekommen unten im Text-Tab einen Bereich Links. Ein Dropdown pro Link, mit:

  • den eigenen Seiten deines Shops, plus Versand und Rechtliches
  • Kein Link — blendet diesen Button ganz aus; eine Karte ohne Link bleibt sichtbar, wird aber nicht mehr anklickbar
  • Eigene URL… — eine externe Adresse oder ein #anker auf einen Abschnitt derselben Seite

Angeboten werden nur Seiten, die tatsächlich Blöcke haben, und ein Link auf eine inzwischen verschwundene Seite wird im Dropdown markiert.

Löschst du in Seiten verwalten eine Seite, wird jeder Link darauf im ganzen Shop abgeschaltet, und das Fenster meldet, wie viele es waren. Umbenennen richtet sie neu aus. Beides passiert nur in der Designer-Version — dein Live-Shop folgt beim nächsten Veröffentlichen.

Bilder

Ersetzen, hochladen, aus deinen Assets wählen oder per KI erzeugen. Bildplätze können auch Videos aufnehmen. Siehe Bilder und Videos.

Blöcke mit einer Bildergalerie — der Galerie-Hero und die beiden eigenständigen Galerie-Blöcke (Masonry-Spalten und waagrechter Streifen) — bekommen hier einen Raster-Editor zum Hinzufügen, Ersetzen, Entfernen, Umsortieren oder KI-Generieren bis zum Maximum des Blocks.

Die eigenständigen Galerie-Blöcke nehmen bis zu 16 Bilder, egal wie viele die KI ursprünglich erzeugt hat, und ihr Raster-Editor bearbeitet zusätzlich Alt-Text und Bildunterschrift jedes Bildes. Unterschriften erscheinen im Shop, solange der Schalter Show Captions des Blocks an ist; ein Bild ohne eigene Unterschrift fällt auf seinen Alt-Text zurück, der Schalter zeigt also immer etwas.

Farben

Die Farbwahl des Blocks, aus deinem Theme.

Nutzt der Hintergrund eines Abschnitts dieselbe Theme-Farbe wie ein Button darauf — ein primärfarbener Button auf einer vollflächig primärfarbenen Sektion — kehrt sich der Button automatisch auf Weiss um, damit er lesbar bleibt. Auf den hellen Hintergrundtönen behält er seine normalen Farben.

Stil

Stil-Optionen werden über Icon-Knöpfe und Auswahl-Chips gesetzt, nie über Dropdowns, gruppiert in fünf Bereiche: Anzeige, Typografie, Layout, Darstellung und Effekte.

Die Options-Beschriftungen in diesem Tab bleiben in jeder Dashboard-Sprache englisch — Card Alignment, Group By Category, Header Height und der Rest. Die fünf Bereichsüberschriften darüber sind übersetzt.

Optionen, die dir oft begegnen

Effekte

Background Effect (dekorative Atmosphäre einer Sektion) und Hover Effect für Karten lassen sich pro Block auf Marketing-Blöcken setzen — Hero, CTA, Merkmale, Testimonials, Newsletter, Inhaltsraster, FAQ, Statement, Trust-Leiste, Galerie, Sticky Showcase. Eine Wahl pro Block überschreibt die shop-weite aus dem Theme, und ein Zurücksetzen-Knopf stellt den globalen Wert wieder her.

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

Animation

Die Einblend-Animation eines Blocks — Animation, Animation Speed, Animation Delay — startet beim ersten Zeichnen, Inhalt am oberen Seitenrand blendet also ein, bevor überhaupt JavaScript gelaufen ist. Im HTML der Seite ist nie etwas versteckt, was für Suchmaschinen zählt.

Auf dieser Seite

Bearbeitungsmodus — 10mShop