{"product_id":"a-line-mens-tech-merino-base-layer-charcoal","title":"เสื้อซับในปั่นจักรยานผู้ชาย รุ่น Tech Merino \/ สีชาร์โคล","description":"ttbici a Line Tech Merino Base Layer Vest\u003cbr\u003e\nออกแบบมาเพื่อรองรับร่างกายของคุณในทุกจังหวะความเข้มข้นและการเปลี่ยนแปลงของอุณหภูมิ มอบความอบอุ่นอย่างสมดุล พร้อมการจัดการความร้อนอย่างมีประสิทธิภาพ\n\u003cbr\u003e\u003cbr\u003e\nผลิตจากผ้าเมอริโนวูลเกรดพรีเมียม ให้ความอบอุ่นตามธรรมชาติ พร้อมคุณสมบัติในการควบคุมอุณหภูมิที่ยอดเยี่ยม ปรับตัวตามสภาพอากาศที่เปลี่ยนแปลงระหว่างการปั่นได้อย่างลงตัว เส้นใยที่ระบายอากาศได้ดีช่วยจัดการความร้อนอย่างมีประสิทธิภาพ ทำให้บริเวณแกนลำตัวรู้สึกสบาย แม้ในสภาพอากาศเย็น\n\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"zh-Hant\"\u003e\n\n\u003chead\u003e\n  \u003cmeta charset=\"UTF-8\" \/\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/\u003e\n  \u003cstyle\u003e\n    body.product-modal-open {\n      overflow: hidden;\n    }\n\n    .product-modal-overlay {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100vw;\n      height: 100vh;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(2px);\n      z-index: 1000;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .product-modal {\n      background: white;\n      padding: 20px;\n      \/* border-radius: 10px; *\/\n      max-width: 600px;\n      width: 90%;\n      max-height: 90vh;\n      overflow-y: auto;\n      position: relative;\n    }\n\n    .product-modal .modal-close {\n      position: absolute;\n      top: 10px;\n      right: 12px;\n      font-size: 20px;\n      cursor: pointer;\n    }\n\n    \/* ✅ 統一按鈕樣式 *\/\n    .button-group {\n      display: flex;\n      gap: 12px;\n      padding-top: 20px;\n    }\n\n    .button-group button {\n      padding: 0px;\n      border: none;\n      background-color: transparent;\n      color: #333;\n      cursor: pointer;\n      \/* border-radius: 5px; *\/\n      font-size: 15px;\n      font-family: 'Microsoft JhengHei';\n      text-decoration: underline;\n    }\n\n    .button-group button.active {\n      \/* background-color: #444; *\/\n    }\n\n    button:active {\n      box-shadow: none !important;\n      color: #333 !important;\n    }\n\n    .product-modal table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 10px;\n    }\n\n    .product-modal th,\n    .product-modal td {\n      border-bottom: 1px solid #ddd;\n      text-align: center;\n      padding: 8px;\n    }\n\n    \/* ✅ 新增的欄寬限制 *\/\n    .product-modal table th:first-child,\n    .product-modal table td:first-child {\n      width: 15%;\n      max-width: 15%;\n    }\n\n    .product-modal .toggle-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 10px 0 20px;\n    }\n\n    .product-modal .toggle {\n      position: relative;\n      display: inline-block;\n      width: 50px;\n      height: 24px;\n    }\n\n    .product-modal .toggle input {\n      opacity: 0;\n      width: 0;\n      height: 0;\n    }\n\n    .product-modal .slider {\n      position: absolute;\n      cursor: pointer;\n      background-color: #ccc;\n      border-radius: 24px;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      transition: 0.4s;\n    }\n\n    .product-modal .slider:before {\n      content: \"\";\n      position: absolute;\n      height: 18px;\n      width: 18px;\n      left: 3px;\n      bottom: 3px;\n      background-color: white;\n      transition: 0.4s;\n      border-radius: 50%;\n    }\n\n    .product-modal input:checked+.slider {\n      background-color: #333;\n    }\n\n    .product-modal input:checked+.slider:before {\n      transform: translateX(26px);\n    }\n\n    .product-modal .modalInnerContent h3 {\n      padding: 20px 0;\n\n    }\n  \u003c\/style\u003e\n\u003c\/head\u003e\n\n\u003cbody\u003e\n\n  \u003c!-- 外部觸發按鈕 --\u003e\n  \u003cdiv class=\"button-group\"\u003e\n    \u003c!-- \u003cbutton onclick=\"openModal('shipping')\"\u003eรายละเอียดการจัดส่ง\u003c\/button\u003e --\u003e\n    \u003cbutton onclick=\"openModal('size')\"\u003eตารางไซซ์\u003c\/button\u003e\n    \u003cbutton onclick=\"openModal('care')\"\u003eการดูแลและซักล้าง\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Modal --\u003e\n  \u003cdiv class=\"product-modal-overlay\" id=\"modalOverlay\"\u003e\n    \u003cdiv class=\"product-modal\" id=\"modalContent\"\u003e\n      \u003cdiv class=\"modal-close\" onclick=\"closeModal()\"\u003e×\u003c\/div\u003e\n\n      \u003c!-- 內部選單 --\u003e\n      \u003cdiv class=\"button-group\" id=\"infoTabs\"\u003e\n        \u003c!-- \u003cbutton id=\"tab-shipping\" onclick=\"switchTab('shipping')\"\u003eรายละเอียดการจัดส่ง\u003c\/button\u003e --\u003e\n        \u003cbutton id=\"tab-size\" onclick=\"switchTab('size')\"\u003eตารางไซซ์\u003c\/button\u003e\n        \u003cbutton id=\"tab-care\" onclick=\"switchTab('care')\"\u003eการดูแลและซักล้าง\u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 內容區 --\u003e\n      \u003cdiv id=\"modalInnerContent\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    const modalOverlay = document.getElementById(\"modalOverlay\");\n    const modalInner = document.getElementById(\"modalInnerContent\");\n\n    const sizeData = {\n      cm: [\n        { size: 'XS', chest: '80–88', waist: '68–76', hip: '82–90' },\n        { size: 'S', chest: '85–93', waist: '73–81', hip: '87–95' },\n        { size: 'M', chest: '89–97', waist: '77–85', hip: '91–99' },\n        { size: 'L', chest: '93–101', waist: '81–89', hip: '95–103' },\n        { size: 'XL', chest: '97–105', waist: '85–93', hip: '99–107' },\n        { size: '2XL', chest: '101–109', waist: '89–97', hip: '103–111' }\n      ],\n      inches: [\n        { size: 'XS', chest: '32–35', waist: '27–30', hip: '32–35' },\n        { size: 'S', chest: '34–37', waist: '29–32', hip: '34–37' },\n        { size: 'M', chest: '35–38', waist: '30–33', hip: '36–39' },\n        { size: 'L', chest: '37–40', waist: '32–35', hip: '37–40' },\n        { size: 'XL', chest: '38–41', waist: '34–37', hip: '39–42' },\n        { size: '2XL', chest: '40–43', waist: '35–38', hip: '41–44' }\n      ]\n    };\n\n    function openModal(defaultTab) {\n      document.body.classList.add(\"product-modal-open\");\n      modalOverlay.style.display = \"flex\";\n      switchTab(defaultTab);\n    }\n\n    function closeModal() {\n      modalOverlay.style.display = \"none\";\n      modalInner.innerHTML = \"\";\n      document.body.classList.remove(\"product-modal-open\");\n    }\n\n    function switchTab(tab) {\n      ['shipping', 'care', 'size'].forEach(id =\u003e {\n        const btn = document.getElementById(`tab-${id}`);\n        if (btn) btn.classList.remove(\"active\");\n      });\n\n      const activeBtn = document.getElementById(`tab-${tab}`);\n      if (activeBtn) activeBtn.classList.add(\"active\");\n\n      if (tab === 'shipping') {\n        modalInner.innerHTML = `\u003ch3\u003eรายละเอียดการจัดส่ง\u003c\/h3\u003e\u003cp\u003eสามารถใส่ข้อมูลเกี่ยวกับวิธีการจัดส่ง ระยะเวลา และค่าจัดส่งได้ที่นี่\u003c\/p\u003e`;\n      } else if (tab === 'care') {\n        modalInner.innerHTML = `\n\t\t\u003ch3\u003eการดูแลและซักล้าง\u003c\/h3\u003e\n\t\t\u003col\u003e\n\t\t\t\u003cli\u003eแนะนำให้แยกซักเสื้อผ้าตามโทนสีเข้มและอ่อนเพื่อลดความเสี่ยงของการเกิดสีตก\u003c\/li\u003e\n\t\t\t\u003cli\u003eหลังจากใช้งาน ควรซักทันทีเพื่อลดการสะสมของแบคทีเรียและกลิ่นเหม็น และเพื่อป้องกันการเกิดคราบเหงื่อหรือสีเหลืองบนเสื้อผ้า\u003c\/li\u003e\n\t\t\t\u003cli\u003eก่อนซัก ควรรูดซิปทุกอันให้เรียบร้อย เพื่อป้องกันการทำลายผ้าในระหว่างซัก ใช้น้ำเย็นและผงซักฟอกแบบอ่อนแช่ไว้ 5–10 นาที แล้วขยี้เบา ๆ ก่อนล้างออกให้สะอาด\u003cbr\u003e\n\t\t\t\u003cstrong\u003eห้ามใช้ผลิตภัณฑ์ซักผ้าที่มีส่วนผสมของน้ำยาปรับผ้านุ่ม น้ำยาฟอกขาว หรือน้ำยาซักผ้าเย็น เพราะอาจทำลายเนื้อผ้าได้\u003c\/strong\u003e\u003c\/li\u003e\n\t\t\t\u003cli\u003eควรซักด้วยมือ หากต้องการใช้เครื่องซักผ้า ให้รูดซิปทุกอัน ใส่ถุงซักและกลับด้านในออก ตั้งโหมดเครื่องซักผ้าเป็น “ซักแบบถนอมผ้า”\u003c\/li\u003e\n\t\t\t\u003cli\u003eห้ามบิดผ้าแรง ๆ และไม่ควรใช้เครื่องอบผ้าเพราะอาจทำให้เสื้อผ้าเสียหาย\u003cbr\u003e\n\t\t\tแนะนำให้ใช้ผ้าขนหนูซับน้ำออกก่อน และตากในที่ร่มที่อากาศถ่ายเท\u003c\/li\u003e\n\t\t\u003c\/ol\u003e\n\t\t\u003cp\u003e\u003cstrong\u003e※ เนื่องจากกระบวนการผลิตและการย้อมของแต่ละรุ่นแตกต่างกัน เสื้อผ้าอาจมีการซีดจางบ้างระหว่างการใช้งานหรือซักล้าง ซึ่งไม่ควรถือว่าเป็นข้อบกพร่องของสินค้า โดยเฉพาะเสื้อผ้าสีสว่างอาจซีดง่ายกว่าสีอื่น ๆ แนะนำให้สวมใส่หรือซักกับเสื้อผ้าสีใกล้เคียงกัน\u003c\/strong\u003e\u003c\/p\u003e\n\t`;\n\n      } else if (tab === 'size') {\n        modalInner.innerHTML = `\n          \u003ch3\u003eตารางไซซ์\u003c\/h3\u003e\n          \u003cdiv class=\"toggle-wrapper\"\u003e\n            \u003cspan\u003eCM\u003c\/span\u003e\n            \u003clabel class=\"toggle\"\u003e\n              \u003cinput type=\"checkbox\" id=\"unitToggle\"\u003e\n              \u003cspan class=\"slider\"\u003e\u003c\/span\u003e\n            \u003c\/label\u003e\n            \u003cspan\u003eINCHES\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003ctable\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n                \u003cth\u003eขนาด\u003c\/th\u003e\n                \u003cth id=\"chestHeader\"\u003eรอบอก\u003c\/th\u003e\n                \u003cth id=\"waistHeader\"\u003eเอว\u003c\/th\u003e\n                \u003cth id=\"hipHeader\"\u003eสะโพก\u003c\/th\u003e\n              \u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody id=\"tableBody\"\u003e\u003c\/tbody\u003e\n          \u003c\/table\u003e\n        `;\n        renderSizeTable('cm');\n        document.getElementById(\"unitToggle\").addEventListener(\"change\", (e) =\u003e {\n          renderSizeTable(e.target.checked ? 'inches' : 'cm');\n        });\n      }\n    }\n\n    function renderSizeTable(unit) {\n      const body = document.getElementById(\"tableBody\");\n      body.innerHTML = \"\";\n      sizeData[unit].forEach(row =\u003e {\n        body.innerHTML += `\n      \u003ctr\u003e\n        \u003ctd\u003e${row.size}\u003c\/td\u003e\n        \u003ctd\u003e${row.chest}\u003c\/td\u003e\n        \u003ctd\u003e${row.waist}\u003c\/td\u003e\n        \u003ctd\u003e${row.hip}\u003c\/td\u003e\n      \u003c\/tr\u003e`;\n      });\n    }\n  \u003c\/script\u003e\n\u003c\/body\u003e\n\n\u003c\/html\u003e","brand":"ttbici","offers":[{"title":"XS","offer_id":48531751633120,"sku":"B6TC-A13-CH0XSM","price":1980.0,"currency_code":"TWD","in_stock":true},{"title":"S","offer_id":48531751665888,"sku":"B6TC-A13-CH00SM","price":1980.0,"currency_code":"TWD","in_stock":true},{"title":"M","offer_id":48531751698656,"sku":"B6TC-A13-CH00MM","price":1980.0,"currency_code":"TWD","in_stock":true},{"title":"L","offer_id":48531751731424,"sku":"B6TC-A13-CH00LM","price":1980.0,"currency_code":"TWD","in_stock":true},{"title":"XL","offer_id":48531751764192,"sku":"B6TC-A13-CH0XLM","price":1980.0,"currency_code":"TWD","in_stock":true},{"title":"2XL","offer_id":48531751796960,"sku":"B6TC-A13-CH2XLM","price":1980.0,"currency_code":"TWD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0775\/9714\/7360\/files\/men_tech_merino_base_layer_charcoal_01_1_1_1_1_1_1.jpg?v=1768181443","url":"https:\/\/www.ttbici.com\/th-th\/products\/a-line-mens-tech-merino-base-layer-charcoal","provider":"TTBICI","version":"1.0","type":"link"}