Návod pre Agregátor produktových recenzií

Na tejto stránke nájdete jednoduchý návod pre Shoptet doplnok Agregátor produktových recenzií pre Shoptet, ktorý vám poskytne základné informácie nastavení spolu s možnosťami nastavenia a prispôsobenia doplnku.

Ako nastaviť doplnok:

Vloženie produktových recenzií na samostatnú stránku alebo ako blok kdekoľvek do obsahu pomocou obsahového editora funguje na základe vloženia jednoduchého HTML kódu na miesto, kde chcete aby sa recenzie zobrazili. Úpravu štýlov a vygenerovanie HTML kódu podľa vašich nastavení zvládnete pomocou generátora nižšie.

Konfigurátor

Pomocou jednoduchého konfigurátora si môžete prispôsobiť vzhľad a možnosti doplnku ako aj vytvoriť HTML kódy pre bloky, ktoré vložíte kdekoľvek do obsahu.

Farby a vzhľad
Každá farba patrí ku konkrétnej časti widgetu. Názov = čo sa na stránke zmení.
Karta recenzie
Hlavné biele/farebné pozadie celej karty recenzie
Horná časť karty s obrázkom a názvom produktu
Linka okolo celej karty recenzie
Tenká čiara medzi hlavičkou produktu a textom recenzie
Texty v karte
Samotný text hodnotenia + odkaz „Zobraziť viac“
Dátum vpravo hore v karte (napr. 15. 3. 2026)
Meno zákazníka pri recenzii
Názov produktu v hornej časti karty
Taby kategórií
Farba textu na neaktívnom tabe (napr. Všetky, Obuv…)
Pozadie neaktívneho tabu
Farba textu na vybranom (aktívnom) tabe
Pozadie a okraj vybraného tabu
Linka okolo neaktívneho tabu
Farba okraja, keď na tab nabehnete kurzorom
Načítavanie a tvar
Texty „Načítavam…“ a „Žiadne recenzie“
Svetlá stopa točiaceho sa krúžku pri načítaní
10px
Zaoblenie kariet, tabov a obrázkov produktov
Vloženie recenzií do e-shopu
Vyberte, čo chcete zobraziť. Generátor pripraví hotový HTML kód, ktorý stačí skopírovať do editora obsahu v Shoptete.
Krok 1 — Kam recenzie vložíte?
Krok 2 — Koľko a aké recenzie zobraziť?
Krok 3 — Filtrovanie (nepovinné)
Ak nič nezaškrtnete, zobrazia sa recenzie zo všetkých produktov. Filtre použite len vtedy, keď chcete obmedziť výber.
Z adresy www.vas-eshop.sk/slug-kategorie/ skopírujte časť slug-kategorie. Viac kategórií oddelte čiarkou.
Z adresy produktu skopírujte časť za posledným lomítkom, napr. slug-produktu. Viac produktov oddelte čiarkou.
Po vygenerovaní skopírujte HTML kód a vložte ho na stránku, kde chcete mať kompletný výpis všetkých recenzií.

Príklad umiestnenia vygenerovaného kódu v administrácii Shoptet:

Záhlavie (pred uzátvárajúcím tagom HEAD)

HTML kód do obsahového editora, pomocou záložky Nástroje – HTML kód

Príklady použitia:

Kód zobrazí všetky recenzie produktov z celého e-shopu s filtrom podľa kategórií a stránkovaním:

<div class="jgm-pr"></div>

Kód zobrazí 8 recenzií produktov bez stránkovania a filtrov, vhodné kdekoľvek do obsahu:

<div class="jgm-pr" data-count="8"></div>

Kód zobrazí 8 recenzií produktov bez stránkovania a filtrov v náhodnom poradí:

<div class="jgm-pr" data-count="8" data-order="random"></div>

Kód zobrazí 8 recenzií produktov bez stránkovania a filtrov len s hodnotením 4 a viac hviezdičiek:

<div class="jgm-pr" data-count="8" data-min-rating="4"></div>

Kód zobrazí len recenzie vybraných produktov podľa ich url adresy:

<div class="jgm-pr" data-product="iphone-17-pro, tablet-256-gb"></div>

Kód zobrazí len recenzie z vybraných kategórií podľa ich url adresy:

<div class="jgm-pr" data-count="8" data-category="slug-kategorie, dalsi-slug-kategorie"></div>

Prvky data- môžete ľubovoľne kombinovať a pripraviať tak napr. blok, ktorý zobrazí len produkty z vybranej kategórie zoradené náhodným výberom recenzií, ktoré majú viac ako 4* hodnotenie.