Zum Inhalt springen
WooCommerce & WordPress Plugin Docs

Sizer

Sizer fügt einen Größentabelle-Button nach dem Add-to-Cart-Button auf WooCommerce-Produktseiten hinzu. Ein Kunde klickt darauf und die von Ihnen zugewiesene Größentabelle öffnet sich in einem barrierefreien nativen <dialog>, sodass sie die Maße überprüfen können, ohne das Produkt zu verlassen. Wenn ein Produkt keine zugewiesene Tabelle hat, wird nichts gerendert, kein leerer Button, kein defektes Modal.

Warum Shops Sizer wählen

Abschnitt betitelt „Warum Shops Sizer wählen“

Du erstellst jede Tabelle einmal im Admin, eine beschriftete Tabelle mit Spalten und Zeilen, plus eine optionale Bildunterschrift, und wiederverwendest dieselbe Tabelle auf so vielen Produkten wie du möchtest. Es gibt keine pro-Produkt-Tabelle zu pflegen. Die Tabellen leben in deiner eigenen Datenbank; Sizer macht keine externen Anfragen und fügt kein Tracking hinzu. Die kostenlose Version ist das volle GPL-Produkt.

Highlights der kostenlosen Version

Abschnitt betitelt „Highlights der kostenlosen Version“
  • Wiederverwendbare Größentabellen, erstelle eine beschriftete Tabelle einmal unter WooCommerce → Größentabellen und weise sie vielen Produkten zu.
  • Zuweisung pro Produkt, wähle die Tabelle auf dem Produkt selbst (Produktdaten → Größentabelle). Ein Produkt, eine Tabelle.
  • Barrierefreies Modal, ein natives <dialog> geöffnet mit showModal(): tastaturbedienbar, schließt sich bei Escape oder Klick auf den Hintergrund, gibt den Fokus zurück zum Trigger bei Schließen.
  • Zwei Wortwahl-Einstellungen, der Button-Text und der Dialog-Überschrift, auf einem Bildschirm eingestellt. Das ist die gesamte Einstellungsseite.
  • Thembare Ausgabe, das Storefront-Stylesheet basiert auf --sizer-* CSS-Custom-Properties mit einer Dunkelmodus-Variante und prefers-reduced-motion-Verarbeitung.
  • Template-Overrides für Themes, kopiere das Trigger-, Dialog- oder Tabellen-Template in dein Theme unter einem sizer/-Ordner.
  • Von Natur aus elegant, ein Produkt ohne zugewiesene Tabelle rendert nichts, sodass du Guides schrittweise einführen kannst.

Wie die Größentabelle funktioniert

Abschnitt betitelt „Wie die Größentabelle funktioniert“

Auf der einzelnen Produktseite hängt Sizer woocommerce_after_add_to_cart_button (Priorität 15) ein und rendert einen Button, wenn das aktuelle Produkt eine zugewiesene Tabelle in seinem _sizer_chart_id-Meta hat. Klicken auf den Button öffnet ein <dialog> mit der Tabelle, die als barrierefreie Tabelle gerendert wird. Das Stylesheet und ein kleines abhängigkeitsfreies Script werden auf jeder Produktseite registriert, aber nur enqueued, wenn eine Tabelle tatsächlich zutrifft, sodass nicht zugewiesene Produkte keine zusätzlichen Assets laden.

Versionen

Abschnitt betitelt „Versionen“
  • Kostenlos auf WordPress.org, wiederverwendbare Tabellen, pro-Produkt-Zuweisung, das barrierefreie Modal, die zwei Wortwahl-Einstellungen, Theme-Template-Overrides und den sizer/resolved_chart_id-Filter für Add-ons.
  • Sizer Pro (Freemius) fügt eine Shop-weite Standardtabelle und Tabellen pro Variation bei variablen Produkten hinzu. Beide verwenden den kostenlosen sizer/resolved_chart_id-Filter und Variations-Meta, fügen keine Datenbanktabellen hinzu und fallen auf nichts zurück, wenn das kostenlose Plugin deaktiviert ist. Einheitenumschaltung (cm/Zoll), ein “Finde meine Größe”-Rechner und CSV-Import/Export stehen auf der Pro-Roadmap. Siehe Sizer Pro.

Nächste Schritte

Abschnitt betitelt „Nächste Schritte“