{"id":4444,"date":"2026-04-24T16:57:58","date_gmt":"2026-04-24T16:57:58","guid":{"rendered":"https:\/\/cukurovaboya.com\/?page_id=4444"},"modified":"2026-06-24T21:01:17","modified_gmt":"2026-06-24T21:01:17","slug":"renk-degistir","status":"publish","type":"page","link":"https:\/\/cukurovaboya.com\/en\/renk-degistir\/","title":{"rendered":"CHANGE COLOR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4444\" class=\"elementor elementor-4444\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-814ab38 e-flex e-con-boxed e-con e-parent\" data-id=\"814ab38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-316e553 e-con-full e-flex e-con e-child\" data-id=\"316e553\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a94d72e cb-open-ic elementor-widget elementor-widget-image\" data-id=\"a94d72e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-1024x1024.png\" class=\"attachment-large size-large wp-image-4475\" alt=\"\" srcset=\"https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-1024x1024.png 1024w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-300x300.png 300w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-150x150.png 150w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-768x768.png 768w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-12x12.png 12w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-600x600.png 600w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr-100x100.png 100w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/iccephe-tr.png 1254w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5111684 e-con-full e-flex e-con e-child\" data-id=\"5111684\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-161a1fa cb-open-dis elementor-widget elementor-widget-image\" data-id=\"161a1fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-1024x1024.png\" class=\"attachment-large size-large wp-image-4476\" alt=\"\" srcset=\"https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-1024x1024.png 1024w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-300x300.png 300w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-150x150.png 150w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-768x768.png 768w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-12x12.png 12w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-600x600.png 600w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr-100x100.png 100w, https:\/\/cukurovaboya.com\/wp-content\/uploads\/2026\/06\/discephe-tr.png 1254w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de7bce1 e-flex e-con-boxed e-con e-parent\" data-id=\"de7bce1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5305419 elementor-widget elementor-widget-html\" data-id=\"5305419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  ==================================================================\n  RENK DE\u011e\u0130\u015eT\u0130R \u2014 Ger\u00e7ek \"Renk Se\u00e7iniz\" popup'\u0131 (\/renk-degistir\/ sayfas\u0131)\n  \u0130\u00e7 Cephe (1001\u20131036) + D\u0131\u015f Cephe (2001\u20132047)\n  ------------------------------------------------------------------\n  Bu, eklentinin (Paint Product Addon for WooCommerce) popup'\u0131n\u0131n\n  birebir ayn\u0131s\u0131d\u0131r: ayn\u0131 CSS class'lar\u0131, ger\u00e7ek renkler, oda\/cephe\n  slaytlar\u0131, renk arama ve duvar boyama. \u00dcr\u00fcn\/sepet ba\u011flam\u0131na BA\u011eIMSIZ\n  \u00e7al\u0131\u015f\u0131r, bu y\u00fczden \/renk-degistir\/ gibi sayfalarda kullan\u0131labilir.\n\n  KURULUM (2 ad\u0131m):\n\n  1) Bu kodun TAMAMINI, \/renk-degistir\/ sayfas\u0131na ekleyece\u011fin tek bir\n     \"HTML\" widget'\u0131na yap\u0131\u015ft\u0131r. (G\u00f6r\u00fcnmez durur, popup'lar\u0131 bar\u0131nd\u0131r\u0131r.)\n\n  2) Mevcut g\u00f6rsellerine class ver (Elementor'da g\u00f6rsele t\u0131kla ->\n     Advanced \/ Geli\u015fmi\u015f -> CSS Classes):\n       - \u0130\u00e7 Cephe g\u00f6rseli  ->  cb-open-ic\n       - D\u0131\u015f Cephe g\u00f6rseli ->  cb-open-dis\n     (G\u00f6rselin Link alan\u0131n\u0131 BO\u015e b\u0131rak.)\n\n  Bitti. \u0130\u00e7 cephe g\u00f6rseline t\u0131kla -> i\u00e7 cephe popup'\u0131; d\u0131\u015f cepheye\n  t\u0131kla -> d\u0131\u015f cephe popup'\u0131 a\u00e7\u0131l\u0131r.\n\n  NOT: Renk listelerini \/ slayt g\u00f6rsellerini a\u015fa\u011f\u0131daki CONFIG'ten\n       d\u00fczenleyebilirsin.\n  ==================================================================\n-->\n\n<div class=\"cb-rd-overlay\" data-cb-pop=\"ic\"><\/div>\n<div class=\"cb-rd-overlay\" data-cb-pop=\"dis\"><\/div>\n\n<style>\n  .cb-open-ic, .cb-open-dis { cursor:pointer; }\n\n  .cb-rd-overlay { display:none; position:fixed; inset:0; z-index:999999;\n        background:rgba(20,20,20,.75); padding:2vh 2vw; }\n  .cb-rd-overlay.cb-show { display:block; }\n  .cb-rd-box { position:relative; width:96vw; max-width:1600px; margin:0 auto;\n        background:#fff; border-radius:10px; padding:28px 36px;\n        max-height:96vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,.45); }\n  .cb-rd-x { position:absolute; top:8px; right:14px; border:0; background:transparent;\n        font-size:32px; line-height:1; color:#231F20; cursor:pointer; z-index:10; }\n  .cb-rd-x:hover { color:#000; }\n\n  \/* Popup i\u00e7i yerle\u015fim g\u00fcvenceleri (plugin CSS'iyle uyumlu) *\/\n  .cb-rd-overlay .pcfw_header h2 { margin:0 0 14px; font-size:26px; font-weight:800; color:#231F20; }\n  .cb-rd-overlay .pcfw_popup_body { display:flex; gap:2%; align-items:flex-start; }\n  .cb-rd-overlay #pcfw_left_wrap { width:50%; }\n  .cb-rd-overlay #pcfw_right_wrap { width:48%; position:relative; }\n  .cb-rd-overlay .slideshow-container { position:relative; }\n  .cb-rd-overlay .mySlides img { width:100%; display:block; }\n  .cb-rd-overlay .pcfw_prev, .cb-rd-overlay .pcfw_next { position:absolute; top:45%;\n        cursor:pointer; padding:8px 14px; color:#fff; background:rgba(0,0,0,.35);\n        border-radius:4px; user-select:none; font-size:18px; }\n  .cb-rd-overlay .pcfw_prev { left:8px; } .cb-rd-overlay .pcfw_next { right:8px; }\n  .cb-rd-overlay .pcfw_search { margin-bottom:12px; }\n  .cb-rd-overlay .pcfw_search_input { width:100%; padding:12px 16px; font-size:15px;\n        border:1px solid #ddd; border-radius:30px; box-sizing:border-box; }\n  .cb-rd-overlay .pcfw_color_container { height:430px; overflow-y:auto; overflow-x:hidden; margin:0 -5px; }\n  .cb-rd-overlay .pcfw_color_container::after { content:\"\"; display:table; clear:both; }\n  .cb-rd-overlay .pcfw_category-label { font-size:13px; color:#666; margin-bottom:8px; }\n  .cb-rd-overlay .pcfw_footer { margin-top:18px; padding:16px 0 4px; text-align:center; border-top:1px solid #f2f2f2; }\n  .cb-rd-overlay a.pcfw_select_color_button { display:inline-block; background:#797979; color:#fff;\n        font-size:17px; padding:8px 22px; text-transform:uppercase; cursor:pointer;\n        border-radius:3px; text-decoration:none; box-shadow:3px 6px 10px rgba(0,0,0,.35); }\n\n  @media(max-width:760px){\n    .cb-rd-overlay .pcfw_popup_body { display:block; }\n    .cb-rd-overlay #pcfw_left_wrap, .cb-rd-overlay #pcfw_right_wrap { width:100%; }\n    .cb-rd-overlay #pcfw_right_wrap { margin-top:14px; }\n    .cb-rd-overlay .pcfw_color_container { height:300px; }\n  }\n<\/style>\n\n<script>\n(function(){\n  \/* ===================== CONFIG ===================== *\/\n  var CONFIG = {\n    ic: {\n      label: \"\u0130\u00e7 Cephe\",\n      slides: [\n        \"https:\/\/cukurovaboya.com\/wp-content\/plugins\/paint-product-addon-for-woocommerce\/assets\/images\/image-slide-1.png\",\n        \"https:\/\/cukurovaboya.com\/wp-content\/plugins\/paint-product-addon-for-woocommerce\/assets\/images\/image-slide-2.png\",\n        \"https:\/\/cukurovaboya.com\/wp-content\/plugins\/paint-product-addon-for-woocommerce\/assets\/images\/image-slide-3.png\",\n        \"https:\/\/cukurovaboya.com\/wp-content\/plugins\/paint-product-addon-for-woocommerce\/assets\/images\/image-slide-4.png\"\n      ],\n      start: 1001,\n      hex: [\"#ebe6ea\",\"#e1e0dc\",\"#eae6db\",\"#cfcecd\",\"#a4a4a8\",\"#9c9699\",\"#d2d4d2\",\"#b2b3b5\",\n            \"#747c7f\",\"#eeece7\",\"#e8e8da\",\"#d5eda0\",\"#d1e4e8\",\"#c1e3ea\",\"#8dcce7\",\"#eedbe5\",\n            \"#c8b7d7\",\"#bebbda\",\"#f5e5d8\",\"#ffd5ab\",\"#fdd58f\",\"#ece5d5\",\"#d4c7b7\",\"#afa6a7\",\n            \"#eae6db\",\"#d0c8bd\",\"#d3c19b\",\"#ebe6ea\",\"#fcf1eb\",\"#e3d0d6\",\"#fcf5e5\",\"#eedece\",\n            \"#f0dfc5\",\"#f5f0ec\",\"#fddbdc\",\"#d7a0a6\"]\n    },\n    dis: {\n      label: \"D\u0131\u015f Cephe\",\n      slides: [\n        \"https:\/\/sanpolyboya.com\/wp-content\/uploads\/2023\/12\/house3.png\",\n        \"https:\/\/sanpolyboya.com\/wp-content\/uploads\/2023\/12\/home-paint3a.png\",\n        \"https:\/\/sanpolyboya.com\/wp-content\/uploads\/2023\/12\/modern-luxury-summer-villa-with-sea-views-ai-generative-scaled.jpg\",\n        \"https:\/\/sanpolyboya.com\/wp-content\/uploads\/2023\/12\/travelers-thai-woman-walking-pavement-beside-road-sandhausen-district-village-morning-time-heidelberg-badenwurttemberg-germany-scaled.jpg\"\n      ],\n      start: 2001,\n      hex: [\"#e99f94\",\"#a95e58\",\"#8d4e3f\",\"#9f856e\",\"#af8674\",\"#997656\",\"#f6dcab\",\"#e4c78b\",\n            \"#ab8230\",\"#feefc4\",\"#f6deae\",\"#c8ab7f\",\"#feefc4\",\"#ffdbc1\",\"#a2888b\",\"#d0b6b5\",\n            \"#998c7c\",\"#7e6755\",\"#ede4d2\",\"#b99c72\",\"#784c43\",\"#c4c3bf\",\"#b2aea3\",\"#888479\",\n            \"#e2e4ce\",\"#cad3a8\",\"#c0c9ac\",\"#fef7da\",\"#e8dfc2\",\"#ddd8bb\",\"#cbdce3\",\"#bac6d2\",\n            \"#909dad\",\"#e1e6ec\",\"#8a9ca8\",\"#828b9a\",\"#c6c7c9\",\"#cfc6c9\",\"#a4949f\",\"#c5beae\",\n            \"#b1a58d\",\"#897e6a\",\"#b4b8b7\",\"#8b8f92\",\"#78797b\",\"#000000\",\"#857c77\"]\n    }\n  };\n  \/* =================== CONFIG SONU =================== *\/\n\n  function esc(s){ return String(s).replace(\/\"\/g,'&quot;'); }\n\n  function buildPopup(cfg){\n    var slides = cfg.slides.map(function(u){\n      return '<div class=\"mySlides fade\"><img decoding=\"async\" src=\"'+esc(u)+'\" alt=\"\"><\/div>';\n    }).join('');\n\n    var swatches = cfg.hex.map(function(hex, i){\n      var code = cfg.start + i;\n      return '<div class=\"pcfw_farve\" data-title=\"'+code+'\" data-color=\"'+esc(hex)+'\">'\n           +   '<div class=\"pcfw_farve_bg\" style=\"background-color:'+esc(hex)+'\"><\/div>'\n           +   '<div class=\"pcfw_farve_hover\">'\n           +     '<div class=\"pcfw_farve_navn\">'+code+'<\/div>'\n           +     '<div class=\"pcfw_farve_kort\">'+cfg.label+'<\/div>'\n           +   '<\/div><\/div>';\n    }).join('');\n\n    return ''\n      + '<div class=\"cb-rd-box\">'\n      +   '<button type=\"button\" class=\"cb-rd-x\" aria-label=\"Kapat\">&times;<\/button>'\n      +   '<div class=\"pcfw_main_wrap_popup\"><div class=\"cb-rd-page\">'\n      +     '<div class=\"pcfw_header\"><h2>Renk Se\u00e7iniz<\/h2><\/div>'\n      +     '<div class=\"pcfw_popup_body\">'\n      +       '<div id=\"pcfw_left_wrap\"><div class=\"slideshow-container\">'\n      +          slides\n      +          '<a class=\"pcfw_prev\" data-cb-prev>&#10094;<\/a><a class=\"pcfw_next\" data-cb-next>&#10095;<\/a>'\n      +       '<\/div><\/div>'\n      +       '<div id=\"pcfw_right_wrap\">'\n      +         '<div class=\"pcfw_category-label\">'+cfg.label+'<\/div>'\n      +         '<div class=\"pcfw_search\"><input type=\"text\" class=\"pcfw_search_input\" placeholder=\"Renk Arama\"><\/div>'\n      +         '<div class=\"pcfw_swatches_col_wrap\"><div class=\"pcfw_color_container\">'+swatches+'<\/div><\/div>'\n      +       '<\/div>'\n      +     '<\/div>'\n      +     '<div class=\"pcfw_footer\"><div class=\"pcfw_select_colour\">'\n      +       '<a class=\"pcfw_select_color_button\" href=\"javascript:void(0);\" data-cb-select>Select Color &amp; Exit!<\/a>'\n      +     '<\/div><\/div>'\n      +   '<\/div><\/div>'\n      + '<\/div>';\n  }\n\n  function initSlider(overlay){\n    var slides = overlay.querySelectorAll('.mySlides');\n    if(!slides.length) return;\n    var idx = 0;\n    function show(n){\n      idx = (n + slides.length) % slides.length;\n      slides.forEach(function(s,i){ s.style.display = (i===idx) ? 'block' : 'none'; });\n    }\n    show(0);\n    var prev = overlay.querySelector('[data-cb-prev]');\n    var next = overlay.querySelector('[data-cb-next]');\n    if(prev) prev.addEventListener('click', function(e){ e.preventDefault(); show(idx-1); });\n    if(next) next.addEventListener('click', function(e){ e.preventDefault(); show(idx+1); });\n  }\n\n  function wire(overlay){\n    var box = overlay.querySelector('.cb-rd-box');\n\n    \/* Renge t\u0131kla -> duvar\u0131 (slayt arka plan\u0131n\u0131) boya *\/\n    overlay.addEventListener('click', function(e){\n      var sw = e.target.closest('.pcfw_farve');\n      if(sw){\n        var color = sw.getAttribute('data-color');\n        overlay.querySelectorAll('.mySlides').forEach(function(s){ s.style.background = color; });\n        overlay.querySelectorAll('.pcfw_farve').forEach(function(f){ f.classList.remove('active'); });\n        sw.classList.add('active');\n        return;\n      }\n      if(e.target.closest('[data-cb-select]')){ close(overlay); return; }\n      if(e.target.closest('.cb-rd-x')){ close(overlay); return; }\n      if(!e.target.closest('.cb-rd-box')){ close(overlay); } \/* arka plana t\u0131kla *\/\n    });\n\n    \/* Renk arama *\/\n    var search = overlay.querySelector('.pcfw_search_input');\n    if(search){\n      search.addEventListener('keyup', function(){\n        var v = this.value.toLowerCase();\n        overlay.querySelectorAll('.pcfw_farve').forEach(function(f){\n          f.style.display = (f.textContent.toLowerCase().indexOf(v) > -1) ? '' : 'none';\n        });\n      });\n    }\n  }\n\n  function open(overlay){ overlay.classList.add('cb-show'); document.body.style.overflow='hidden'; }\n  function close(overlay){ overlay.classList.remove('cb-show'); document.body.style.overflow=''; }\n\n  \/* Popuplar\u0131 kur *\/\n  var overlays = {};\n  document.querySelectorAll('.cb-rd-overlay').forEach(function(ov){\n    var key = ov.getAttribute('data-cb-pop');\n    var cfg = CONFIG[key];\n    if(!cfg) return;\n    ov.innerHTML = buildPopup(cfg);\n    initSlider(ov);\n    wire(ov);\n    overlays[key] = ov;\n  });\n\n  \/* G\u00f6rsellere t\u0131klama (class ile) *\/\n  document.addEventListener('click', function(e){\n    if(e.target.closest('.cb-open-ic') && overlays.ic){ e.preventDefault(); open(overlays.ic); }\n    if(e.target.closest('.cb-open-dis') && overlays.dis){ e.preventDefault(); open(overlays.dis); }\n  });\n  document.addEventListener('keydown', function(e){\n    if(e.key==='Escape'){ Object.keys(overlays).forEach(function(k){ close(overlays[k]); }); }\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/pages\/4444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/comments?post=4444"}],"version-history":[{"count":19,"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/pages\/4444\/revisions"}],"predecessor-version":[{"id":4494,"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/pages\/4444\/revisions\/4494"}],"wp:attachment":[{"href":"https:\/\/cukurovaboya.com\/en\/wp-json\/wp\/v2\/media?parent=4444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}