Die App verwenden
Tabelleneditor
Alles, was du in eine Tabelle einfügen kannst, und jede Option dazu. Öffne den Editor unter Größentabellen, indem du eine Tabelle erstellst oder auf eine vorhandene klickst.
Aufbau des Editors
- Name der Tabelle — nur für dich; Kund:innen sehen ihn nie.
- Inhalt — die Elemente der Tabelle, von oben nach unten. Zieh am Griff, um sie neu anzuordnen, oder nutze die Pfeile nach oben / unten. Das Papierkorb-Symbol entfernt ein Element.
- Darstellung — Shop-Darstellung verwenden ist standardmäßig aktiviert. Siehe einer Tabelle einen eigenen Look geben.
- Status und Gilt für — beschrieben in der Einrichtung.
- Live-Vorschau — aktualisiert sich beim Tippen. Wechsle zwischen Desktop und Mobil oder öffne die Vorschau in voller Breite.
Änderungen sind erst live, wenn du oben in der Leiste auf Speichern klickst. Verlässt du die Seite mit ungespeicherten Änderungen, wirst du zuerst gefragt, ob du sie speichern oder verwerfen möchtest.
Elemente
Klicke auf Element hinzufügen, um einen von acht Elementtypen einzufügen. Leere Elemente — eine Überschrift ohne Text, ein Bild ohne Datei — werden in deinem Shop weggelassen, sodass ein halbfertiges Element nie als leere Lücke erscheint.
Tabelle
Zeilen und Spalten mit Maßen. Die erste Zeile ist die Kopfzeile; die erste Spalte enthält meist die Größenbezeichnungen. Siehe mit Tabellen arbeiten und Einheitenumrechnung weiter unten. Stiloptionen:
| Einstellung | Funktion |
|---|---|
| Zellenausrichtung | Links, Mitte oder Rechts. |
| Zellenabstand | Kompakt, Normal oder Großzügig. |
| Linien | Zwischen Zeilen, Volles Raster oder Keine. |
| Farben | Hintergrund des Kopfbereichs, Text der Kopfzeile, Zellentext, Abwechselnde Zeilen und Linien. Leer lassen, um die Farben der Tabelle zu verwenden. |
| Kopfzeile fett | Standardmäßig an. Ausschalten für eine Kopfzeile in normaler Schriftstärke. |
| Erste Spalte fett | Standardmäßig an. Ausschalten für Größenbezeichnungen in normaler Schriftstärke. |
| Erste Spalte hervorheben | Tönt die Größenspalte ein, damit sie als Beschriftung erkennbar ist. |
| Erste Spalte beim Scrollen sichtbar halten | Bei breiten Tabellen bleibt die Größenspalte stehen, während Kund:innen seitlich scrollen — besonders praktisch auf Smartphones. |
| Kopfzeile und Größenspalte in Großbuchstaben | Zeigt sie in Großbuchstaben. |
Überschrift
Ein kurzer Titel, um eine Tabelle in Abschnitte zu gliedern, etwa „So misst du richtig“.
| Einstellung | Funktion |
|---|---|
| Ausrichtung | Links, Mitte oder Rechts. |
| Größe | Klein, Mittel oder Groß. |
| Farbe | Leer lassen, um die Überschriftenfarbe der Tabelle zu verwenden. |
Text
Ein Hinweis zu Passform, Messen oder Rücksendungen. Die Werkzeugleiste bietet Fett, Kursiv, Unterstrichen, Aufzählungen und nummerierte Listen sowie Links. Stelle die Textgröße auf Klein, Mittel oder Groß.
Markiere Wörter und färbe sie mit Textfarbe oder Hervorheben. Mit HTML bearbeiten am Ende der Werkzeugleiste bearbeitest du das Markup direkt: Absätze, Überschriften h3 und h4, Fett, Kursiv, Unterstrichen, Listen, Links und farbiger Text bleiben erhalten. Andere Tags werden beim Speichern entfernt, ihr Text bleibt aber stehen. Der Text in „Bild mit Text“ nutzt denselben Editor.
Bild
Ein einzelnes Diagramm oder Foto — zum Beispiel eine Messanleitung als Grafik.
| Einstellung | Funktion |
|---|---|
| Bild | Lade ein neues Bild hoch, wähle eines aus deinen Shopify-Dateien oder füge einen Bildlink ein (nur https). JPG, PNG, WebP oder GIF, bis zu 20 MB. |
| Alt-Text | Beschreibt das Bild für Kund:innen, die einen Screenreader nutzen. Lohnt sich immer. |
| Breite | Originalgröße, Volle Breite, Groß, Mittel oder Klein. |
| Ausrichtung | Links, Mitte oder Rechts. |
Bild mit Text
Ein Bild neben erklärendem Text, etwa ein Diagramm mit Messschritten.
| Einstellung | Funktion |
|---|---|
| Bildposition | Links vom Text oder Rechts vom Text. |
| Bildbreite | Hälfte oder Ein Drittel des Elements. |
| Vertikale Ausrichtung | Mitte oder Oben. |
Auf Smartphones steht das Bild über dem Text.
Bildergalerie
Mehrere Bilder nebeneinander — Stoffdetails, Passformfotos oder Messschritte.
| Einstellung | Funktion |
|---|---|
| Layout | Raster oder Karussell (wischbar). |
| Spalten | Nur Raster: Automatisch anpassen, 2, 3 oder 4. |
| Bildhöhe | Nur Karussell: Niedrig, Mittel oder Hoch. |
Video
Ein kurzes Video mit Messanleitung.
| Einstellung | Funktion |
|---|---|
| Quelle | Lade ein Video in deine Shopify-Dateien hoch (MP4, MOV oder WebM, bis zu 1 GB) oder füge einen YouTube- oder Vimeo-Link ein. |
| Wiedergabe | Nur hochgeladene Videos: Player mit Steuerelementen oder Automatisch stumm in Schleife abspielen, wie ein GIF. |
| Titel | Wird von Screenreadern vorgelesen. |
| Breite | Volle Breite, Groß, Mittel oder Klein. |
Trennlinie
Eine waagerechte Linie zwischen Abschnitten, optional mit einer Beschriftung in der Mitte.
| Einstellung | Funktion |
|---|---|
| Linie | Durchgezogen, Gestrichelt oder Gepunktet. |
| Abstand | Kleiner, mittlerer oder großer Abstand um die Linie. |
| Stärke | 1, 2 oder 4 px. |
| Farbe | Leer lassen, um die Linienfarbe der Tabelle zu verwenden. |
| Beschriftung | Bis zu 60 Zeichen, z. B. „So misst du richtig“. Sitzt in einer Lücke der Linie; leer lassen für eine einfache Linie. |
| Position der Beschriftung | Links, Mitte oder Rechts. |
Jedes Element hat außerdem Abstand oben und Abstand unten (Keine, Klein, Standard oder Groß) unter Stiloptionen.
Mit Tabellen arbeiten
Der Tabelleneditor verhält sich wie eine kleine Tabellenkalkulation. Eine Tabelle kann bis zu 200 Zeilen und 30 Spalten haben.
Tastatur und Maus
| Einstellung | Funktion |
|---|---|
| Pfeiltasten | Zwischen Zellen wechseln. |
| Umschalt + Pfeiltasten | Einen Zellbereich auswählen. Du kannst auch klicken und ziehen. |
| Eingabe | Eine Zeile nach unten (Umschalt + Eingabe nach oben). |
| Entf / Rücktaste | Alle Zellen eines ausgewählten Bereichs leeren. |
| Strg / ⌘ + C, X, V | Einen Bereich kopieren, ausschneiden und einfügen. |
| Strg / ⌘ + Z | Die letzte Tabellenänderung rückgängig machen (Einfügen, Einfügen von Zeilen, Löschen). |
| Rechtsklick, Umschalt + F10 oder die Menütaste | Das Menü Tabellenaktionen öffnen. |
| Esc | Eine Auswahl auf eine Zelle reduzieren. |
Aus Excel oder Google Sheets einfügen
Kopiere Zellen in deiner Tabellenkalkulation, klicke in die Zelle, in die der Wert oben links soll, und füge ein. Die Tabelle wächst entsprechend mit. Ein einzelner Wert, der über eine Auswahl eingefügt wird, füllt jede ausgewählte Zelle.
Menü Tabellenaktionen
Rechtsklick auf eine beliebige Zelle für:
- Rückgängig
- Zeile oberhalb / unterhalb einfügen, Zeile duplizieren, Zeile nach oben / unten, Zeile löschen
- Spalte links / rechts einfügen, Spalte nach links / rechts, Spalte löschen
- Zeilen und Spalten vertauschen — macht aus Größen in der Kopfzeile Größen in der ersten Spalte, oder umgekehrt.
- CSV importieren … — ersetzt die Tabelle durch den Inhalt einer CSV-Datei. Die erste Zeile wird zur Kopfzeile.
- Maße löschen — leert alle Zellen, behält aber Kopfzeile und Größenspalte, damit du das Layout wiederverwenden kannst.
Sind mehrere Zeilen ausgewählt, löscht Zeile löschen alle. Die Buttons Zeile hinzufügen und Spalte hinzufügen unter der Tabelle fügen am Ende hinzu.
Einheitenumrechnung
Gib Maße einmal ein und lass Kund:innen die Einheit wechseln. Mit aktivierter Umrechnung erscheint über der Tabelle ein kleiner Schalter (zum Beispiel cm | in). Größen und Hinweise bleiben genau so, wie du sie geschrieben hast.
| Einstellung | Funktion |
|---|---|
| Einheitenumrechnung | Keine Umrechnung, oder die eingegebene Einheit → die angebotene Einheit: Zentimeter → Zoll, Zoll → Zentimeter, Millimeter → Zoll, Zoll → Millimeter, Kilogramm → Pfund, Pfund → Kilogramm. |
| Zuerst anzeigen | Welche Einheit Kund:innen beim Öffnen der Tabelle sehen — die eingegebene oder die umgerechnete (z. B. Zoll für ein US-Publikum). |
| Umgerechnete Werte runden auf | Ganze Zahlen, 1 Nachkommastelle (Standard) oder 2 Nachkommastellen. |
| Position des Schalters | Links, Mitte oder Rechts über der Tabelle. |
| Umzurechnende Spalten | Markiere die Spalten mit Maßen. Standardmäßig werden alle Spalten außer der ersten umgerechnet. |
Was umgerechnet wird
- Einzelwerte (
86) und Bereiche (86-90,86 – 90,86/90,86 to 90). - Dezimalkommas (
86,5) — der umgerechnete Wert behält das Komma. - Werte mit ausgeschriebener Einheit (
86 cm→33.9 in). - Eine Einheit in Klammern in der Kopfzeile wird ebenfalls getauscht:
Chest (cm)wird zuChest (in).
Alles, was keine Zahl ist — Größenbezeichnungen wie M oder XL, Hinweise, leere Zellen —, bleibt unverändert.
Taille (cm), damit Kund:innen immer wissen, welche Einheit sie gerade sehen.Einer Tabelle einen eigenen Look geben
Standardmäßig folgt jede Tabelle deiner shopweiten Darstellung. Um eine Tabelle anders zu gestalten — etwa dunkler für eine Streetwear-Linie —, schalte im Editor Shop-Darstellung verwenden aus. Die Tabelle erhält eine eigene Kopie der Einstellungen für Tabellenfenster, Kopfbereich, Produktfotos, Hintergrund, Tabelle und Text, ausgehend von deinen aktuellen Shop-Werten.
Schalte Shop-Darstellung verwenden wieder ein, um die Tabelle zum Shop-Look zurückzuführen. Eigenes CSS und das Schließen per Klick auf den Hintergrund kommen immer von der shopweiten Seite Darstellung.