{"product_id":"men-s-columbia-short-sleeve-button-shirt","title":"Men’s Columbia short sleeve button shirt","description":"Get ready to own the great outdoors! This adventure-ready shirt packs Omni-Wick™ tech to keep you dry and cool and UPF 40 protection, so you can soak up the sun without worry. It’s got all the right pockets and loops for your gear, making it a must-have for your next big trip.\u003cbr\u003e\n\u003cbr\u003e\n• Branded with Columbia logo\u003cbr\u003e\n• Omni-Wick™ moisture management\u003cbr\u003e\n• Omni-Shade™ UPF 40 sun protection\u003cbr\u003e\n• Mesh-lined vent at the back for breathability\u003cbr\u003e\n• Antimicrobial treatment for odor control\u003cbr\u003e\n• Rod-holder loop on the left chest\u003cbr\u003e\n• Multiple chest pockets\u003cbr\u003e\n• Blank product sourced from China\n\u003cdiv class=\"product-popup-trigger-wrapper\" style=\"margin: 15px 0;\"\u003e\n    \u003ca href=\"javascript:void(0)\" id=\"openShirtGuide\" 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=\"shirtGuideModal\" class=\"sg-modal-overlay\"\u003e\n    \u003cdiv class=\"sg-modal-content\"\u003e\n        \u003cbutton class=\"sg-close-btn\" id=\"closeShirtGuide\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n        \n        \u003ch2 style=\"margin: 0 0 15px 0; font-size: 20px;\"\u003eSize guide\u003c\/h2\u003e\n\n        \u003cdiv class=\"sg-tabs-nav\"\u003e\n            \u003cbutton class=\"sg-tab-link active\" onclick=\"openShirtTab(event, 'ProdMeas')\"\u003eProduct Measurements\u003c\/button\u003e\n            \u003cbutton class=\"sg-tab-link\" onclick=\"openShirtTab(event, 'BodyMeas')\"\u003eMeasure Yourself\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"ProdMeas\" class=\"sg-tab-pane active\"\u003e\n            \u003cp style=\"font-size: 12px; color: #666; margin-bottom: 15px; line-height: 1.4;\"\u003e\n                Measurements are provided by suppliers. Product measurements may vary by up to 2\" (5 cm).\u003cbr\u003e\n                \u003cstrong\u003ePro tip!\u003c\/strong\u003e Measure one of your products at home and compare.\n            \u003c\/p\u003e\n            \u003cdiv class=\"sg-flex\"\u003e\n                \u003cdiv class=\"sg-img-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-flat.png?v=1776185559\" alt=\"Flat measurements\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sg-txt-col\"\u003e\n                    \u003cp\u003e\u003cstrong\u003eA Length:\u003c\/strong\u003e Place the end of a measuring tape beside the collar at the top of the garment (high point shoulder). Pull the tape to the bottom of the item\u003c\/p\u003e\n                    \u003cp\u003e\u003cstrong\u003eB Width:\u003c\/strong\u003e Place the end of a measuring tape at one side of the chest area and pull the tape across to the other side of the product.\u003c\/p\u003e\n                    \n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\t\t\t\n\t\t\t\u003cdiv class=\"sg-unit-toggle\"\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\t\t\n            \u003cdiv class=\"sg-screenshot-wrap\"\u003e\n                \u003cimg class=\"sg-img-inches\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-flat-inches.png?v=1776185570\" alt=\"Product Inches\" style=\"width: 100%; display: block;\"\u003e\n                \u003cimg class=\"sg-img-cm\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-flat-centimeters.png?v=1776185576\" alt=\"Product CM\" style=\"width: 100%; display: none;\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv id=\"BodyMeas\" class=\"sg-tab-pane\"\u003e\n            \u003cdiv class=\"sg-flex\"\u003e\n                \u003cdiv class=\"sg-img-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-body.png?v=1776185565\" alt=\"Body measurements\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"sg-txt-col\"\u003e\n                    \u003cp\u003e\u003cstrong\u003eA Chest:\u003c\/strong\u003e Place the end of a measuring tape beside the collar at the top of the garment (high point shoulder). Pull the tape to the bottom of the item.\u003c\/p\u003e\n                    \u003cp\u003e\u003cstrong\u003eB Waist:\u003c\/strong\u003e Measure yourself around the fullest part of your chest. Keep the measuring tape horizontal.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\t\t\t\u003cdiv class=\"sg-unit-toggle\"\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            \u003cdiv class=\"sg-screenshot-wrap\"\u003e\n                \u003cimg class=\"sg-img-inches\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-body-inches.png?v=1776185668\" alt=\"Body Inches\" style=\"width: 100%; display: block;\"\u003e\n                \u003cimg class=\"sg-img-cm\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/shirt-size-columbia-pfg-body-centimeters.png?v=1776185677\" alt=\"Body CM\" style=\"width: 100%; display: none;\"\u003e\n            \u003c\/div\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: 100000; left: 0; top: 0; width: 100%; height: 100%;\n        background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center; padding: 20px;\n    }\n    .sg-modal-content {\n        background: white; padding: 30px; border-radius: 8px; width: 100%; max-width: 650px;\n        position: relative; color: #111; max-height: 85vh; overflow-y: auto !important;\n        -webkit-overflow-scrolling: touch;\n    }\n    .sg-close-btn { position: absolute; right: 15px; top: 10px; font-size: 35px; border: none; background: none; cursor: pointer; color: #000; z-index: 10; line-height: 1;}\n    .sg-tabs-nav { display: flex; gap: 15px; border-bottom: 1px solid #eee; margin-bottom: 15px; }\n    .sg-tab-link { background: none; border: none; padding: 10px 0; cursor: pointer; font-weight: 600; color: #999; border-bottom: 2px solid transparent; }\n    .sg-tab-link.active { color: #000; border-bottom-color: #000; }\n    .sg-tab-pane { display: none; }\n    .sg-tab-pane.active { display: block; }\n    .sg-unit-toggle { display: flex; border: 1px solid #ddd; border-radius: 4px; width: fit-content; margin-bottom: 20px; }\n    .sg-unit-btn { padding: 6px 12px; border: none; background: white; cursor: pointer; font-size: 12px; font-weight: 600; }\n    .sg-unit-btn.active { background: #000; color: #fff; }\n    .sg-flex { display: flex; gap: 20px; margin-bottom: 20px; align-items: flex-start; }\n    .sg-img-col { flex: 1; min-width: 120px; }\n    .sg-img-col img { width: 100%; height: auto; display: block; }\n    .sg-txt-col { flex: 1.5; font-size: 13px; line-height: 1.4; color: #444; }\n    .sg-screenshot-wrap { border: 1px solid #f0f0f0; border-radius: 4px; overflow: hidden; background: #fafafa; }\n    @media (max-width: 550px) { .sg-flex { flex-direction: column; } }\n\u003c\/style\u003e\n\n\u003cscript\u003e\nfunction openShirtTab(evt, tabName) {\n    var i, pane, links;\n    pane = document.getElementsByClassName(\"sg-tab-pane\");\n    for (i = 0; i \u003c pane.length; i++) { pane[i].classList.remove(\"active\"); }\n    links = document.getElementsByClassName(\"sg-tab-link\");\n    for (i = 0; i \u003c links.length; i++) { links[i].classList.remove(\"active\"); }\n    document.getElementById(tabName).classList.add(\"active\");\n    evt.currentTarget.classList.add(\"active\");\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const modal = document.getElementById(\"shirtGuideModal\");\n    const openBtn = document.getElementById(\"openShirtGuide\");\n    const closeBtn = document.getElementById(\"closeShirtGuide\");\n    const unitBtns = document.querySelectorAll(\".sg-unit-btn\");\n\n    if(openBtn) {\n        openBtn.onclick = () =\u003e { modal.style.setProperty('display', 'flex', 'important'); };\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 isCm = btn.getAttribute(\"data-unit\") === \"cm\";\n                \n                document.querySelectorAll(\".sg-img-inches\").forEach(img =\u003e img.style.display = isCm ? \"none\" : \"block\");\n                document.querySelectorAll(\".sg-img-cm\").forEach(img =\u003e img.style.display = isCm ? \"block\" : \"none\");\n            };\n        });\n    }\n});\n\u003c\/script\u003e","brand":"Nice Putt","offers":[{"title":"Black \/ S","offer_id":56385474199718,"sku":"3754730_19597","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":56385474232486,"sku":"3754730_19603","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":56385474265254,"sku":"3754730_19627","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":56385474298022,"sku":"3754730_19609","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":56385474330790,"sku":"3754730_19615","price":81.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL","offer_id":56385474363558,"sku":"3754730_19621","price":83.5,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ S","offer_id":56385474396326,"sku":"3754730_19598","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ M","offer_id":56385474429094,"sku":"3754730_19604","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ L","offer_id":56385474461862,"sku":"3754730_19628","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ XL","offer_id":56385474494630,"sku":"3754730_19610","price":78.0,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ 2XL","offer_id":56385474527398,"sku":"3754730_19616","price":81.0,"currency_code":"USD","in_stock":true},{"title":"Collegiate Navy \/ 3XL","offer_id":56385474560166,"sku":"3754730_19622","price":83.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/mens-columbia-short-sleeve-button-shirt-black-front-69de6fa5ebfd9.jpg?v=1776185261","url":"https:\/\/niceputt.com\/products\/men-s-columbia-short-sleeve-button-shirt","provider":"Nice Putt","version":"1.0","type":"link"}