Die App verwenden

Theme-Block

Der Block Größentabelle legt fest, wie Kund:innen auf deiner Produktseite zur Tabelle gelangen: über einen Textlink, einen Button oder direkt auf der Seite angezeigt. Du richtest ihn einmal im Theme-Editor ein, und er gilt für jedes Produkt mit dieser Vorlage.

Hinweis: Was in der Tabelle steht, sowie ihre Farben und Schriften, legst du in der App fest — siehe Tabelleneditor und Darstellung. Der Block steuert nur den Zugang und die Art, wie sich die Tabelle öffnet.

So findest du den Block: Onlineshop → Themes → Anpassen, wechsle zu einer Produktvorlage und klicke im Abschnitt mit den Produktinformationen auf Größentabelle. Noch nicht hinzugefügt? Siehe Installation.

Einstellung	Funktion
Beschriftung	Der Text, auf den Kund:innen klicken. Standard ist „Größentabelle“ (in der Sprache deines Shops) — probier „Größenratgeber“ oder „Finde deine Größe“.
Anzeigen als	Textlink (Standard), Button oder Eingebettet (Tabelle auf der Seite) — damit steht die ganze Tabelle ohne Klick auf der Produktseite.
Ausrichtung	Links, Mitte oder Rechts. Nur bei Link und Button.

Die meisten der folgenden Einstellungen erscheinen nur bei Link und Button, da es bei einer eingebetteten Tabelle nichts zu klicken gibt.

Platzierung

Standardmäßig steht der Link dort, wo du den Block ablegst. Mit der Platzierung setzt du ihn stattdessen in dieselbe Zeile wie ein anderes Element — der klassische Platz ist neben dem Preis.

Einstellung	Funktion
Anzeigen	Wo dieser Block platziert ist, In derselben Zeile wie der Preis oder In derselben Zeile wie ein anderes Element.
Klasse oder Selektor des Elements	Für „ein anderes Element“: eine Klasse oder ein CSS-Selektor aus dem Produktabschnitt deines Themes, etwa `product__title` oder `.product-form__quantity`.
Position in der Zeile	Nach dem Element oder Vor dem Element.
Vertikale Ausrichtung in der Zeile	Mitte, Oben, Unten oder Textgrundlinie.

In derselben Zeile wie der Preis findet den Preis in Dawn und den meisten darauf basierenden Themes automatisch, ebenso in Themes mit gängigen Preis-Klassennamen. Der Link bleibt an seinem Platz, wenn Kund:innen die Variante wechseln.

Tipp: Wird das Element nicht gefunden, bleibt der Block einfach dort, wo du ihn platziert hast — nichts geht kaputt. Um einen Klassennamen zu finden, klicke mit der rechten Maustaste auf das Element auf deiner Produktseite und wähle Untersuchen.

Link

Einstellung	Funktion
Linkfarbe	Leer lassen, um die Textfarbe deines Themes zu verwenden.
Unterstrichen	Standardmäßig an.

Symbol

Setze ein Symbol neben die Beschriftung. Symbole übernehmen die Textfarbe des Links oder Buttons und passen daher immer.

Einstellung	Funktion
Symbol	Kein Symbol (Standard), eines von 27 integrierten Symbolen oder Eigenes Bild.
Eigenes Symbol	Dein eigenes Bild, in seinen eigenen Farben angezeigt. Ein quadratisches PNG oder SVG funktioniert am besten.
Symbolposition	Vor der Beschriftung oder Nach der Beschriftung.
Symbolgröße	12–40 px. Standard 18 px.
Abstand zwischen Symbol und Text	Abstand zwischen Symbol und Beschriftung, 0–24 px. Standard 6 px.

Modern

Größentabelle · Größenetikett · Bügel mit Lineal · Maßbandgehäuse · Hemdbreite · Schneiderpuppe · Hosenbund · Schuhlänge · Körperpassform

Klassisch

Lineal · Maßband · Maßbandrolle · Hemd mit Maßband · Gefaltetes Maßband · Grundriss · Schuhgröße · Kleiderbügel · Hemdmaße · Buchstabengrößen · Taillenmaß · Waage · Kleid mit Lineal · Sneaker · Hüfte · Körper mit Maßband · Geodreieck · Breitenpfeil

Button

Einstellung	Funktion
Hintergrund / Text	Beides leer lassen für einen Button mit Umriss in der Textfarbe deines Themes.
Größe	Klein (36 px hoch), Mittel (44 px, so hoch wie die meisten Theme-Schaltflächen) oder Groß (52 px). „Benutzerdefiniert“ blendet einen Regler für die Schaltflächenhöhe ein.
Schaltflächenhöhe	28–64 px. Standard 44 px. Nur bei Größe „Benutzerdefiniert“.
Eckenradius	0–40 px. Standard 4 px.
Schwebenden Button anzeigen	Heftet zusätzlich einen Tab an den Bildschirmrand, sodass Kund:innen die Tabelle beim Scrollen von überall auf der Seite öffnen können.
Seite des schwebenden Buttons	Links oder Rechts.
Position des schwebenden Buttons	Oben, Mitte oder Unten auf dem Bildschirm.
Schwebende Schaltfläche auf Mobilgeräten anzeigen	Standardmäßig an. Ausschalten, um den Reiter auf Smartphones auszublenden; Kunden nutzen dort den normalen Button.

Tabellenfenster

Einstellung	Funktion
Öffnen als	Pop-up (zentriert, Standard), Seitenleiste von links oder Seitenleiste von rechts.

Seitenleisten gleiten von der Seite herein, und die Produktseite bleibt dahinter sichtbar. Auf Smartphones öffnen sie sich stattdessen als zentriertes Pop-up, da eine Seitenleiste dort ohnehin den ganzen Bildschirm füllen würde. Auf größeren Bildschirmen erscheinen Produktfotos nur im Pop-up, weil Seitenleisten zu schmal sind; auf Smartphones richten sie sich nach der Einstellung Auch auf Smartphones anzeigen.

Was Kund:innen erleben

Pop-up oder Seitenleiste schließen sich über den Schließen-Button, die Taste Esc oder — sofern du das in der Darstellung nicht ausschaltest — einen Klick außerhalb.
Hat eine Tabelle eine Einheitenumrechnung, wird die Wahl der Kund:innen (etwa Zoll) gespeichert, sodass sich das nächste Produkt in derselben Einheit öffnet. Andere Tabellen in derselben Größentabelle wechseln mit.
Breite Tabellen scrollen auf Smartphones seitlich, statt gequetscht zu werden, und können die Größenspalte fixieren.
Die Tabelle ist für Tastatur- und Screenreader-Nutzer:innen gebaut: Der Fokus wandert beim Öffnen ins Pop-up und beim Schließen zurück zum Link.