Erste Schritte

Die meisten Shops können ihre erste Größentabelle in wenigen Minuten anzeigen: erstelle eine Tabelle, weise sie einem Produkt zu, überprüfe den Button. Es gibt keine Anzeigestil- oder Platzierungsauswahl, der Guide ist immer ein Button nach dem Add-to-Cart-Button, der ein Modal öffnet.

Vor dem Start

• WordPress 6.5 oder neuer
• PHP 8.1 oder neuer
• WooCommerce aktiv, Sizer tut nur etwas auf WooCommerce-Einzelproduktseiten.

Installieren

1. Installiere und aktiviere WooCommerce.
2. Installiere Sizer aus dem Plugin-Verzeichnis (wenn live auf WordPress.org), oder lade den sizer-Ordner nach /wp-content/plugins/ hoch.
3. Aktiviere das Plugin. Ein Größentabellen-Eintrag erscheint unter dem WooCommerce-Menü.

Tabelle erstellen

Öffne WooCommerce → Größentabellen und wechsle zum Tab Größentabellen. Klicke + Größentabelle hinzufügen und fülle aus:

• Tabellenname, erforderlich; was du und das Auswahlmenü sehen, z.B. Herren-T-Shirts.
• Bildunterschrift (optional), eine kurze Anmerkung, die unter der Tabelle auf der Storefront angezeigt wird, z.B. Alle Maße in cm.
• Spalten, die Überschriften oben drüber (Größe, Brust, Taille, Länge). Verwende + zum Hinzufügen einer Spalte, × zum Entfernen einer.
• Zeilen, eine Zeile pro Größe. Die erste Zelle jeder Zeile wird als Größenetikett der Zeile behandelt.

Klicke Tabellen speichern. Vollständig leere Zeilen werden beim Speichern entfernt, und eine Tabelle ohne Namen wird verworfen, gib jeder Tabelle einen Namen.

Zuweisen zu einem Produkt

Bearbeite ein Produkt. Im Feld Produktdaten öffne den Tab Größentabelle und wähle deine Tabelle aus dem Dropdown Größentabelle aus. Lasse es auf - Keine Tabelle - stehen, um nichts auf diesem Produkt anzuzeigen. Aktualisiere das Produkt. Die Zuweisung erfolgt pro Produkt; es gibt keine Kategorie- oder Shop-weite Zuweisung in der kostenlosen Version (die Shop-weite Standardtabelle ist eine Sizer Pro-Funktion).

Überprüfen auf der Storefront

1. Öffne das zugewiesene Produkt, ein Größentabelle-Button erscheint direkt unter dem Add-to-Cart-Button.
2. Klicke darauf, die Tabelle öffnet sich in einem Modal-Dialog.
3. Tastaturtest, drücke Escape zum Schließen, oder klicke auf den Hintergrund außerhalb des Dialogs; der Fokus kehrt entweder way zum Größentabelle-Button zurück.
4. Öffne ein Produkt ohne Tabelle, kein Button und kein Dialog werden gerendert, und auf dieser Seite wird kein Sizer-CSS oder -JS geladen.

Wortwahl festlegen (optional)

Auf dem Tab Einstellungen kannst du den Button-Text (Linkwortwahl) und die Dialog-Überschrift (Pop-up-Überschrift) ändern. Beide sind optional, lass die Überschrift leer und sie verwendet wieder den Button-Text. Siehe Konfiguration.

Kostenlos vs Pro

Die kostenlose Version deckt wiederverwendbare Tabellen, pro-Produkt-Zuweisung, das barrierefreie Modal und die zwei Wortwahl-Einstellungen ab. Sizer Pro fügt eine Shop-weite Standardtabelle für Produkte ohne Zuweisung hinzu; Tabellen pro Variation, cm/Zoll-Umschaltung, ein “Finde meine Größe”-Rechner und CSV-Import/Export stehen auf seiner Roadmap, noch nicht veröffentlicht.

Brauchst du Hilfe?

• Konfiguration, Einstellungen, Tabellen, Zuweisung und Theming
• Verwendung von Größentabellen, Storefront-Verhalten und der Entwickler-Filter
• GitHub-Issues
• Sizer auf plogins.com