Preskočiť na obsah

Porovnávač produktov

Porovnávač umožňuje zákazníkom postaviť niekoľko produktov vedľa seba v tabuľke vlastností. Uľahčuje výber, najmä v obchodoch so širokou ponukou.

Porovnávač produktov, zoznam želaní a filtre na stránke obchodu

Prejdite do WooCommerce > Polski > Moduly obchodu a zapnite Porovnávač produktov. Na produktoch sa objaví tlačidlo porovnania.

Zákazník vidí tabuľku so stĺpcom pre každý produkt. Riadky obsahujú:

  • Fotku produktu
  • Názov s odkazom
  • Cenu (so zohľadnením akcií a smernice Omnibus)
  • Hodnotenie (hviezdičky)
  • Krátky popis
  • Stav dostupnosti
  • Atribúty produktu (farba, veľkosť atď.)
  • Čas dodania (ak je nastavený)
  • Tlačidlo Pridať do košíka

Riadky s identickými hodnotami môžu byť automaticky skryté, zapnite Skryť identické vlastnosti v nastaveniach. Zákazník uvidí len rozdiely medzi produktmi.

Predvolene môže zákazník porovnať až 4 produkty naraz. Limit zmeníte v nastaveniach alebo filtrom:

add_filter('polski/compare/max_items', function (): int {
return 6;
});

Po dosiahnutí limitu sa tlačidlo Pridať do porovnania stane neaktívnym. Zákazník musí najprv odstrániť jeden z produktov.

Keď je Automatická výmena zapnutá, nový produkt nad limit nahradí najstarší. Zákazník uvidí toast upozornenie o výmene.

Zapnutie v nastaveniach: WooCommerce > Polski > Moduly obchodu > Porovnávač > Automatická výmena.

Alebo programovo:

add_filter('polski/compare/auto_replace', '__return_true');

Porovnávač funguje bez opätovného načítania stránky. Dostupné AJAX akcie:

AkciaPopis
polski_compare_addPridanie produktu
polski_compare_removeOdstránenie produktu
polski_compare_getNačítanie zoznamu produktov
polski_compare_clearVyčistenie porovnania

Údaje sú uložené v relácii WooCommerce (WC()->session). Fungujú pre hostí aj prihlásených zákazníkov.

Zobrazuje tabuľku porovnania na ľubovoľnom mieste obchodu.

ParameterTypPredvolenePopis
columnsstringallVlastnosti na zobrazenie (oddelené čiarkou)
hide_similarstringnoSkryť riadky s identickými hodnotami
show_removestringyesZobraziť tlačidlo odstránenia produktu
[polski_compare columns="image,name,price,rating,stock" hide_similar="yes"]

Vytvorte stránku napr. Porovnanie produktov a vložte shortcode:

[polski_compare]

V nastaveniach modulu označte túto stránku ako Stránka porovnania. Tlačidlo Zobraziť porovnanie presmeruje na ňu.

Tlačidlo je viditeľné na karte produktu a na stránke produktu. Pozíciu zmeníte filtrom:

add_filter('polski/compare/button_position', function (): string {
return 'after_add_to_cart';
});

Dostupné pozície: before_add_to_cart, after_add_to_cart, after_summary.

Po pridaní prvého produktu sa v dolnej časti obrazovky objaví lišta s náhľadmi a tlačidlom Porovnať. Na mobile sa namiesto náhľadov zobrazuje počet vybraných produktov.

Predvolene je možné porovnávať produkty z rôznych kategórií. Ak chcete obmedziť na rovnakú kategóriu:

add_filter('polski/compare/same_category_only', '__return_true');

Zákazník uvidí oznámenie, ak sa pokúsi pridať produkt z inej kategórie.

CSS triedy modulu:

  • .polski-compare-button - tlačidlo pridania do porovnania
  • .polski-compare-button--active - produkt je v porovnaní
  • .polski-compare-table - tabuľka porovnania
  • .polski-compare-bar - lišta v dolnej časti obrazovky
  • .polski-compare-empty - oznámenie prázdneho porovnania

Tabuľka nezobrazuje atribúty - skontrolujte, či majú atribúty zaškrtnuté Viditeľné na stránke produktu v úprave produktu (záložka Atribúty).

Tlačidlo nereaguje na kliknutie - skontrolujte konzolu prehliadača. Častou príčinou je duplikovaný jQuery alebo konflikt s pluginom optimalizujúcim JS.

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

Táto stránka má výlučne informačný charakter a nepredstavuje právnu radu. Pred nasadením sa poraďte s právnikom. Polski for WooCommerce je open source softvér (GPLv2) dodávaný bez záruky.