{"product_id":"5-panel-cap-dtflex","title":"5 panel cap - DTFlex","description":"The 5 panel cap is a top choice of headwear with a clean, structured front panel for stand-out designs. The mid-profile fit provides long-lasting comfort, while the adjustable snap closure keeps everything secure. The slightly curved visor adds a classic touch, and the matching fabric undervisor and sweatband complete the style for a fully polished look, perfect for any outfit.\u003cbr\u003e\n\u003cbr\u003e\n• 65% polyester, 35% cotton for breathability and comfort\u003cbr\u003e\n• Structured front panel for vibrant designs\u003cbr\u003e\n• Mid-profile fit for relaxed, comfortable wear\u003cbr\u003e\n• Adjustable snap closure for a secure fit\u003cbr\u003e\n• Matching fabric undervisor and sweatband for a polished finish\u003cbr\u003e\n• Blank product sourced from China and Myanmar\n\u003cdiv class=\"product-popup-trigger-wrapper\" style=\"margin: 15px 0;\"\u003e\n    \u003ca href=\"javascript:void(0)\" id=\"openSizeGuide\" style=\"display: flex; align-items: center; gap: 8px; color: #111; font-weight: 600; text-decoration: underline; font-size: 1.4rem; cursor: pointer;\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7h10M7 12h10M7 17h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        Size guide\n    \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"sizeGuideModal\" class=\"sg-modal-overlay\"\u003e\n    \u003cdiv class=\"sg-modal-content\"\u003e\n        \u003cbutton class=\"sg-close-btn\" id=\"closeSizeGuide\"\u003e×\u003c\/button\u003e\n        \u003cdiv class=\"sg-instructions\"\u003e\n            \u003ch2 style=\"font-size: 18px; margin-bottom: 10px; color: #111;\"\u003eProduct measurements\u003c\/h2\u003e\n            \u003cp style=\"font-size: 14px; line-height: 1.6; color: #444; margin: 0;\"\u003e\n                Measure your head circumference with a non-stretchable measuring tape. Place the end of your tape on your forehead and wrap the rest around the back of your head, keeping it 1″ (2.5 cm) above your ears. Pinch the spot where the tape meets the other end, lift the loop over your head, and note the measurement. Be as careful as possible to get the most precise measurement.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sg-image-container\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/Hat-Size-Guide-A.png?v=1775145328\" alt=\"Size Guide\" style=\"max-width: 200px; height: auto;\"\u003e\n        \u003c\/div\u003e\n\n        \u003ch2 style=\"margin: 0 0 5px 0; text-align: center;\"\u003eSize guide\u003c\/h2\u003e\n\n        \u003cdiv class=\"sg-unit-toggle\" style=\"margin-left: auto; margin-right: auto;\"\u003e\n            \u003cbutton class=\"sg-unit-btn active\" data-unit=\"inches\"\u003eInches\u003c\/button\u003e\n            \u003cbutton class=\"sg-unit-btn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sg-table-container\"\u003e\n            \u003ctable id=\"sizeTable\"\u003e\n                \u003cthead\u003e\n                    \u003ctr\u003e\n\u003cth\u003eSize label\u003c\/th\u003e\n\u003cth\u003eOne size\u003c\/th\u003e\n\u003c\/tr\u003e\n                \u003c\/thead\u003e\n                \u003ctbody\u003e\n                    \u003ctr\u003e\n\u003ctd\u003eA: Circumference\u003c\/td\u003e\n\u003ctd class=\"sg-measure\" data-inches=\"23 1\/4 - 25 1\/4\" data-cm=\"59 - 64\"\u003e23 1\/4 - 25 1\/4\u003c\/td\u003e\n\u003c\/tr\u003e\n                    \u003ctr\u003e\n\u003ctd\u003eB: Crown height\u003c\/td\u003e\n\u003ctd class=\"sg-measure\" data-inches=\"6 3\/4\" data-cm=\"17\"\u003e6 3\/4\u003c\/td\u003e\n\u003c\/tr\u003e\n                    \u003ctr\u003e\n\u003ctd\u003eC: Bill length\u003c\/td\u003e\n\u003ctd class=\"sg-measure\" data-inches=\"2 ¾\" data-cm=\"7\"\u003e2 ¾\u003c\/td\u003e\n\u003c\/tr\u003e\n\t\t\t\t\t\u003ctr\u003e\n\u003ctd\u003eD: Bill width\u003c\/td\u003e\n\u003ctd class=\"sg-measure\" data-inches=\"7 1\/2\" data-cm=\"19\"\u003e7 1\/2\u003c\/td\u003e\n\u003c\/tr\u003e\n                \u003c\/tbody\u003e\n            \u003c\/table\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n    .sg-modal-overlay {\n        display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%;\n        background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center;\n    }\n    .sg-modal-content {\n        background: white; padding: 30px; border-radius: 4px; width: 90%; max-width: 450px;\n        position: relative; color: #111; max-height: 90vh; overflow-y: auto;\n    }\n    .sg-image-container {\n        text-align: center; margin-bottom: 15px;\n    }\n    .sg-close-btn { position: absolute; right: 15px; top: 10px; font-size: 30px; border: none; background: none; cursor: pointer; color: #000; }\n    .sg-unit-toggle { display: flex; border: 1px solid #ddd; border-radius: 4px; width: fit-content; margin-bottom: 20px; }\n    .sg-unit-btn { padding: 8px 16px; border: none; background: white; cursor: pointer; font-size: 12px; }\n    .sg-unit-btn.active { background: #000; color: #fff; }\n    .sg-table-container table { width: 100%; border-collapse: collapse; margin-top: 10px; }\n    .sg-table-container th { text-align: left; font-size: 11px; color: #888; text-transform: uppercase; border-bottom: 1px solid #eee; padding: 10px; }\n    .sg-table-container td { padding: 12px 10px; border-bottom: 1px solid #eee; font-size: 14px; }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n        const modal = document.getElementById(\"sizeGuideModal\");\n        const openBtn = document.getElementById(\"openSizeGuide\");\n        const closeBtn = document.getElementById(\"closeSizeGuide\");\n        const unitBtns = document.querySelectorAll(\".sg-unit-btn\");\n        const measures = document.querySelectorAll(\".sg-measure\");\n\n        if(openBtn) {\n            openBtn.onclick = () =\u003e modal.style.display = \"flex\";\n            closeBtn.onclick = () =\u003e modal.style.display = \"none\";\n            window.onclick = (e) =\u003e { if (e.target == modal) modal.style.display = \"none\"; }\n            \n            unitBtns.forEach(btn =\u003e {\n                btn.onclick = () =\u003e {\n                    unitBtns.forEach(b =\u003e b.classList.remove(\"active\"));\n                    btn.classList.add(\"active\");\n                    const unit = btn.getAttribute(\"data-unit\");\n                    measures.forEach(m =\u003e m.innerText = m.getAttribute(\"data-\" + unit));\n                };\n            });\n        }\n    });\n\u003c\/script\u003e","brand":"Nice Putt","offers":[{"title":"Black","offer_id":56370048794790,"sku":"4290869_24379","price":25.0,"currency_code":"USD","in_stock":true},{"title":"Black\/Natural","offer_id":56370048827558,"sku":"4290869_24380","price":25.0,"currency_code":"USD","in_stock":true},{"title":"Red\/Natural","offer_id":56370048860326,"sku":"4290869_24383","price":25.0,"currency_code":"USD","in_stock":true},{"title":"Navy\/Natural","offer_id":56370048893094,"sku":"4290869_24382","price":25.0,"currency_code":"USD","in_stock":true},{"title":"Dark Green\/Natural","offer_id":56370048925862,"sku":"4290869_24381","price":25.0,"currency_code":"USD","in_stock":true},{"title":"Royal\/Natural","offer_id":56370048958630,"sku":"4290869_24384","price":25.0,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":56370048991398,"sku":"4290869_24385","price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/5-panel-mid-profile-baseball-cap-black-front-69d9330841d40.jpg?v=1775842078","url":"https:\/\/niceputt.com\/products\/5-panel-cap-dtflex","provider":"Nice Putt","version":"1.0","type":"link"}