{"id":10404,"date":"2026-09-16T23:14:44","date_gmt":"2026-09-16T23:14:44","guid":{"rendered":"https:\/\/simak-keramika.si\/"},"modified":"2026-09-18T13:34:58","modified_gmt":"2026-09-18T13:34:58","slug":"vizualizator","status":"publish","type":"page","link":"https:\/\/simak-keramika.si\/hr\/vizualizator\/","title":{"rendered":"Vizualizator plo\u010dica"},"content":{"rendered":"\n<div class=\"simak-vis-intro\">\n<p>Poglejte, kako izbrane plo\u0161\u010dice izgledajo v prostoru, \u0161e preden se odlo\u010dite.<\/p>\n<ol class=\"simak-vis-steps\">\n<li><span>1<\/span>Izberite prostor<\/li>\n<li><span>2<\/span>Izberite keramiko<\/li>\n<li><span>3<\/span>Preverite videz v prostoru<\/li>\n<\/ol>\n<\/div>\n\n\n<style>:root{--simak-max:1320px;--simak-gutter:16px}@media (max-width:1024px){:root{--simak-gutter:12px}}@media (max-width:600px){:root{--simak-gutter:8px}}body.page-id-10404 .site-main{max-width:none}body.page-id-10404 .page-header,.simak-vis-intro,.simak-vis{max-width:var(--simak-max);margin-left:auto;margin-right:auto;padding-left:var(--simak-gutter);padding-right:var(--simak-gutter)}body.page-id-10404 .page-header .entry-title{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}body.page-id-10404 .page-header{padding-top:clamp(18px,1.4vw + 10px,30px);padding-bottom:0;margin-top:0;margin-bottom:0}body.page-id-10404 .entry-title{margin:0;font-size:clamp(27px,1.9vw + 12px,40px);line-height:1.16;font-weight:500;letter-spacing:-.012em;color:#22262b;text-wrap:balance}.simak-vis-intro{padding-top:10px;padding-bottom:clamp(22px,1.2vw + 14px,30px)}.simak-vis-intro p{margin:0;max-width:62ch;font-size:clamp(15.5px,.5vw + 13.5px,17px);line-height:1.62;color:#5a6069;text-wrap:balance}.simak-vis-steps{list-style:none;display:flex;flex-wrap:wrap;gap:10px clamp(20px,2vw,32px);margin:clamp(18px,1vw + 12px,24px) 0 0;padding:0}.simak-vis-steps li{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;line-height:1.4;color:#585f67}.simak-vis-steps li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:transparent;border:1px solid #d3d6da;color:#6b7178;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;flex:0 0 auto}body.page-id-10404 .page-content{padding-bottom:clamp(32px,3vw + 18px,68px)}.simak-vis__frame{position:relative;background:#14151a;border:1px solid #e7e9eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}.simak-vis__frame iframe{display:block;width:100%;border:0;height:clamp(620px,calc(100vh - 210px),760px)}@media (max-width:1024px){.simak-vis__frame iframe{height:clamp(600px,calc(100vh - 170px),820px)}}@media (max-width:600px){.simak-vis__frame{border-radius:10px}.simak-vis__frame iframe{height:min(calc(100vh - 130px),760px);min-height:520px}}@media (max-width:600px){.simak-vis-steps{display:none}}.simak-vis-help{max-width:var(--simak-max);margin:0 auto;padding:28px var(--simak-gutter) 4px;box-sizing:border-box}.simak-vis-help h2{margin:0 0 6px;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.4px;color:#22262b}.simak-vis-help__lead{margin:0 0 22px;max-width:70ch;font-size:15.5px;line-height:1.6;color:#5a6069}.simak-vis-help__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.simak-vis-help__card{border:1px solid #e7e9eb;border-radius:12px;padding:16px 16px 14px}.simak-vis-help__card h3{display:flex;align-items:center;gap:9px;margin:0 0 6px;font-size:15px;font-weight:600;color:#22262b}.simak-vis-help__card h3 span{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;border:1px solid #d3d6da;font-size:11.5px;color:#6b7178}.simak-vis-help__card p{margin:0;font-size:14px;line-height:1.55;color:#585f67}.simak-vis-help__next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#f6f6f7}.simak-vis-help__next p{margin:0;font-size:14.5px;line-height:1.55;color:#454b53}.simak-vis-help__next a{font-size:14px;font-weight:600;color:#1a1d23;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}@media (max-width:1024px){.simak-vis-help__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.simak-vis-help{padding-top:22px}.simak-vis-help h2{font-size:21px}.simak-vis-help__grid{grid-template-columns:1fr;gap:10px}.simak-vis-help__next{flex-direction:column;align-items:flex-start}}<\/style><div class=\"simak-vis\"><div class=\"simak-vis__frame\"><iframe id=\"simak-vis-frame\" src=\"https:\/\/simak-tile-visualizer.pages.dev\/?embed=1&#038;lang=hr\" loading=\"lazy\" title=\"Vizualizator keramike Simak\" allow=\"fullscreen; clipboard-write; web-share\" allowfullscreen referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/div><\/div><section class=\"simak-vis-help\" data-no-translation=\"\"><h2>Kako radi vizualizator<\/h2><p class=\"simak-vis-help__lead\">Vizualizator prikazuje odabranu plo\u010dicu u ure\u0111enom prostoru, u stvarnom mjerilu i s fugom. Bez registracije, na ra\u010dunalu, tabletu ili telefonu.<\/p><div class=\"simak-vis-help__grid\"><div class=\"simak-vis-help__card\"><h3><span>1<\/span>Odaberite prostor<\/h3><p>Kupaonica, dnevni boravak, kuhinja ili terasa. Prostori su pripremljeni unaprijed, pa su mjerilo i perspektiva to\u010dni.<\/p><\/div><div class=\"simak-vis-help__card\"><h3><span>2<\/span>Isprobajte pod i zid<\/h3><p>Na podu ili zidu isprobajte plo\u010dice iz na\u0161e ponude te podesite fugu i zakretanje.<\/p><\/div><div class=\"simak-vis-help__card\"><h3><span>3<\/span>Usporedite dva odabira<\/h3><p>Gumbom A\/B spremite jednu kombinaciju i usporedite je s drugom u istom prostoru.<\/p><\/div><div class=\"simak-vis-help__card\"><h3><span>4<\/span>Spremite i podijelite<\/h3><p>Poveznica \u010duva prostor, plo\u010dice, fugu i zakretanje. Sliku s nazivima i \u0161iframa plo\u010dica mo\u017eete preuzeti.<\/p><\/div><\/div><div class=\"simak-vis-help__next\"><p>Za pomo\u0107 pri odabiru plo\u010dica ili narud\u017ebi posjetite nas u jednoj od na\u0161ih poslovnica.<\/p><a href=\"https:\/\/simak-keramika.si\/hr\/lokacije\/\">Lokacije i radno vrijeme \u2192<\/a><\/div><\/section><script>(function () {\n  var APP = \"https:\\\/\\\/simak-tile-visualizer.pages.dev\";\n  var frame = document.getElementById('simak-vis-frame');\n  if (!frame) return;\n\n  var child = null;\n  window.dataLayer = window.dataLayer || [];\n\n  \/\/ The full parameter vocabulary of the visualizer events, mirrored in the\n  \/\/ GA4 event tag in GTM. Order does not matter; completeness does.\n  var PARAM_KEYS = ['room', 'mode', 'store', 'sku', 'surface', 'facet', 'values', 'results', 'queryLength', 'on', 'rotation', 'groutWidth', 'groutColor', 'reason'];\n\n  function statistics() {\n    \/\/ Fail closed: no Complianz, no statistics.\n    return typeof window.cmplz_has_consent === 'function' && !!window.cmplz_has_consent('statistics');\n  }\n\n  function tell(type) {\n    if (!child) return;\n    try {\n      child.postMessage(\n        { source: 'simak-visualizer-host', v: 1, type: type, consent: { statistics: statistics() } },\n        APP\n      );\n    } catch (e) { \/* the frame went away *\/ }\n  }\n\n  function cleanId(v) {\n    return (typeof v === 'string' && \/^[A-Za-z0-9_-]{1,64}$\/.test(v)) ? v : null;\n  }\n\n  function syncUrl(d) {\n    try {\n      var u = new URL(window.location.href);\n      ['room', 'floor', 'wall', 'combo'].forEach(function (k) {\n        var v = cleanId(d[k]);\n        if (v) u.searchParams.set(k, v); else u.searchParams.delete(k);\n      });\n      var next = u.pathname + u.search + u.hash;\n      if (next !== window.location.pathname + window.location.search + window.location.hash) {\n        history.replaceState(null, '', next);\n      }\n    } catch (e) { \/* never break the page over the address bar *\/ }\n  }\n\n  window.addEventListener('message', function (e) {\n    if (e.origin !== APP) return;\n    if (e.source !== frame.contentWindow) return;\n    var d = e.data;\n    if (!d || typeof d !== 'object' || d.source !== 'simak-visualizer' || d.v !== 1) return;\n\n    if (d.type === 'hello') { child = e.source; tell('ready'); return; }\n    if (d.type === 'state') { syncUrl(d); return; }\n    if (d.type === 'event') {\n      \/\/ No consent gate here (P0.1B). The site runs advanced Google Consent\n      \/\/ Mode: Complianz denies analytics_storage until Statistics is accepted,\n      \/\/ and Google's own tags turn that into a cookieless request. Gating a\n      \/\/ second time in this bridge would hide the visualizer from exactly the\n      \/\/ sessions the site has already chosen to measure cookielessly.\n      if (typeof d.name !== 'string' || !\/^[a-z_]{1,40}$\/.test(d.name)) return;\n      var payload = (d.payload && typeof d.payload === 'object') ? d.payload : {};\n      var out = { event: d.name, simak_source: 'visualizer' };\n\n      \/\/ Every parameter this integration can ever send is named on every push,\n      \/\/ as undefined when this event does not carry it. GTM's data layer is a\n      \/\/ running model, not a list of messages: a key set once stays set, so\n      \/\/ without this a room_select that followed a product_apply arrived in\n      \/\/ GA4 still carrying that product's sku, surface and the last search's\n      \/\/ queryLength. Measured on the live site, not theorised.\n      PARAM_KEYS.forEach(function (k) { out[k] = undefined; });\n\n      Object.keys(payload).forEach(function (k) {\n        var v = payload[k];\n        \/\/ Scalars and small arrays of scalars only: nothing nested, nothing long.\n        if (v === null || typeof v === 'boolean' || typeof v === 'number') { out[k] = v; return; }\n        if (typeof v === 'string') { out[k] = v.slice(0, 64); return; }\n        if (Array.isArray(v)) { out[k] = v.filter(function (x) { return typeof x === 'string'; }).slice(0, 10).join(','); }\n      });\n      window.dataLayer.push(out);\n    }\n  });\n\n  \/\/ Complianz announces every banner decision on the document.\n  document.addEventListener('cmplz_status_change', function () { tell('consent'); });\n  document.addEventListener('cmplz_fire_categories', function () { tell('consent'); });\n})();<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Poglejte, kako izbrane plo\u0161\u010dice izgledajo v prostoru, \u0161e preden se odlo\u010dite. 1Izberite prostor 2Izberite keramiko 3Preverite videz v prostoru<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-10404","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/pages\/10404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/comments?post=10404"}],"version-history":[{"count":4,"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/pages\/10404\/revisions"}],"predecessor-version":[{"id":10410,"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/pages\/10404\/revisions\/10410"}],"wp:attachment":[{"href":"https:\/\/simak-keramika.si\/hr\/wp-json\/wp\/v2\/media?parent=10404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}