Zum Inhalt springen

Gutenberg-Bloecke

Drei Gutenberg-Bloecke fuer Shop-Module. Jeder Block hat eine Vorschau im Editor (Server-Side Render) und Konfiguration im Seitenpanel.

  • WordPress 6.0 oder neuer
  • Block-Editor Gutenberg (nicht der klassische Editor)
  • Aktives entsprechendes Modul in den Einstellungen von Polski for WooCommerce

Die Bloecke von Polski for WooCommerce finden Sie im Block-Inserter (Button +) in der Kategorie Polski for WooCommerce. Sie koennen sie auch nach Namen suchen, indem Sie “Polski” oder den Modulnamen eingeben.

Blockname: polski/ajax-search

Fuegt ein Suchfeld mit AJAX-Vorschlaegen ein. Ergebnisse erscheinen waehrend der Eingabe in einem Dropdown.

AttributTypStandardBeschreibung
placeholderstringProdukte suchen...Platzhaltertext im Feld
widthstring100%Feldbreite
showIconbooltrueLupensymbol
showCategoryboolfalseKategoriefilter-Dropdown
limitnumber8Vorschlagslimit
minCharsnumber3Min. Zeichen zum Suchen
stylestringdefaultStil: default, rounded, flat
add_filter('polski/blocks/ajax_search/output', function (string $html, array $attributes): string {
// Block-HTML aendern
return $html;
}, 10, 2);

Blockname: polski/ajax-filters

Fuegt einen Satz AJAX-Filter zum Filtern der Produktliste ohne Seitenneuladung ein.

AttributTypStandardBeschreibung
filtersarray['category', 'price', 'stock']Aktive Filter
stylestringexpandedStil: expanded, compact, accordion
showCountbooltrueProduktzaehler
showResetbooltrueReset-Button
columnsnumber1Filterspalten
collapsiblebooltrueZuklappbare Abschnitte

Der AJAX-Filterblock eignet sich am besten in der Seitenleiste der Shopseite. In einem Block-Theme (FSE) fuegen Sie ihn zum Template Archiv: Produkt in der Seitenspalte hinzu.

Blockname: polski/product-slider

Fuegt ein Produktkarussell mit Pfeilnavigation und optionalen Paginierungspunkten ein.

AttributTypStandardBeschreibung
typestringlatestTyp: related, sale, featured, bestsellers, latest, category, ids
limitnumber8Produktlimit
columnsnumber4Desktop-Spalten
columnsTabletnumber2Tablet-Spalten
columnsMobilenumber1Mobile-Spalten
showArrowsbooltrueNavigationspfeile
showDotsboolfalsePaginierungspunkte
autoplayboolfalseAutomatisches Scrollen
autoplaySpeednumber5000Pause zwischen Slides (ms)
gapstring16pxAbstand zwischen Karten
titlestringUeberschrift

Der Block rendert eine Slider-Vorschau direkt im Gutenberg-Editor (Server-Side Render). Die Vorschau zeigt echte Produkte aus der Datenbank.

add_filter('polski/blocks/product_slider/output', function (string $html, array $attributes): string {
return $html;
}, 10, 2);
// Produktabfrage aendern
add_filter('polski/blocks/product_slider/query_args', function (array $args, array $attributes): array {
// Produkte aus der Kategorie "versteckt" ausschliessen
$args['tax_query'][] = [
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => 'ukryte',
'operator' => 'NOT IN',
];
return $args;
}, 10, 2);

Die Bloecke von Polski for WooCommerce funktionieren vollstaendig mit Block-Themes (Full Site Editing). Sie koennen eingefuegt werden in:

  • Seitenvorlagen (Page Templates)
  • Produktarchiv-Vorlagen
  • Vorlagenteilen (Template Parts) - Header, Footer, Sidebar
  • Mustern (Patterns)

Bloecke erscheinen nicht im Inserter - stellen Sie sicher, dass das entsprechende Modul unter WooCommerce > Polski > Shop-Module aktiv ist.

Block-Vorschau ist leer - pruefen Sie, ob der Shop Produkte hat, die zum gewaehlten Typ passen.

Bloecke funktionieren nicht in Elementor - diese Bloecke sind fuer den Gutenberg-Editor gedacht. Fuer Elementor verwenden Sie Shortcodes oder dedizierte Elementor-Widgets.

Probleme melden: github.com/wppoland/polski/issues

Diese Seite dient ausschließlich zu Informationszwecken und stellt keine Rechtsberatung dar. Konsultieren Sie vor der Umsetzung einen Anwalt. Polski for WooCommerce ist Open-Source-Software (GPLv2) ohne Garantie.