{"id":7613,"date":"2026-07-30T10:10:49","date_gmt":"2026-07-30T08:10:49","guid":{"rendered":"https:\/\/www.jg-media.eu\/?page_id=7613"},"modified":"2026-08-03T18:47:48","modified_gmt":"2026-08-03T16:47:48","slug":"navod","status":"publish","type":"page","link":"https:\/\/www.jg-media.eu\/cs\/agregator-produktovych-recenzii-pre-shoptet\/navod\/","title":{"rendered":"N\u00e1vod pre Agreg\u00e1tor produktov\u00fdch recenzi\u00ed"},"content":{"rendered":"<p class=\"qtranxs-available-languages-message qtranxs-available-languages-message-cs\">Omlouv\u00e1me se, tato polo\u017eka je k dispozici pouze v <a href=\"https:\/\/www.jg-media.eu\/sk\/wp-json\/wp\/v2\/pages\/7613\" class=\"qtranxs-available-language-link qtranxs-available-language-link-sk\" title=\"Sloven\u010dina\">Sloven\u010dina<\/a>.<\/p><div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-4aff589\" id=\"navod-pre-agregator-produktovych-recenzii\" data-block-id=\"4aff589\"><h1 class=\"stk-block-heading__text\">N\u00e1vod pre Agreg\u00e1tor produktov\u00fdch recenzi\u00ed<\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-d15299a\" data-block-id=\"d15299a\"><style>.stk-d15299a {margin-bottom:0px !important;}.stk-d15299a-column{--stk-columns-spacing:0px !important;--stk-column-gap:40px !important;row-gap:20px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d15299a-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e3309d0\" data-v=\"4\" data-block-id=\"e3309d0\"><style>@media screen and (min-width:690px){.stk-e3309d0 {flex:var(--stk-flex-grow, 1) 1 calc(55% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e3309d0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e3309d0-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-ec99122\" data-block-id=\"ec99122\"><p class=\"stk-block-text__text\">Na tejto str\u00e1nke n\u00e1jdete jednoduch\u00fd n\u00e1vod pre Shoptet doplnok Agreg\u00e1tor produktov\u00fdch recenzi\u00ed pre Shoptet, ktor\u00fd v\u00e1m poskytne z\u00e1kladn\u00e9 inform\u00e1cie nastaven\u00ed spolu s&nbsp;mo\u017enos\u0165ami nastavenia a&nbsp;prisp\u00f4sobenia doplnku.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-9fbe000\" id=\"ako-nastavit-doplnok\" data-block-id=\"9fbe000\"><h3 class=\"stk-block-heading__text\">Ako nastavi\u0165 doplnok:<\/h3><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d007273\" data-block-id=\"d007273\"><style>.stk-d007273 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">Vlo\u017eenie produktov\u00fdch recenzi\u00ed na&nbsp;samostatn\u00fa str\u00e1nku alebo ako blok kdeko\u013evek do obsahu pomocou obsahov\u00e9ho editora funguje na&nbsp;z\u00e1klade vlo\u017eenia jednoduch\u00e9ho HTML k\u00f3du na&nbsp;miesto, kde chcete aby sa recenzie zobrazili. \u00dapravu \u0161t\u00fdlov a&nbsp;vygenerovanie HTML k\u00f3du pod\u013ea va\u0161ich nastaven\u00ed zvl\u00e1dnete pomocou gener\u00e1tora ni\u017e\u0161ie.<\/p><\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1195451\" data-v=\"4\" data-block-id=\"1195451\"><style>.stk-1195451 {top:0px !important;position:sticky !important;}@media screen and (min-width:690px){.stk-1195451 {flex:var(--stk-flex-grow, 1) 1 calc(45% - var(--stk-column-gap, 0px) * 1 \/ 2 ) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1195451-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1195451-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-bf4f469\" data-block-id=\"bf4f469\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch stk--has-lightbox\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-7626\" src=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie.jpg\" width=\"1500\" height=\"991\" srcset=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie.jpg 1500w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-300x198.jpg 300w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-1024x677.jpg 1024w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-768x507.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-21b2955\" data-block-id=\"21b2955\"><style>.stk-21b2955 {height:50px !important;}<\/style><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-01d1bde\" data-block-id=\"01d1bde\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-01d1bde-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-25298a8 stk-block-background\" data-v=\"4\" data-block-id=\"25298a8\"><style>.stk-25298a8-container{max-width:600px !important;min-width:auto !important;margin-right:auto !important;margin-left:auto !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-25298a8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-25298a8-inner-blocks\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\" style=\"margin-top:0;margin-bottom:0\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"N\u00e1vod pre Shoptet doplnok Agreg\u00e1tor produktov\u00fdch recenzi\u00ed\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/B19ccd_928s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-d7a9e67\" id=\"konfigurator\" data-block-id=\"d7a9e67\"><h3 class=\"stk-block-heading__text\">Konfigur\u00e1tor<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-db77543\" data-block-id=\"db77543\"><p class=\"stk-block-text__text\">Pomocou jednoduch\u00e9ho konfigur\u00e1tora si m\u00f4\u017eete prisp\u00f4sobi\u0165 vzh\u013ead a&nbsp;mo\u017enosti doplnku ako aj vytvori\u0165 HTML k\u00f3dy pre bloky, ktor\u00e9 vlo\u017e\u00edte kdeko\u013evek do obsahu.<\/p><\/div>\n\n\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --bg: #f4f3f0;\n    --surface: #ffffff;\n    --surface2: #f9f8f6;\n    --border: #e8e6e1;\n    --text: #1a1916;\n    --text2: #6b6860;\n    --accent: #2563eb;\n    --accent-light: #eff6ff;\n    --success: #16a34a;\n    --success-light: #f0fdf4;\n    --radius: 12px;\n    --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.06);\n  }\n\n  .jgm-konfigurator {\n    font-family: inherit;\n    background: var(--bg);\n    color: var(--text);\n    padding: 32px 16px;\n  }\n\n  .wrap {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  .main-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 20px;\n  }\n\n  .card {\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    margin-bottom: 20px;\n    overflow: hidden;\n  }\n\n  .card-header {\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border);\n    background: var(--surface2);\n    font-weight: 600;\n    font-size: 14px;\n    letter-spacing: 0.3px;\n  }\n\n  .card-body {\n    padding: 20px;\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n\n  .grid-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  @media (max-width: 992px) {\n    .grid { grid-template-columns: repeat(2, 1fr); }\n    .grid-3 { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 600px) {\n    .grid,\n    .grid-3 { grid-template-columns: 1fr; }\n  }\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .field label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--text2);\n  }\n\n  .field .hint {\n    font-size: 12px;\n    color: var(--text2);\n    opacity: 0.7;\n    margin-top: 2px;\n    line-height: 1.4;\n  }\n\n  .field .hint code {\n    font-family: monospace;\n    font-size: 11px;\n    background: var(--surface2);\n    padding: 1px 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text2);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    margin-bottom: 14px;\n    margin-top: 4px;\n  }\n\n  .section-divider {\n    margin-top: 20px;\n    padding-top: 20px;\n    border-top: 1px solid var(--border);\n  }\n\n  .color-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    padding: 6px 10px;\n    background: white;\n  }\n\n  .color-field input[type=\"color\"] {\n    width: 28px;\n    height: 28px;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    padding: 0;\n    background: none;\n    flex-shrink: 0;\n  }\n\n  .color-field input[type=\"text\"] {\n    border: none;\n    outline: none;\n    font-family: monospace;\n    font-size: 13px;\n    color: var(--text);\n    width: 80px;\n    background: transparent;\n    text-transform: uppercase;\n  }\n\n  .opacity-field {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .opacity-field input[type=\"range\"] {\n    flex: 1;\n    accent-color: var(--accent);\n  }\n\n  .opacity-field .val-label {\n    font-family: monospace;\n    font-size: 13px;\n    width: 40px;\n    text-align: right;\n    color: var(--text2);\n  }\n\n  select,\n  .text-input {\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    padding: 8px 12px;\n    font-family: inherit;\n    font-size: 14px;\n    background: white;\n    color: var(--text);\n    outline: none;\n    width: 100%;\n  }\n\n  select { cursor: pointer; }\n  select:focus,\n  .text-input:focus { border-color: var(--accent); }\n\n  .num-input {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    overflow: hidden;\n    width: 120px;\n  }\n\n  .num-input button {\n    width: 32px;\n    height: 36px;\n    border: none;\n    background: var(--surface2);\n    cursor: pointer;\n    font-size: 16px;\n    color: var(--text2);\n    transition: background 0.15s;\n    flex-shrink: 0;\n  }\n\n  .num-input button:hover { background: var(--border); }\n\n  .num-input input {\n    width: 56px;\n    height: 36px;\n    border: none;\n    border-left: 1px solid var(--border);\n    border-right: 1px solid var(--border);\n    text-align: center;\n    font-family: monospace;\n    font-size: 14px;\n    background: white;\n    color: var(--text);\n    outline: none;\n  }\n\n  .mode-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-bottom: 20px;\n  }\n\n  @media (max-width: 600px) {\n    .mode-row { grid-template-columns: 1fr; }\n  }\n\n  .mode-btn {\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    padding: 14px 16px;\n    background: white;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s;\n    font-family: inherit;\n    color: var(--text);\n  }\n\n  .mode-btn strong {\n    display: block;\n    font-size: 14px;\n    margin-bottom: 4px;\n  }\n\n  .mode-btn small {\n    display: block;\n    font-size: 12px;\n    color: var(--text2);\n    line-height: 1.4;\n  }\n\n  .mode-btn:hover { border-color: var(--accent); }\n\n  .mode-btn.active {\n    border-color: var(--accent);\n    background: var(--accent-light);\n    box-shadow: 0 0 0 1px var(--accent);\n  }\n\n  .embed-fields {\n    display: none;\n  }\n\n  .embed-fields.visible {\n    display: block;\n  }\n\n  .form-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    max-width: 640px;\n  }\n\n  .form-row-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  @media (max-width: 600px) {\n    .form-row-2 { grid-template-columns: 1fr; }\n  }\n\n  .optional-box {\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    background: var(--surface2);\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .optional-box-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text);\n  }\n\n  .optional-box-desc {\n    font-size: 12px;\n    color: var(--text2);\n    line-height: 1.45;\n    margin-top: -6px;\n  }\n\n  .check-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    cursor: pointer;\n    font-size: 14px;\n    color: var(--text);\n    line-height: 1.4;\n  }\n\n  .check-row input {\n    margin-top: 3px;\n    accent-color: var(--accent);\n    flex-shrink: 0;\n  }\n\n  .filter-field {\n    display: none;\n    padding-left: 26px;\n  }\n\n  .filter-field.visible {\n    display: block;\n  }\n\n  .output-block {\n    background: #f8f7f5;\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    overflow: hidden;\n    margin-bottom: 16px;\n  }\n\n  .output-block-header {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding: 10px 16px;\n    background: #eceae6;\n    border-bottom: 1px solid var(--border);\n  }\n\n  .copy-btn {\n    border: 1px solid var(--border);\n    background: white;\n    color: var(--text);\n    border-radius: 6px;\n    padding: 4px 12px;\n    font-size: 12px;\n    font-family: inherit;\n    cursor: pointer;\n    transition: all 0.15s;\n  }\n\n  .copy-btn:hover { background: var(--border); }\n  .copy-btn.copied { background: var(--success); border-color: var(--success); color: white; }\n\n  .output-block pre {\n    padding: 16px;\n    font-family: monospace;\n    font-size: 13px;\n    line-height: 1.7;\n    color: var(--text);\n    white-space: pre-wrap;\n    word-break: break-all;\n    max-height: 340px;\n    overflow-y: auto;\n  }\n\n  .generate-btn {\n    width: 100%;\n    padding: 14px;\n    background: var(--accent);\n    color: white;\n    border: none;\n    border-radius: var(--radius);\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s;\n    margin-bottom: 20px;\n    letter-spacing: 0.2px;\n  }\n\n  .generate-btn:hover { background: #1d4ed8; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37,99,235,0.3); }\n  .generate-btn:active { transform: translateY(0); }\n\n  .info-box {\n    background: var(--accent-light);\n    border: 1px solid #bfdbfe;\n    border-radius: 8px;\n    padding: 12px 14px;\n    font-size: 13px;\n    color: #1e40af;\n    margin-bottom: 16px;\n    line-height: 1.5;\n  }\n\n  .output-section-label {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text2);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    margin-bottom: 10px;\n  }\n\n  .output-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  @media (max-width: 992px) {\n    .output-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<div class=\"jgm-konfigurator\">\n<div class=\"wrap\">\n\n  <div class=\"main-stack\">\n\n    <!-- CSS NASTAVENIA -->\n    <div class=\"card\">\n      <div class=\"card-header\">Farby a&nbsp;vzh\u013ead<\/div>\n      <div class=\"card-body\">\n\n        <div class=\"info-box\" style=\"margin-top: 0;\">\n          Ka\u017ed\u00e1 farba patr\u00ed ku konkr\u00e9tnej \u010dasti widgetu. N\u00e1zov = \u010do sa na&nbsp;str\u00e1nke zmen\u00ed.\n        <\/div>\n\n        <div class=\"section-label\">Karta recenzie<\/div>\n        <div class=\"grid\">\n          <div class=\"field\">\n            <label>Pozadie karty<\/label>\n            <div class=\"color-field\">\n              <input type=\"color\" id=\"pr_color_bg_picker\" value=\"#ffffff\">\n              <input type=\"text\" id=\"pr_color_bg\" value=\"#FFFFFF\" maxlength=\"7\">\n            <\/div>\n            <span class=\"hint\">Hlavn\u00e9 biele\/farebn\u00e9 pozadie celej karty recenzie<\/span>\n          <\/div>\n          <div class=\"field\">\n            <label>Pozadie hlavi\u010dky produktu<\/label>\n            <div class=\"color-field\">\n              <input type=\"color\" id=\"pr_color_bg_soft_picker\" value=\"#fafafa\">\n              <input type=\"text\" id=\"pr_color_bg_soft\" value=\"#FAFAFA\" maxlength=\"7\">\n            <\/div>\n            <span class=\"hint\">Horn\u00e1 \u010das\u0165 karty s&nbsp;obr\u00e1zkom a&nbsp;n\u00e1zvom produktu<\/span>\n          <\/div>\n          <div class=\"field\">\n            <label>Okraj karty<\/label>\n            <div class=\"color-field\">\n              <input type=\"color\" id=\"pr_color_border_picker\" value=\"#e8e8e8\">\n              <input type=\"text\" id=\"pr_color_border\" value=\"#E8E8E8\" maxlength=\"7\">\n            <\/div>\n            <span class=\"hint\">Linka okolo celej karty recenzie<\/span>\n          <\/div>\n          <div class=\"field\">\n            <label>Odde\u013eova\u010d v&nbsp;karte<\/label>\n            <div class=\"color-field\">\n              <input type=\"color\" id=\"pr_color_border_light_picker\" value=\"#f0f0f0\">\n              <input type=\"text\" id=\"pr_color_border_light\" value=\"#F0F0F0\" maxlength=\"7\">\n            <\/div>\n            <span class=\"hint\">Tenk\u00e1 \u010diara medzi hlavi\u010dkou produktu a&nbsp;textom recenzie<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"section-divider\">\n          <div class=\"section-label\">Texty v&nbsp;karte<\/div>\n          <div class=\"grid\">\n            <div class=\"field\">\n              <label>Text recenzie<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_text_picker\" value=\"#555555\">\n                <input type=\"text\" id=\"pr_color_text\" value=\"#555555\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Samotn\u00fd text hodnotenia + odkaz \u201eZobrazi\u0165 viac\u201c<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>D\u00e1tum recenzie<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_text_light_picker\" value=\"#999999\">\n                <input type=\"text\" id=\"pr_color_text_light\" value=\"#999999\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">D\u00e1tum vpravo hore v&nbsp;karte (napr. 15.&nbsp;3.&nbsp;2026)<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Meno autora<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_heading_soft_picker\" value=\"#333333\">\n                <input type=\"text\" id=\"pr_color_heading_soft\" value=\"#333333\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Meno z\u00e1kazn\u00edka pri recenzii<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>N\u00e1zov produktu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_heading_picker\" value=\"#222222\">\n                <input type=\"text\" id=\"pr_color_heading\" value=\"#222222\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">N\u00e1zov produktu v&nbsp;hornej \u010dasti karty<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"section-divider\">\n          <div class=\"section-label\">Taby kateg\u00f3ri\u00ed<\/div>\n          <div class=\"grid\">\n            <div class=\"field\">\n              <label>Text tabu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_tab_text_picker\" value=\"#333333\">\n                <input type=\"text\" id=\"pr_color_tab_text\" value=\"#333333\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Farba textu na&nbsp;neakt\u00edvnom tabe (napr. V\u0161etky, Obuv\u2026)<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Pozadie tabu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_tab_bg_picker\" value=\"#ffffff\">\n                <input type=\"text\" id=\"pr_color_tab_bg\" value=\"#FFFFFF\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Pozadie neakt\u00edvneho tabu<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Text akt\u00edvneho tabu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_tab_active_text_picker\" value=\"#ffffff\">\n                <input type=\"text\" id=\"pr_color_tab_active_text\" value=\"#FFFFFF\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Farba textu na&nbsp;vybranom (akt\u00edvnom) tabe<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Pozadie akt\u00edvneho tabu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_tab_active_bg_picker\" value=\"#222222\">\n                <input type=\"text\" id=\"pr_color_tab_active_bg\" value=\"#222222\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Pozadie a&nbsp;okraj vybran\u00e9ho tabu<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Okraj tabu<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_border_tab_picker\" value=\"#dddddd\">\n                <input type=\"text\" id=\"pr_color_border_tab\" value=\"#DDDDDD\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Linka okolo neakt\u00edvneho tabu<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Okraj tabu pri prechode my\u0161ou<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_border_tab_hover_picker\" value=\"#999999\">\n                <input type=\"text\" id=\"pr_color_border_tab_hover\" value=\"#999999\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Farba okraja, ke\u010f na&nbsp;tab nabehnete kurzorom<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"section-divider\">\n          <div class=\"section-label\">Na\u010d\u00edtavanie a&nbsp;tvar<\/div>\n          <div class=\"grid\">\n            <div class=\"field\">\n              <label>Stavov\u00e9 texty<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_text_muted_picker\" value=\"#666666\">\n                <input type=\"text\" id=\"pr_color_text_muted\" value=\"#666666\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Texty \u201eNa\u010d\u00edtavam\u2026\u201c a&nbsp;\u201e\u017diadne recenzie\u201c<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Kr\u00fa\u017eok na\u010d\u00edtavania<\/label>\n              <div class=\"color-field\">\n                <input type=\"color\" id=\"pr_color_spinner_track_picker\" value=\"#e8e8e8\">\n                <input type=\"text\" id=\"pr_color_spinner_track\" value=\"#E8E8E8\" maxlength=\"7\">\n              <\/div>\n              <span class=\"hint\">Svetl\u00e1 stopa to\u010diaceho sa kr\u00fa\u017eku pri na\u010d\u00edtan\u00ed<\/span>\n            <\/div>\n            <div class=\"field\">\n              <label>Zaoblenie rohov<\/label>\n              <div class=\"opacity-field\">\n                <input type=\"range\" id=\"pr_radius\" min=\"0\" max=\"25\" step=\"1\" value=\"10\">\n                <span class=\"val-label\" id=\"radius_label\">10px<\/span>\n              <\/div>\n              <span class=\"hint\">Zaoblenie kariet, tabov a&nbsp;obr\u00e1zkov produktov<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- HTML NASTAVENIA -->\n    <div class=\"card\">\n      <div class=\"card-header\">Vlo\u017eenie recenzi\u00ed do e-shopu<\/div>\n      <div class=\"card-body\">\n\n        <div class=\"info-box\" style=\"margin-top: 0;\">\n          Vyberte, \u010do chcete zobrazi\u0165. Gener\u00e1tor priprav\u00ed hotov\u00fd HTML k\u00f3d, ktor\u00fd sta\u010d\u00ed skop\u00edrova\u0165 do editora obsahu v&nbsp;Shoptete.\n        <\/div>\n\n        <div class=\"section-label\">Krok 1 \u2014 Kam recenzie vlo\u017e\u00edte?<\/div>\n        <div class=\"mode-row\">\n          <button type=\"button\" class=\"mode-btn active\" id=\"mode_full\" onclick=\"setMode('full')\">\n            <strong>Str\u00e1nka so v\u0161etk\u00fdmi recenziami<\/strong>\n            <small>Vhodn\u00e9 na&nbsp;samostatn\u00fa informa\u010dn\u00fa str\u00e1nku. Zobraz\u00ed v\u0161etky recenzie, taby pod\u013ea kateg\u00f3ri\u00ed a&nbsp;str\u00e1nkovanie.<\/small>\n          <\/button>\n          <button type=\"button\" class=\"mode-btn\" id=\"mode_embed\" onclick=\"setMode('embed')\">\n            <strong>V\u00fdber recenzi\u00ed na&nbsp;konkr\u00e9tnom mieste<\/strong>\n            <small>Vhodn\u00e9 na&nbsp;hlavn\u00fa str\u00e1nku, do \u010dl\u00e1nku alebo popisu kateg\u00f3rie. Zobraz\u00ed len zvolen\u00fd po\u010det recenzi\u00ed.<\/small>\n          <\/button>\n        <\/div>\n\n        <div class=\"embed-fields\" id=\"embed_fields\">\n\n          <div class=\"section-label\">Krok 2 \u2014 Ko\u013eko a&nbsp;ak\u00e9 recenzie zobrazi\u0165?<\/div>\n          <div class=\"form-stack\">\n\n            <div class=\"field\">\n              <label>Ko\u013eko recenzi\u00ed zobrazi\u0165<\/label>\n              <div class=\"num-input\">\n                <button type=\"button\" onclick=\"changeNum('data_count', -1)\">\u2212<\/button>\n                <input type=\"number\" id=\"data_count\" value=\"8\" min=\"1\" max=\"50\">\n                <button type=\"button\" onclick=\"changeNum('data_count', 1)\">+<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row-2\">\n              <div class=\"field\">\n                <label>Zoradenie<\/label>\n                <select id=\"data_order\">\n                  <option value=\"newest\">Najnov\u0161ie najprv<\/option>\n                  <option value=\"oldest\">Najstar\u0161ie najprv<\/option>\n                  <option value=\"random\">N\u00e1hodn\u00fd v\u00fdber<\/option>\n                  <option value=\"best\">Najlep\u0161ie hodnoten\u00e9 najprv<\/option>\n                <\/select>\n              <\/div>\n\n              <div class=\"field\">\n                <label>Minim\u00e1lne hodnotenie<\/label>\n                <select id=\"data_min_rating\">\n                  <option value=\"1\">V\u0161etky recenzie<\/option>\n                  <option value=\"2\">Min. 2 hviezdi\u010dky<\/option>\n                  <option value=\"3\">Min. 3 hviezdi\u010dky<\/option>\n                  <option value=\"4\">Min. 4 hviezdi\u010dky<\/option>\n                  <option value=\"5\">Len 5 hviezdi\u010diek<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"optional-box\">\n              <div class=\"optional-box-title\">Krok 3 \u2014 Filtrovanie (nepovinn\u00e9)<\/div>\n              <div class=\"optional-box-desc\">Ak ni\u010d neza\u0161krtnete, zobrazia sa recenzie zo v\u0161etk\u00fdch produktov. Filtre pou\u017eite len vtedy, ke\u010f chcete obmedzi\u0165 v\u00fdber.<\/div>\n\n              <label class=\"check-row\">\n                <input type=\"checkbox\" id=\"filter_category_toggle\" onchange=\"toggleFilter('category')\">\n                <span>Chcem len recenzie z&nbsp;konkr\u00e9tnej kateg\u00f3rie<\/span>\n              <\/label>\n              <div class=\"filter-field\" id=\"filter_category_field\">\n                <div class=\"field\">\n                  <label>Slug kateg\u00f3rie z&nbsp;URL<\/label>\n                  <input type=\"text\" class=\"text-input\" id=\"data_category\" placeholder=\"slug-kategorie, dalsi-slug-kategorie\">\n                  <span class=\"hint\">Z adresy <code>www.vas-eshop.sk\/slug-kategorie\/<\/code> skop\u00edrujte \u010das\u0165 <code>slug-kategorie<\/code>. Viac kateg\u00f3ri\u00ed oddelte \u010diarkou.<\/span>\n                <\/div>\n              <\/div>\n\n              <label class=\"check-row\">\n                <input type=\"checkbox\" id=\"filter_product_toggle\" onchange=\"toggleFilter('product')\">\n                <span>Chcem len recenzie konkr\u00e9tneho produktu<\/span>\n              <\/label>\n              <div class=\"filter-field\" id=\"filter_product_field\">\n                <div class=\"field\">\n                  <label>Slug produktu z&nbsp;URL<\/label>\n                  <input type=\"text\" class=\"text-input\" id=\"data_product\" placeholder=\"slug-produktu, dalsi-slug-produktu\">\n                  <span class=\"hint\">Z adresy produktu skop\u00edrujte \u010das\u0165 za posledn\u00fdm lom\u00edtkom, napr. <code>slug-produktu<\/code>. Viac produktov oddelte \u010diarkou.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <div class=\"info-box\" id=\"mode_hint_full\" style=\"margin-top: 20px; margin-bottom: 0;\">\n          Po vygenerovan\u00ed skop\u00edrujte HTML k\u00f3d a&nbsp;vlo\u017ete ho na&nbsp;str\u00e1nku, kde chcete ma\u0165 kompletn\u00fd v\u00fdpis v\u0161etk\u00fdch recenzi\u00ed.\n        <\/div>\n        <div class=\"info-box\" id=\"mode_hint_embed\" style=\"display: none; margin-top: 20px; margin-bottom: 0;\">\n          Po vygenerovan\u00ed skop\u00edrujte HTML k\u00f3d a&nbsp;vlo\u017ete ho presne na&nbsp;miesto v&nbsp;obsahu, kde sa maj\u00fa recenzie zobrazi\u0165 (napr. na&nbsp;hlavn\u00fa str\u00e1nku).\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <button class=\"generate-btn\" onclick=\"generate()\">Vygenerova\u0165 k\u00f3d<\/button>\n\n  <div id=\"output\" style=\"display:none;\">\n    <div class=\"info-box\">\n      K\u00f3d <strong>Z\u00e1hlavie (pred uz\u00e1tv\u00e1raj\u00facim tagom HEAD)<\/strong> vlo\u017ete do sekcie z\u00e1hlavia v&nbsp;editore eshopu. K\u00f3d <strong>HTML widget<\/strong> vlo\u017ete do editora obsahu na&nbsp;miesto, kde sa maj\u00fa recenzie zobrazova\u0165 (re\u017eim HTML \/ zdrojov\u00fd k\u00f3d).\n    <\/div>\n\n    <div class=\"output-grid\">\n      <div>\n        <p class=\"output-section-label\">Z\u00e1hlavie (pred uz\u00e1tv\u00e1raj\u00facim tagom HEAD)<\/p>\n        <div class=\"output-block\">\n          <div class=\"output-block-header\">\n            <button class=\"copy-btn\" onclick=\"copyCode('css_output', this)\">Kop\u00edrova\u0165<\/button>\n          <\/div>\n          <pre id=\"css_output\"><\/pre>\n        <\/div>\n      <\/div>\n      <div>\n        <p class=\"output-section-label\">HTML widget (editor obsahu)<\/p>\n        <div class=\"output-block\">\n          <div class=\"output-block-header\">\n            <button class=\"copy-btn\" onclick=\"copyCode('html_output', this)\">Kop\u00edrova\u0165<\/button>\n          <\/div>\n          <pre id=\"html_output\"><\/pre>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<script>\nconst CSS_DEFAULTS = {\n  '--jgm-pr-color-text': '#555',\n  '--jgm-pr-color-text-muted': '#666',\n  '--jgm-pr-color-text-light': '#999',\n  '--jgm-pr-color-heading': '#222',\n  '--jgm-pr-color-heading-soft': '#333',\n  '--jgm-pr-color-border': '#e8e8e8',\n  '--jgm-pr-color-border-light': '#f0f0f0',\n  '--jgm-pr-color-border-tab': '#ddd',\n  '--jgm-pr-color-border-tab-hover': '#999',\n  '--jgm-pr-color-tab-text': '#333',\n  '--jgm-pr-color-tab-bg': '#fff',\n  '--jgm-pr-color-tab-active-bg': '#222',\n  '--jgm-pr-color-tab-active-text': '#fff',\n  '--jgm-pr-color-bg': '#fff',\n  '--jgm-pr-color-bg-soft': '#fafafa',\n  '--jgm-pr-color-spinner-track': '#e8e8e8',\n  '--jgm-pr-radius': '10px'\n};\n\nconst CSS_FIELDS = [\n  { var: '--jgm-pr-color-text', id: 'pr_color_text' },\n  { var: '--jgm-pr-color-text-muted', id: 'pr_color_text_muted' },\n  { var: '--jgm-pr-color-text-light', id: 'pr_color_text_light' },\n  { var: '--jgm-pr-color-heading', id: 'pr_color_heading' },\n  { var: '--jgm-pr-color-heading-soft', id: 'pr_color_heading_soft' },\n  { var: '--jgm-pr-color-border', id: 'pr_color_border' },\n  { var: '--jgm-pr-color-border-light', id: 'pr_color_border_light' },\n  { var: '--jgm-pr-color-border-tab', id: 'pr_color_border_tab' },\n  { var: '--jgm-pr-color-border-tab-hover', id: 'pr_color_border_tab_hover' },\n  { var: '--jgm-pr-color-tab-text', id: 'pr_color_tab_text' },\n  { var: '--jgm-pr-color-tab-bg', id: 'pr_color_tab_bg' },\n  { var: '--jgm-pr-color-tab-active-bg', id: 'pr_color_tab_active_bg' },\n  { var: '--jgm-pr-color-tab-active-text', id: 'pr_color_tab_active_text' },\n  { var: '--jgm-pr-color-bg', id: 'pr_color_bg' },\n  { var: '--jgm-pr-color-bg-soft', id: 'pr_color_bg_soft' },\n  { var: '--jgm-pr-color-spinner-track', id: 'pr_color_spinner_track' }\n];\n\nlet currentMode = 'full';\n\n\/\/ -------------------------------------------------\n\/\/ changeNum\n\/\/ -------------------------------------------------\nfunction changeNum(id, delta) {\n  const el = document.getElementById(id);\n  const min = parseInt(el.min, 10) || 0;\n  const max = parseInt(el.max, 10) || 99;\n  el.value = Math.min(max, Math.max(min, parseInt(el.value, 10) + delta));\n}\n\n\/\/ -------------------------------------------------\n\/\/ setupColorSync\n\/\/ -------------------------------------------------\nfunction setupColorSync(pickerId, textId) {\n  const picker = document.getElementById(pickerId);\n  const text = document.getElementById(textId);\n  if (!picker || !text) return;\n\n  picker.addEventListener('input', function() {\n    text.value = picker.value.toUpperCase();\n  });\n\n  text.addEventListener('input', function() {\n    const val = text.value.trim();\n    if (\/^#[0-9a-fA-F]{6}$\/.test(val)) {\n      picker.value = val;\n    }\n  });\n}\n\nCSS_FIELDS.forEach(function(field) {\n  setupColorSync(field.id + '_picker', field.id);\n});\n\ndocument.getElementById('pr_radius').addEventListener('input', function() {\n  document.getElementById('radius_label').textContent = this.value + 'px';\n});\n\n\/\/ -------------------------------------------------\n\/\/ setMode\n\/\/ -------------------------------------------------\nfunction setMode(mode) {\n  currentMode = mode;\n  document.getElementById('mode_full').classList.toggle('active', mode === 'full');\n  document.getElementById('mode_embed').classList.toggle('active', mode === 'embed');\n  document.getElementById('embed_fields').classList.toggle('visible', mode === 'embed');\n  document.getElementById('mode_hint_full').style.display = mode === 'full' ? 'block' : 'none';\n  document.getElementById('mode_hint_embed').style.display = mode === 'embed' ? 'block' : 'none';\n}\n\n\/\/ -------------------------------------------------\n\/\/ toggleFilter\n\/\/ -------------------------------------------------\nfunction toggleFilter(type) {\n  const checked = document.getElementById('filter_' + type + '_toggle').checked;\n  document.getElementById('filter_' + type + '_field').classList.toggle('visible', checked);\n  if (!checked) {\n    document.getElementById('data_' + type).value = '';\n  }\n}\n\n\/\/ -------------------------------------------------\n\/\/ normalizeColor\n\/\/ -------------------------------------------------\nfunction normalizeColor(val) {\n  let color = (val || '').trim().toLowerCase();\n  if (\/^#[0-9a-f]{3}$\/.test(color)) {\n    color = '#' + color[1] + color[1] + color[2] + color[2] + color[3] + color[3];\n  }\n  return color;\n}\n\n\/\/ -------------------------------------------------\n\/\/ isColorChanged\n\/\/ -------------------------------------------------\nfunction isColorChanged(val, defaultVal) {\n  return normalizeColor(val) !== normalizeColor(defaultVal);\n}\n\n\/\/ -------------------------------------------------\n\/\/ buildCssOutput\n\/\/ -------------------------------------------------\nfunction buildCssOutput() {\n  const cssVars = {};\n\n  CSS_FIELDS.forEach(function(field) {\n    const val = document.getElementById(field.id).value.trim();\n    if (val && isColorChanged(val, CSS_DEFAULTS[field.var])) {\n      cssVars[field.var] = val;\n    }\n  });\n\n  const radiusVal = parseInt(document.getElementById('pr_radius').value, 10);\n  const defaultRadius = parseInt(CSS_DEFAULTS['--jgm-pr-radius'], 10);\n  if (radiusVal !== defaultRadius) {\n    cssVars['--jgm-pr-radius'] = radiusVal + 'px';\n  }\n\n  if (Object.keys(cssVars).length === 0) {\n    return '<!-- \u017diadne zmeny oproti predvolen\u00e9mu nastaveniu -->';\n  }\n\n  let out = '<!-- jg-media.eu s\u00fahrnn\u00e9 recenzie produktov - nastavenia -->\\n';\n  out += '<style>\\n  .jgm-pr {\\n';\n  Object.keys(cssVars).forEach(function(key) {\n    out += '    ' + key + ': ' + cssVars[key] + ';\\n';\n  });\n  out += '  }\\n<\/style>\\n';\n  out += '<!-- koniec \/\/ jg-media.eu s\u00fahrnn\u00e9 recenzie produktov - nastavenia -->';\n  return out;\n}\n\n\/\/ -------------------------------------------------\n\/\/ buildHtmlOutput\n\/\/ -------------------------------------------------\nfunction buildHtmlOutput() {\n  if (currentMode === 'full') {\n    return '<div class=\"jgm-pr\"><\/div>';\n  }\n\n  const attrs = ['class=\"jgm-pr\"'];\n  const count = parseInt(document.getElementById('data_count').value, 10);\n\n  if (count > 0) {\n    attrs.push('data-count=\"' + count + '\"');\n  }\n\n  const order = document.getElementById('data_order').value;\n  if (order && order !== 'newest') {\n    attrs.push('data-order=\"' + order + '\"');\n  }\n\n  const minRating = parseInt(document.getElementById('data_min_rating').value, 10);\n  if (minRating > 1) {\n    attrs.push('data-min-rating=\"' + minRating + '\"');\n  }\n\n  const category = document.getElementById('filter_category_toggle').checked\n    ? document.getElementById('data_category').value.trim()\n    : '';\n  if (category) {\n    attrs.push('data-category=\"' + category + '\"');\n  }\n\n  const product = document.getElementById('filter_product_toggle').checked\n    ? document.getElementById('data_product').value.trim()\n    : '';\n  if (product) {\n    attrs.push('data-product=\"' + product + '\"');\n  }\n\n  return '<div ' + attrs.join(' ') + '><\/div>';\n}\n\n\/\/ -------------------------------------------------\n\/\/ generate\n\/\/ -------------------------------------------------\nfunction generate() {\n  document.getElementById('css_output').textContent = buildCssOutput();\n  document.getElementById('html_output').textContent = buildHtmlOutput();\n  document.getElementById('output').style.display = 'block';\n  document.getElementById('output').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\n\/\/ -------------------------------------------------\n\/\/ copyCode\n\/\/ -------------------------------------------------\nfunction copyCode(id, btn) {\n  const text = document.getElementById(id).textContent;\n  navigator.clipboard.writeText(text).then(function() {\n    btn.textContent = 'Skop\u00edrovan\u00e9 \u2713';\n    btn.classList.add('copied');\n    setTimeout(function() {\n      btn.textContent = 'Kop\u00edrova\u0165';\n      btn.classList.remove('copied');\n    }, 2000);\n  });\n}\n<\/script>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-03afd09\" data-block-id=\"03afd09\"><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a269820\" id=\"priklad-umiestnenia-vygenerovaneho-kodu-v-administracii-shoptet\" data-block-id=\"a269820\"><h3 class=\"stk-block-heading__text\">Pr\u00edklad umiestnenia vygenerovan\u00e9ho k\u00f3du v&nbsp;administr\u00e1cii Shoptet:<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-c4c7812\" data-block-id=\"c4c7812\"><style>.stk-c4c7812 {margin-bottom:50px !important;}.stk-c4c7812-column{--stk-columns-spacing:0px !important;--stk-column-gap:20px !important;row-gap:30px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c4c7812-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f596521\" data-v=\"4\" data-block-id=\"f596521\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f596521-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f596521-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-5129e42\" data-block-id=\"5129e42\"><style>.stk-5129e42 {margin-bottom:5px !important;}.stk-5129e42 .stk-block-text__text{font-size:14px !important;}@media screen and (max-width:999px){.stk-5129e42 .stk-block-text__text{font-size:14px !important;}}<\/style><p class=\"stk-block-text__text\">Z\u00e1hlavie (pred uz\u00e1tv\u00e1raj\u00fac\u00edm tagom HEAD)<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-5e0a422 stk--has-lightbox\" data-block-id=\"5e0a422\"><style>.stk-5e0a422 .stk-img-wrapper{height:180px !important;}.stk-5e0a422 .stk-img-wrapper img{object-position:0% 0% !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-5426\" src=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2025\/02\/headcss.jpg\" width=\"1258\" height=\"383\" srcset=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2025\/02\/headcss.jpg 1258w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2025\/02\/headcss-300x91.jpg 300w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2025\/02\/headcss-1024x312.jpg 1024w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2025\/02\/headcss-768x234.jpg 768w\" sizes=\"auto, (max-width: 1258px) 100vw, 1258px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e5b4a9b\" data-v=\"4\" data-block-id=\"e5b4a9b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e5b4a9b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e5b4a9b-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-045df78\" data-block-id=\"045df78\"><style>.stk-045df78 {margin-bottom:5px !important;}.stk-045df78 .stk-block-text__text{font-size:14px !important;}@media screen and (max-width:999px){.stk-045df78 .stk-block-text__text{font-size:14px !important;}}<\/style><p class=\"stk-block-text__text\">HTML k\u00f3d do obsahov\u00e9ho editora, pomocou z\u00e1lo\u017eky N\u00e1stroje &#8211; HTML k\u00f3d<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-eeb1392 stk--has-lightbox\" data-block-id=\"eeb1392\"><style>.stk-eeb1392 .stk-img-wrapper{height:180px !important;}.stk-eeb1392 .stk-img-wrapper img{object-position:1% 0% !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-7626\" src=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie.jpg\" width=\"1500\" height=\"991\" srcset=\"https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie.jpg 1500w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-300x198.jpg 300w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-1024x677.jpg 1024w, https:\/\/www.jg-media.eu\/wp-content\/uploads\/2026\/07\/recenzie-768x507.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-37755e5\" data-block-id=\"37755e5\"><style>.stk-37755e5 {margin-bottom:0px !important;}.stk-37755e5-column{--stk-columns-spacing:0px !important;--stk-column-gap:40px !important;row-gap:20px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-37755e5-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-01091cd\" data-v=\"4\" data-block-id=\"01091cd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-01091cd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-01091cd-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a9968f3\" id=\"priklady-pouzitia\" data-block-id=\"a9968f3\"><h3 class=\"stk-block-heading__text\">Pr\u00edklady pou\u017eitia:<\/h3><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-75a67c1\" data-block-id=\"75a67c1\"><style>.stk-75a67c1 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed v\u0161etky recenzie produktov z&nbsp;cel\u00e9ho e-shopu s&nbsp;filtrom pod\u013ea kateg\u00f3ri\u00ed a&nbsp;str\u00e1nkovan\u00edm:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\"&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-560f46a\" data-block-id=\"560f46a\"><style>.stk-560f46a {height:24px !important;}<\/style><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-932e45b\" data-block-id=\"932e45b\"><style>.stk-932e45b {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed 8 recenzi\u00ed produktov bez str\u00e1nkovania a&nbsp;filtrov, vhodn\u00e9 kdeko\u013evek do obsahu:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\" <strong>data-count=\"8\"<\/strong>&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-fe4ed42\" data-block-id=\"fe4ed42\"><style>.stk-fe4ed42 {height:24px !important;}<\/style><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-50f1410\" data-block-id=\"50f1410\"><style>.stk-50f1410 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed 8 recenzi\u00ed produktov bez str\u00e1nkovania a&nbsp;filtrov v&nbsp;n\u00e1hodnom porad\u00ed:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\" data-count=\"8\"<strong> data-order=\"random\"<\/strong>&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-b2e990a\" data-block-id=\"b2e990a\"><style>.stk-b2e990a {height:24px !important;}<\/style><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-9ed2590\" data-block-id=\"9ed2590\"><style>.stk-9ed2590 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed 8 recenzi\u00ed produktov bez str\u00e1nkovania a&nbsp;filtrov len s&nbsp;hodnoten\u00edm 4 a&nbsp;viac hviezdi\u010diek:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\" data-count=\"8\"<strong> data-min-rating=\"4\"<\/strong>&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-737cce3\" data-block-id=\"737cce3\"><style>.stk-737cce3 {height:24px !important;}<\/style><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-716b3b5\" data-block-id=\"716b3b5\"><style>.stk-716b3b5 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed len recenzie vybran\u00fdch produktov pod\u013ea ich url adresy:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\" <strong>data-product=\"iphone-17-pro, tablet-256-gb\"<\/strong>&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-3f86779\" data-block-id=\"3f86779\"><style>.stk-3f86779 {height:24px !important;}<\/style><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-241b2b9\" data-block-id=\"241b2b9\"><style>.stk-241b2b9 {margin-bottom:10px !important;}<\/style><p class=\"stk-block-text__text\">K\u00f3d zobraz\u00ed len recenzie z&nbsp;vybran\u00fdch kateg\u00f3ri\u00ed pod\u013ea ich url adresy:<\/p><\/div>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"jgm-pr\" data-count=\"8\"<strong> data-category=\"slug-kategorie, dalsi-slug-kategorie\"<\/strong>&gt;&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-c573e0c\" data-block-id=\"c573e0c\"><style>.stk-c573e0c {height:24px !important;}<\/style><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Prvky data- m\u00f4\u017eete \u013eubovo\u013ene kombinova\u0165 a&nbsp;pripravia\u0165 tak napr. blok, ktor\u00fd zobraz\u00ed len produkty z&nbsp;vybranej kateg\u00f3rie zoraden\u00e9 n\u00e1hodn\u00fdm v\u00fdberom recenzi\u00ed, ktor\u00e9 maj\u00fa viac ako 4* hodnotenie.<\/p>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-spacer stk-block-spacer stk--no-padding stk-block stk-f29d4a9\" data-block-id=\"f29d4a9\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Omlouv\u00e1me se, tato polo\u017eka je k&nbsp;dispozici pouze v&nbsp;Sloven\u010dina. N\u00e1vod pre Agreg\u00e1tor produktov\u00fdch recenzi\u00ed Na&nbsp;tejto str\u00e1nke n\u00e1jdete jednoduch\u00fd n\u00e1vod pre Shoptet doplnok Agreg\u00e1tor produktov\u00fdch recenzi\u00ed pre Shoptet, ktor\u00fd v\u00e1m poskytne z\u00e1kladn\u00e9 inform\u00e1cie nastaven\u00ed spolu s&nbsp;mo\u017enos\u0165ami nastavenia a&nbsp;prisp\u00f4sobenia doplnku. Ako nastavi\u0165 doplnok: Vlo\u017eenie produktov\u00fdch recenzi\u00ed na&nbsp;samostatn\u00fa str\u00e1nku alebo ako blok kdeko\u013evek do obsahu pomocou [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7635,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7613","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/pages\/7613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/comments?post=7613"}],"version-history":[{"count":23,"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/pages\/7613\/revisions"}],"predecessor-version":[{"id":7746,"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/pages\/7613\/revisions\/7746"}],"up":[{"embeddable":true,"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/pages\/7635"}],"wp:attachment":[{"href":"https:\/\/www.jg-media.eu\/cs\/wp-json\/wp\/v2\/media?parent=7613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}