{"product_id":"0013z虎斑魚","title":"【BE】0013Z虎斑魚","description":"\u003c!-- ARZS Designer — 商品頁「加 LOGO \/ 號碼」v2 --\u003e\n\u003c!-- iframe overlay 用 JS 注入 body，不受 Shopify 主題容器限制 --\u003e\n\n\u003cdiv style=\"background:#000;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:32px 24px;margin:20px 0;text-align:center;\"\u003e\n  \u003cdiv style=\"font-size:11px;letter-spacing:4px;color:#d4a84b;text-transform:uppercase;margin-bottom:12px;\"\u003e✦ Custom Design\u003c\/div\u003e\n  \u003cdiv style=\"font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;\"\u003e在這個花色上加入你的設計\u003c\/div\u003e\n  \u003cdiv style=\"color:rgba(255,255,255,0.45);font-size:13px;margin-bottom:20px;\"\u003e上傳 LOGO、加背號隊名，3D 即時預覽\u003c\/div\u003e\n  \u003cbutton id=\"arzs-open-btn\" style=\"padding:14px 36px;background:#E8001D;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;\"\u003e\n    🎨 加 LOGO \/ 號碼\n  \u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  var GLB_MAP = {\n    '深海藍': 'https:\/\/cdn.shopify.com\/3d\/models\/487efd8a484bc424\/22BA-1004-ARZS-L_fixed.glb',\n    '甜橙橘': 'https:\/\/cdn.shopify.com\/3d\/models\/3e38489ae1d43e66\/22BA-1004-ARZS-L_fixed.glb',\n    '檸檬黃': 'https:\/\/cdn.shopify.com\/3d\/models\/074e2486f9c4db38\/22BA-1004-ARZS-L_fixed.glb',\n    '櫻花粉': 'https:\/\/cdn.shopify.com\/3d\/models\/4d49b20626df5c85\/22BA-1004-ARZS-L_fixed.glb',\n    '森林綠': 'https:\/\/cdn.shopify.com\/3d\/models\/bd89c4934a25cadd\/22BA-1004-ARZS-L_fixed.glb',\n    '湖水藍': 'https:\/\/cdn.shopify.com\/3d\/models\/c333ee9660210ce7\/22BA-1004-ARZS-L_fixed.glb'\n  };\n  var BASE = 'https:\/\/arzs-designer.arzs-cloth.workers.dev';\n\n  \/\/ ★ 把 overlay 注入 body 最外層，逃脫所有 Shopify 容器\n  var overlay = document.createElement('div');\n  overlay.id = 'arzs-fullscreen';\n  overlay.innerHTML = '\u003cbutton id=\"arzs-close-btn\"\u003e✕ 返回商品頁\u003c\/button\u003e\u003ciframe id=\"arzs-frame\" src=\"about:blank\" allow=\"clipboard-write\"\u003e\u003c\/iframe\u003e';\n  overlay.style.cssText = 'display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background:#000;';\n  \n  var frameStyle = 'width:100%;height:100%;border:none;';\n  var closeStyle = 'position:fixed;top:12px;right:16px;z-index:1000000;background:rgba(0,0,0,0.8);color:#fff;border:1px solid rgba(255,255,255,0.3);border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;font-family:inherit;';\n  \n  document.body.appendChild(overlay);\n  document.getElementById('arzs-frame').style.cssText = frameStyle;\n  document.getElementById('arzs-close-btn').style.cssText = closeStyle;\n\n  function getSelectedColor() {\n    \/\/ Horizon 主題：找已選的 swatch \/ option\n    var els = document.querySelectorAll('[data-option-value][aria-checked=\"true\"], .swatch--active, input[name*=\"option\"]:checked, .product-option .active');\n    for (var i = 0; i \u003c els.length; i++) {\n      var t = (els[i].getAttribute('data-option-value') || els[i].getAttribute('value') || els[i].textContent || '').trim();\n      if (GLB_MAP[t]) return t;\n    }\n    \/\/ fallback: 掃所有文字節點找匹配的顏色名\n    var all = document.querySelectorAll('[class*=\"option\"] [aria-checked=\"true\"], [class*=\"variant\"] [class*=\"active\"], legend + div [aria-checked=\"true\"]');\n    for (var j = 0; j \u003c all.length; j++) {\n      var v = (all[j].getAttribute('aria-label') || all[j].textContent || '').trim();\n      if (GLB_MAP[v]) return v;\n    }\n    return Object.keys(GLB_MAP)[0];\n  }\n\n  document.getElementById('arzs-open-btn').addEventListener('click', function() {\n    var color = getSelectedColor();\n    var glb = GLB_MAP[color] || GLB_MAP[Object.keys(GLB_MAP)[0]];\n    var src = BASE + '?model=' + encodeURIComponent(glb) + '\u0026mode=locked\u0026title=' + encodeURIComponent(color);\n    document.getElementById('arzs-frame').src = src;\n    overlay.style.display = 'block';\n    document.body.style.overflow = 'hidden';\n  });\n\n  document.getElementById('arzs-close-btn').addEventListener('click', function() {\n    overlay.style.display = 'none';\n    document.getElementById('arzs-frame').src = 'about:blank';\n    document.body.style.overflow = '';\n  });\n\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' \u0026\u0026 overlay.style.display === 'block') {\n      document.getElementById('arzs-close-btn').click();\n    }\n  });\n})();\n\u003c\/script\u003e\n","brand":"BE","offers":[{"title":"Default Title","offer_id":48993286947068,"sku":null,"price":750.0,"currency_code":"TWD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9241\/6764\/files\/0d4053ab7f0e39e96489b56099fc6ccd.png?v=1776419928","url":"https:\/\/arzs.com.tw\/products\/0013z%e8%99%8e%e6%96%91%e9%ad%9a","provider":"ARZS","version":"1.0","type":"link"}