{"id":37556,"date":"2025-10-09T13:26:22","date_gmt":"2025-10-09T10:26:22","guid":{"rendered":"https:\/\/stokcivata.com\/?post_type=product&#038;p=37556"},"modified":"2026-04-18T16:56:45","modified_gmt":"2026-04-18T13:56:45","slug":"klipsli-celik-dubel","status":"publish","type":"product","link":"https:\/\/stokcivata.com\/?product=klipsli-celik-dubel","title":{"rendered":"Klipsli Celik Dubel"},"content":{"rendered":"\n<p><strong>\u00d6l\u00e7\u00fc Tan\u0131mlar\u0131:<\/strong><\/p>\n<ul>\n  <li><strong>d2<\/strong> \u2192 Matkap \/ delik \u00e7ap\u0131<\/li>\n  <li><strong>d<\/strong> \u2192 D\u00fcbelde kullan\u0131lan vida \u00f6l\u00e7\u00fcs\u00fc, ayn\u0131 zamanda d\u00fcbelin anma \u00e7ap\u0131. (M...)<\/li>\n  <li><strong>L<\/strong> \u2192 D\u00fcbel boyu (mm)<\/li>\n<\/ul>\n\n\n\n<!-- ==== TEK STANDART TEKN\u0130K TABLO (Basit Kolonlar + d Filtresi) ==== -->\n<div class=\"std-tech-table\" data-id=\"std-table\">\n  <!-- G\u00f6rsel -->\n  <div class=\"stt-drawing\" style=\"margin-bottom:1rem;text-align:center;\">\n    <a class=\"stt-drawing-link\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n      <img decoding=\"async\" class=\"stt-drawing-img\" src=\"\" alt=\"Teknik \u00e7izim\"\n           style=\"max-width:100%;height:auto;border:1px solid #eee;border-radius:8px;display:none;\">\n    <\/a>\n  <\/div>\n\n  <!-- Ba\u015fl\u0131k + Filtre + Aksiyon -->\n  <div class=\"stt-toolbar\" role=\"region\" aria-label=\"Teknik tablo\">\n    <div class=\"stt-title\" data-bind=\"title\" style=\"font-weight:700;\"><\/div>\n    <label>\u00c7ap (M):\n      <select data-ctrl=\"d\"><\/select>\n    <\/label>\n    <button type=\"button\" data-action=\"csv\">CSV indir<\/button>\n  <\/div>\n\n  <!-- Tablo -->\n  <div class=\"stt-wrap\" tabindex=\"0\">\n    <table class=\"stt-table\" role=\"table\" aria-label=\"Teknik \u00f6l\u00e7\u00fcler\">\n      <thead><tr><\/tr><\/thead>\n      <tbody><\/tbody>\n    <\/table>\n  <\/div>\n  <div class=\"stt-status\" aria-live=\"polite\"><\/div>\n\n  <!-- ======= VER\u0130 (JSON) ======= -->\n  <script type=\"application\/json\" class=\"stt-data\">\n  {\n    \"title\": \"KL\u0130PSL\u0130 D\u00dcBEL SE\u00c7\u0130M TABLOSU\",\n    \"drawingUrl\": \"https:\/\/stokcivata.com\/wp-content\/uploads\/2025\/12\/stokc_klipsli_tr.png\",\n    \"columns\": [\"d\",\"d2\",\"L\",\"Referans\"],\n    \"rows\": [\n  {\n    \"d\": \"M8\",\n    \"d2\": \"\u00d88\",\n    \"L\": 75,\n    \"Referans\": \"81MAYK 08075\"\n  },\n  {\n    \"d\": \"M8\",\n    \"d2\": \"\u00d88\",\n    \"L\": 100,\n    \"Referans\": \"81MAYK 08100\"\n  },\n  {\n    \"d\": \"M8\",\n    \"d2\": \"\u00d88\",\n    \"L\": 120,\n    \"Referans\": \"81MAYK 08120\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 90,\n    \"Referans\": \"81MAYK 10090\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 110,\n    \"Referans\": \"81MAYK 10110\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 120,\n    \"Referans\": \"81MAYK 10120\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 150,\n    \"Referans\": \"81MAYK 10150\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 180,\n    \"Referans\": \"81MAYK 10180\"\n  },\n  {\n    \"d\": \"M10\",\n    \"d2\": \"\u00d810\",\n    \"L\": 200,\n    \"Referans\": \"81MAYK 10200\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 90,\n    \"Referans\": \"81MAYK 12090\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 110,\n    \"Referans\": \"81MAYK 12110\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 125,\n    \"Referans\": \"81MAYK 12125\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 150,\n    \"Referans\": \"81MAYK 12150\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 180,\n    \"Referans\": \"81MAYK 12180\"\n  },\n  {\n    \"d\": \"M12\",\n    \"d2\": \"\u00d812\",\n    \"L\": 200,\n    \"Referans\": \"81MAYK 12200\"\n  },\n  {\n    \"d\": \"M14\",\n    \"d2\": \"\u00d814\",\n    \"L\": 125,\n    \"Referans\": \"81MAYK 14125\"\n  },\n  {\n    \"d\": \"M14\",\n    \"d2\": \"\u00d814\",\n    \"L\": 150,\n    \"Referans\": \"81MAYK 14150\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 120,\n    \"Referans\": \"81MAYK 16120\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 145,\n    \"Referans\": \"81MAYK 16145\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 180,\n    \"Referans\": \"81MAYK 16180\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 200,\n    \"Referans\": \"81MAYK 16200\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 250,\n    \"Referans\": \"81MAYK 16250\"\n  },\n  {\n    \"d\": \"M16\",\n    \"d2\": \"\u00d816\",\n    \"L\": 285,\n    \"Referans\": \"81MAYK 16285\"\n  },\n  {\n    \"d\": \"M18\",\n    \"d2\": \"\u00d818\",\n    \"L\": 150,\n    \"Referans\": \"81MAYK 18150\"\n  },\n  {\n    \"d\": \"M18\",\n    \"d2\": \"\u00d818\",\n    \"L\": 180,\n    \"Referans\": \"81MAYK 18180\"\n  },\n  {\n    \"d\": \"M18\",\n    \"d2\": \"\u00d818\",\n    \"L\": 200,\n    \"Referans\": \"81MAYK 18200\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 150,\n    \"Referans\": \"81MAYK 20150\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 175,\n    \"Referans\": \"81MAYK 20175\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 180,\n    \"Referans\": \"81MAYK 20180\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 200,\n    \"Referans\": \"81MAYK 20200\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 220,\n    \"Referans\": \"81MAYK 20220\"\n  },\n  {\n    \"d\": \"M20\",\n    \"d2\": \"\u00d820\",\n    \"L\": 250,\n    \"Referans\": \"81MAYK 20250\"\n  },\n  {\n    \"d\": \"M24\",\n    \"d2\": \"\u00d824\",\n    \"L\": 230,\n    \"Referans\": \"81MAYK 24230\"\n  },\n  {\n    \"d\": \"M24\",\n    \"d2\": \"\u00d824\",\n    \"L\": 250,\n    \"Referans\": \"81MAYK 24250\"\n  },\n  {\n    \"d\": \"M24\",\n    \"d2\": \"\u00d824\",\n    \"L\": 272,\n    \"Referans\": \"81MAYK 24275\"\n  }\n]  }\n  <\/script>\n  <!-- ======= \/VER\u0130 ======= -->\n<\/div>\n\n<style>\n.std-tech-table{--bd:1px solid #e7e7e7;--br:10px;--pad:.8rem;font:500 15px\/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}\n.std-tech-table .stt-toolbar{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin-bottom:.8rem;background:#fafafa;border:var(--bd);border-radius:var(--br);padding:var(--pad)}\n.std-tech-table select,.std-tech-table button{padding:.5rem .7rem;border:var(--bd);border-radius:8px;background:#fff;cursor:pointer}\n.std-tech-table .stt-title{margin-right:auto}\n.std-tech-table .stt-wrap{overflow:auto;border:var(--bd);border-radius:var(--br);background:#fff}\n.std-tech-table table{width:100%;border-collapse:separate;border-spacing:0}\n.std-tech-table thead th{position:sticky;top:0;background:#fff;border-bottom:var(--bd);padding:.7rem;text-align:left;font-weight:600;white-space:nowrap}\n.std-tech-table tbody td{border-bottom:1px dashed #f0f0f0;padding:.55rem .7rem;vertical-align:top}\n.std-tech-table .stt-status{margin-top:.4rem;color:#666;font-size:.9em}\n@media (max-width:720px){\n  .std-tech-table thead{display:none}\n  .std-tech-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem;padding:.6rem;border-bottom:var(--bd)}\n  .std-tech-table tbody td{border:none;padding:.2rem 0}\n  .std-tech-table tbody td::before{content:attr(data-label);font-weight:600;display:block;opacity:.72}\n}\n<\/style>\n\n<script>\n(function(){\n  document.querySelectorAll('.std-tech-table').forEach(init);\n\n  function init(root){\n    const status = root.querySelector('.stt-status');\n    let data;\n    try {\n      const txt = root.querySelector('.stt-data').textContent.trim();\n      data = JSON.parse(txt);\n    } catch (e) {\n      if (status) status.textContent = \"Veri okunamad\u0131: JSON ge\u00e7ersiz.\";\n      return;\n    }\n\n    const titleEl = root.querySelector('[data-bind=\"title\"]');\n    const theadRow = root.querySelector('thead tr');\n    const tbody = root.querySelector('tbody');\n    const btnCSV = root.querySelector('[data-action=\"csv\"]');\n    const selD = root.querySelector('[data-ctrl=\"d\"]');\n    const img  = root.querySelector('.stt-drawing-img');\n    const aLink= root.querySelector('.stt-drawing-link');\n\n    const cols = Array.isArray(data.columns) ? data.columns.slice() : [];\n    if (!cols.length){ status.textContent = \"S\u00fctun listesi (columns) bo\u015f.\"; return; }\n\n    \/\/ Ba\u015fl\u0131k ve resim\n    titleEl.textContent = data.title || \"\";\n    const rawUrl = (data.drawingUrl||\"\").trim();\n    const safeUrl = rawUrl ? encodeURI(rawUrl) : \"\";\n    if (safeUrl){ img.src = safeUrl; img.style.display=\"inline-block\"; aLink.href = safeUrl; }\n    else { img.removeAttribute('src'); img.style.display=\"none\"; aLink.removeAttribute('href'); }\n\n    \/\/ Ba\u015fl\u0131klar\u0131 olu\u015ftur\n    theadRow.innerHTML = cols.map(c=>`<th>${escapeHtml(c)}<\/th>`).join('');\n\n    \/\/ d se\u00e7eneklerini \u00fcret\n    const uniq = arr => [...new Set(arr)];\n    const ds = uniq((data.rows||[]).map(r=>r.d)).filter(v=>v!==undefined && v!==null).sort((a,b)=>a-b);\n    selD.innerHTML = `<option value=\"\">T\u00fcm\u00fc<\/option>` + ds.map(d=>`<option value=\"${d}\">${d}<\/option>`).join('');\n\n    \/\/ Render\n    function filteredRows(){\n      const val = selD.value;\n      let rows = Array.isArray(data.rows) ? data.rows : [];\n      if (val !== \"\") rows = rows.filter(r => String(r.d) === String(val));\n      return rows;\n    }\n\n    function render(){\n      const rows = filteredRows();\n      tbody.innerHTML = rows.map(r=>{\n        return `<tr>` + cols.map(c=>{\n          const v = (r[c]===undefined || r[c]===null) ? \"\" : r[c];\n          return `<td data-label=\"${escapeHtml(c)}\">${escapeHtml(String(v))}<\/td>`;\n        }).join('') + `<\/tr>`;\n      }).join('');\n      status.textContent = rows.length ? `${rows.length} sat\u0131r` : `Kay\u0131t yok`;\n    }\n\n    selD.addEventListener('input', render);\n    render();\n\n    \/\/ CSV indir\n    btnCSV.addEventListener('click', ()=>{\n      const rows = filteredRows();\n      const head = cols.join(',');\n      const body = rows.map(r=>cols.map(c=>{\n        const val = r[c]!==undefined && r[c]!==null ? String(r[c]) : \"\";\n        return (val.includes(',') || val.includes('\"') || val.includes('\\n'))\n          ? `\"${val.replace(\/\"\/g,'\"\"')}\"`\n          : val;\n      }).join(',')).join('\\n');\n      const csv = head + '\\n' + body;\n      const blob = new Blob([csv],{type:\"text\/csv;charset=utf-8\"});\n      const a = document.createElement('a');\n      a.href = URL.createObjectURL(blob);\n      a.download = (data.title||\"table\").replace(\/\\s+\/g,'_') + \".csv\";\n      a.click(); a.remove();\n    });\n\n    function escapeHtml(s){\n      return s.replace(\/[&<>\"']\/g, (m)=>({ \"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",\"\\\"\":\"&quot;\",\"'\":\"&#39;\" }[m]));\n    }\n  }\n})();\n<\/script>\n<!-- ==== \/BAS\u0130T TABLO + d Filtresi ==== -->\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":45371,"template":"","meta":[],"product_brand":[],"product_cat":[1087],"product_tag":[],"class_list":{"0":"post-37556","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-dubeller","7":"pa_kaplama-beyaz","9":"first","10":"instock","11":"shipping-taxable","12":"purchasable","13":"product-type-variable"},"_links":{"self":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/product\/37556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/product"}],"about":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=\/wp\/v2\/media\/45371"}],"wp:attachment":[{"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37556"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_brand&post=37556"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_cat&post=37556"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/stokcivata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproduct_tag&post=37556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}