{"product_id":"ded-goat-day-night-matches-jersey","title":"DED Goat Day\u0026Night Matches Jersey","description":"\u003cstyle\u003e\n    .custom-button {\n        background: #000000;\n        border: none;\n        color: #fff;\n        font-size: 12px;\n        line-height: 12px;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        height: auto;\n        margin: 0;\n        text-decoration: none !important;\n        cursor: pointer;\n        padding: 16px 15px 14px;\n        vertical-align: middle;\n        min-width: 120px;\n        text-align: center;\n    }\n    \/* Modal styles *\/\n    .modal {\n        display: none;\n        position: fixed;\n        z-index: 1;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: rgb(0, 0, 0);\n        background-color: rgba(0, 0, 0, 0.4);\n        border-radius: 3px;\n    }\n    .modal-content {\n        background-color: #fefefe;\n        margin: 0 auto;\n        margin-top: 43px;\n        padding: 20px;\n        border: 1px solid #888;\n        width: 80%;\n        max-width: 600px;\n        text-align: center;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); \/* Add shadow *\/\n    }\n    .close {\n        color: #aaa;\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n        margin-bottom: 10px;\n    }\n    .close:hover,\n    .close:focus {\n        color: black;\n        text-decoration: none;\n        cursor: pointer;\n    }\n    .carousel-image {\n        width: 100%;\n        display: none; \/* Hide images by default *\/\n    }\n    \/* Show the first image *\/\n    .carousel-image.active {\n        display: block;\n    }\n\n    #prev,\n    #next {\n        background-color: #000000;\n        border: none;\n        color: #fff; \/* Black color *\/\n        cursor: pointer;\n        padding: 10px 20px;\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n    #prev:hover,\n    #next:hover {\n        background-color: #464e54; \/* Light gray background on hover *\/\n    }\n\n    .typeform-button {\n        background: #a10202;\n        border: none;\n        color: #fff;\n        font-size: 12px;\n        line-height: 12px;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        height: auto;\n        margin: 0;\n        text-decoration: none !important;\n        cursor: pointer;\n        padding: 16px 15px 14px;\n        vertical-align: middle;\n        min-width: 120px;\n        text-align: center;\n        display: inline-block;\n    }\n\n    .typeform-button:hover {\n        background: #870000; \/* Darker shade of red for hover effect *\/\n        color: #fff; \/* Ensure text remains white on hover *\/\n    }\n\u003c\/style\u003e\n\u003cp\u003e\u003cbutton id=\"openModal\" class=\"custom-button\"\u003eView Size Chart\u003c\/button\u003e\u003c\/p\u003e\n\u003cdiv class=\"modal\" id=\"myModal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003c!-- KID --\u003e \u003cimg class=\"carousel-image active\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1295\/3444\/files\/US_KID_POLO_SHIRT_SHORT_SLEEVE.jpg?v=1716439265\"\u003e \u003c!-- MEN --\u003e \u003cimg class=\"carousel-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1295\/3444\/files\/US_MEN_POLO_SHIRT_SHORT_SLEEVE.jpg?v=1716439266\"\u003e \u003c!-- WOMEN --\u003e \u003cimg class=\"carousel-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/1295\/3444\/files\/US_WOMEN_POLO_SHIRT_SHORT_SLEEVE.jpg?v=1716439265\"\u003e \u003cbutton id=\"prev\"\u003ePrevious\u003c\/button\u003e \u003cbutton id=\"next\"\u003eNext\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n    \/\/ Get modal\n    var modal = document.getElementById(\"myModal\");\n\n    \/\/ Get button that opens the modal\n    var btn = document.getElementById(\"openModal\");\n\n    \/\/ Get the \u003cspan\u003e element that closes the modal\n    var span = document.getElementsByClassName(\"close\")[0];\n\n    \/\/ Open the modal\n    btn.onclick = function () {\n        modal.style.display = \"block\";\n    };\n\n    \/\/ Close the modal\n    span.onclick = function () {\n        modal.style.display = \"none\";\n    };\n\n    \/\/ When the user clicks anywhere outside of the modal, close it\n    window.onclick = function (event) {\n        if (event.target == modal) {\n            modal.style.display = \"none\";\n        }\n    };\n\n    \/\/ Carousel functionality\n    let currentIndex = 0;\n    const images = document.querySelectorAll(\".carousel-image\");\n    const totalImages = images.length;\n\n    document.getElementById(\"next\").addEventListener(\"click\", () =\u003e {\n        images[currentIndex].classList.remove(\"active\");\n        currentIndex = (currentIndex + 1) % totalImages;\n        images[currentIndex].classList.add(\"active\");\n    });\n\n    document.getElementById(\"prev\").addEventListener(\"click\", () =\u003e {\n        images[currentIndex].classList.remove(\"active\");\n        currentIndex = (currentIndex - 1 + totalImages) % totalImages;\n        images[currentIndex].classList.add(\"active\");\n    });\n\n    function openTypeform() {\n        window.open(\"https:\/\/form.typeform.com\/to\/oU2RmUhB\", \"_blank\");\n    }\n\u003c\/script\u003e \u003cbr\u003e\u003cbr\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eCUSTOMIZE any of our templates with your desired size, colors and logos \u003c\/span\u003e\u003c\/p\u003e\n\u003cul style=\"font-size: 0.875rem;\"\u003e\n\u003cli\u003e24 Hour Design Turnaround\u003c\/li\u003e\n\u003cli\u003eNo Minimum Order for customization\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eMade from CERTIFIED TECHNOLOGICAL FABRIC\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eQuick Drying\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003eMoisture Wicking\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003eSPF 35 Protection\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"font-size: 0.875rem;\"\u003ew\/ Anti-Bacterial Treatment\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eModerate Stretch\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cli\u003ePrinted using ORIGINAL MIMAKI INK\n\u003cul\u003e\n\u003cli\u003eGuaranteed COLORFAST\u003c\/li\u003e\n\u003cli\u003eNo foul odor from printing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eInternational Sizing Compliant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eImportant Note\u003c\/strong\u003e:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eFor orders requiring customization, please indicate your requested \u003cstrong data-start=\"182\" data-end=\"196\"\u003eFront Name\u003c\/strong\u003e and \u003cstrong data-start=\"201\" data-end=\"214\"\u003eBack Name\u003c\/strong\u003e clearly in the order notes.\u003c\/li\u003e\n\u003cli\u003eShipping timelines will vary depending on current production volume. For urgent requests, kindly contact us at \u003cstrong data-start=\"355\" data-end=\"371\"\u003e\u003ca data-start=\"357\" data-end=\"369\" class=\"decorated-link cursor-pointer\" rel=\"noopener\"\u003eteam@ded.com \u003c\/a\u003e\u003c\/strong\u003eprior to placing your order.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch1\u003eCustomize your Shirt?\u003c\/h1\u003e\n\u003cp\u003e\u003cbutton class=\"typeform-button\"\u003eCustom Now\u003c\/button\u003e\u003c\/p\u003e","brand":"Dead Eye Designs","offers":[{"title":"Default Title","offer_id":47899497955481,"sku":null,"price":75.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1164\/8154\/files\/DED_Goat_Day_Night_Matches_Jersey_POLO_FRONT.png?v=1781120810","url":"https:\/\/ded.store\/products\/ded-goat-day-night-matches-jersey","provider":"Dead Eye Designs","version":"1.0","type":"link"}