Preskočiť na obsah

Gutenberg bloky

Tri Gutenberg bloky na vkladanie obchodných modulov. Každý blok má náhľad v editore (server-side render) a konfiguráciu v bočnom paneli.

  • WordPress 6.0 alebo novší
  • Blokový editor Gutenberg (nie klasický editor)
  • Aktívny príslušný modul v nastaveniach Polski for WooCommerce

Bloky Polski for WooCommerce nájdete v insertéri blokov (tlačidlo +) v kategórii Polski for WooCommerce. Môžete ich tiež vyhľadať podľa názvu zadaním “Polski” alebo názvu modulu.

Názov bloku: polski/ajax-search

Vkladá pole vyhľadávania s AJAX návrhmi. Výsledky sa zobrazujú v dropdowne počas zadávania frázy.

AtribútTypPredvolenéPopis
placeholderstringSzukaj produktów…Zástupný text v poli
widthstring100%Šírka poľa
showIconbooltrueIkona lupy
showCategoryboolfalseDropdown filtrovania podľa kategórie
limitnumber8Limit návrhov
minCharsnumber3Min. znakov na vyhľadanie
stylestringdefaultŠtýl: default, rounded, flat

Názov bloku: polski/ajax-filters

Vkladá súbor AJAX filtrov na filtrovanie zoznamu produktov bez opätovného načítania stránky.

AtribútTypPredvolenéPopis
filtersarray['category', 'price', 'stock']Aktívne filtre
stylestringexpandedŠtýl: expanded, compact, accordion
showCountbooltruePočítadlá produktov
showResetbooltrueTlačidlo resetovania
columnsnumber1Stĺpce filtrov
collapsiblebooltrueZbaľovateľné sekcie

Názov bloku: polski/product-slider

Vkladá karusel produktov s navigáciou šípkami a voliteľnými paginačnými bodkami.

AtribútTypPredvolenéPopis
typestringlatestTyp: related, sale, featured, bestsellers, latest, category, ids
limitnumber8Limit produktov
columnsnumber4Stĺpce desktop
columnsTabletnumber2Stĺpce tablet
columnsMobilenumber1Stĺpce mobile
showArrowsbooltrueNavigačné šípky
showDotsboolfalsePaginačné bodky
autoplayboolfalseAutomatické posúvanie
autoplaySpeednumber5000Pauza medzi slajdmi (ms)
titlestringHlavička

Blok renderuje náhľad slidera priamo v editore Gutenberg (server-side render). Náhľad zobrazuje skutočné produkty z databázy, čo umožňuje posúdiť vzhľad pred publikovaním.

add_filter('polski/blocks/product_slider/output', function (string $html, array $attributes): string {
return $html;
}, 10, 2);
// Úprava dopytu produktov
add_filter('polski/blocks/product_slider/query_args', function (array $args, array $attributes): array {
// Vylúčiť produkty z kategórie "skryté"
$args['tax_query'][] = [
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => 'ukryte',
'operator' => 'NOT IN',
];
return $args;
}, 10, 2);

Bloky Polski for WooCommerce fungujú plne s blokovými témami (Full Site Editing). Je možné ich vkladať do:

  • Šablón stránok (Page Templates)
  • Šablón archívov produktov
  • Častí šablón (Template Parts) - hlavička, pätička, sidebar
  • Vzorov (Patterns)

Každý blok generuje CSS triedy v súlade s konvenciou BEM. Bloky tiež podporujú natívne nastavenia štýlov Gutenberg:

  • Farby (text, pozadie)
  • Typografia (veľkosť, hrúbka, rodina fontu)
  • Okraje a paddingy (spacing)
  • Orámovanie (border)

Bloky sa nezobrazujú v insertéri - uistite sa, že príslušný modul je aktívny v WooCommerce > Polski > Obchodné moduly. Bloky vyžadujú aktiváciu príslušného modulu.

Náhľad bloku je prázdny - skontrolujte, či obchod má produkty zodpovedajúce vybranému typu. Prázdna databáza produktov nevygeneruje náhľad.

Bloky nefungujú v Elementore - tieto bloky sú určené pre editor Gutenberg. Pre Elementor použite shortcódy alebo špeciálne Elementor widgety (dostupné pre AJAX vyhľadávanie).

Nahlasovanie problémov: github.com/wppoland/polski/issues

Táto stránka slúži len na informačné účely a nepredstavuje právne poradenstvo. Pred implementáciou sa poraďte s právnikom. Polski for WooCommerce je open source softvér (GPLv2) poskytovaný bez záruky.