{"id":151,"date":"2020-04-16T18:51:47","date_gmt":"2020-04-16T18:51:47","guid":{"rendered":"https:\/\/www.goodguyssigns.com\/blog\/?p=151"},"modified":"2020-06-02T13:32:07","modified_gmt":"2020-06-02T13:32:07","slug":"custom-4mm-white-corrugated-plastic-yard-sign-digital-printed","status":"publish","type":"post","link":"https:\/\/www.goodguyssigns.com\/blog\/custom-4mm-white-corrugated-plastic-yard-sign-digital-printed\/","title":{"rendered":"Digital Printed Custom 4mm White Corrugated Plastic Yard Sign"},"content":{"rendered":"\n    \n      \n<div id=\"product-product\" class=\"container\">\n    <section>\n        <div class=\"row d-none\">\n            <div class=\"col-12\">\n            <h1 class=\"text-muted h2 d-inline-block product-heading-title\">\n             Yard Signs | Digital \n             <span class=\"product-heading-tagline\">Digital Yard Signs | Full Color &amp; Photo Quality Printing<\/span>\n             <\/h1>\n             <\/div>\n            <div class=\"col-md-6\">\n\n        <\/div>\n \n    <\/section>\n\n    <section>\n        <div class=\"row\">          \n            <div id=\"content\" class=\"col-12\">\n                <div class=\"row \">                    \n\n                   \n                    <div class=\"col-12\">\n                        <div>\n                            <div id=\"product\" class=\"pt-4 pb-4\">\n                                <div id=\"options-holder\">\n                                    <form name=\"select-options\" method=\"get\" action=\"\/get-quote\">\n                                        <input type=\"hidden\" name=\"product_id\" value=\"73\">\n                                        <input type=\"hidden\" name=\"quote_id\" value=\"\">\n                                        <input type=\"hidden\" name=\"design_id\" value=\"\">\n                                        <input type=\"hidden\" name=\"selected_shipping_cost\"\n                                               value=\"\"> <input\n                                                type=\"hidden\" name=\"selected_shipping_method\"\n                                                value=\"ups_custom.03\"> <input\n                                                type=\"hidden\" name=\"current_subtotal\" value=\"112.00\">\n                                        <input type=\"hidden\" name=\"current_totalcost\"\n                                               value=\"149.64\">\n                                        <input type=\"hidden\" name=\"print_type_id\" value=\"2\">\n\n                                        <!-- options selection -->\n\n\n\n\n\n\n\n\n\n\n\n\n<!-- unused -->\n\n\n\n\n\n    <div id=\"product-options\" style=\"max-width:90%;margin:0 auto\">\n        <div id=\"quoterrors\"><\/div>\n        \n        <div class=\"\">\n            \n                \n                \n                \n                                                                                                                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                                                                                                                                            \n                                                                                                                                                        \n                \n                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                         \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                                                                                                                         \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                                                                                                                                                             \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                                                                                                                                                                                                                                                                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                \n                                                                                                                                                                                                                                                                <input data-option-name=\"Colors Back\"\n                                               type=\"hidden\" name=\"option[2308]\"\n                                               value=\"\"\n                                               id=\"input-option2308\" \/>\n                                    \n                                                                    \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                \n                                                                                                                                                                                                                                                                <input data-option-name=\"Colors Front\"\n                                               type=\"hidden\" name=\"option[2309]\"\n                                               value=\"\"\n                                               id=\"input-option2309\" \/>\n                                    \n                                                                    \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                                        \n                                                                                                                                                                                                                                                                    \n                                                        \n                \n                \n                \n                                \n                                \n                                \n                                \n                                                                    <select id=\"input-option2310\" name=\"option[2310]\" hidden data-option-name=\"Product Color\" >\n                                                                                    <option data-name= \"White|#FFFFFF\" value=\"8690\" selected=\"selected\"><\/option>\n                                                                            <\/select>\n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                                        \n                                                                                                                                                                                                                                                                     \n                                                        \n                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                                                                                                        \n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                \n                \n                \n                                \n                                \n                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                \n                \n                \n                \n                \n                                \n                                \n                                                                                                                                                <!-- File uploads -->\n                                                                                                                                    <!-- upload-n-go modal -->\n<style type=\"text\/css\">\n    .modal-open .modal {\n        height:100%;\n        \/* overflow-x: hidden; *\/\n        \/*  overflow-y: hidden !important;*\/\n    }\n\n<\/style>\n<div class=\"d-none\">\n                                            <input data-option-name=\"Design ID\"\n                                               type=\"hidden\" name=\"option[1684]\"\n                                               value=\"\"\n                                               id=\"input-option1684\" \/>\n                                    \n                                            <div class=\"form-group row mb-4 mb-lg-3\">\n                                            <div class=\"col-lg-4 col-12 \">\n                                                <label class=\"col-form-label\" for=\"input-option1687\">\n                                                                                                        Design Assist\n                                                <\/label>\n                                            <\/div>\n                                            <div class=\"col-lg-8 col-12 text-left\">\n                                                <div id=\"input-option1687\" >\n                                                                                                            <div class=\"checkbox\">\n                                                            <label class=\"text-left col-form-label\">\n                                                                <input type=\"checkbox\"\n                                                                       data-option-name=\"Design Assist\"\n                                                                       name=\"option[1687][]\"\n                                                                       value=\"6847\" \/>\n                                                                                                                                Yes\n                                                                                                                            <\/label>\n                                                        <\/div>\n                                                                                                    <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    \n<\/div>\n\n\n<div id=\"upload-n-go\" class=\"modal\" tabindex=\"-1\" role=\"dialog\" style=\"\">\n    <div class=\"modal-dialog \" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header bg-indigo text-white\">\n                <h5 class=\"modal-title m-0 p-0 w-100 text-white\">\n                    My Design Artwork \n                    <button type=\"button\" class=\"close text-white\"\n                            data-dismiss=\"modal\" aria-label=\"Close\"\n                            style=\"font-size: 1rem; font-weight: 400;\">\n                        <span aria-hidden=\"true\"> \n                            <span\n                                class=\"fa fa-times bg-danger\"\n                                style=\"border-radius: 5px; padding: 4px 6px; display: inline-block;\"><\/span>\n                        <\/span>\n                    <\/button>\n                <\/h5>\n            <\/div>\n\n            <div class=\"modal-body bg-light\">\n                <div class=\"container p-3\" id=\"decide-step-1\">\n                    <h4 class=\"text-center text-primary\">How To Handle Your Design<\/h4>\n                    <div class=\"text-center mt-3\">Upload your print-ready design, design online or let us design it for you!<\/div>\n                    <div class=\"row mt-3 mb-3\">\n                        <div class=\"col-12 col-lg-6 text-center w-100\" \n                             style=\"border-right:1px solid #dedede;\">\n                            <div class=\"p-3 mb-3\">\n                                <button class=\"btn btn-lg btn-primary w-100\" onclick=\"$('#decide-step-1').hide();\n                                        $('#choosepath-step-1').show();\">Upload File<\/button>\n                            <\/div>\n                            <div>Upload your print-ready artwork.<\/div>\n                        <\/div>\n                        <div class=\"col-12 col-lg-6 mt-2 mt-lg-0 text-center w-100 \" style=\"border-left:1px solid #dedede;\">\n                            <div class=\"p-3 mb-3\">\n                                <button id=\"design-now\" class=\"btn btn-lg btn-primary w-100 \"  disabled=\"disabled\" data-dismiss=\"modal\" >Design Online<\/button>\n                            <\/div>\n                            <div>Use our online design tool to create your design.<\/div>\n                        <\/div>\n                    <\/div>\n                    <hr>\n                    <div class=\"row\">\n                        <hr>\n                        <div class=\"col-12  text-center\"> \n\n\n\n\n                            <span style=\"vertical-align:middle;line-height:2\" role=\"button\" data-toggle=\"tooltip\" \n                                  data-placement=\"bottom\" title=\"\" \n                                  data-original-title=\"Let our pro designers help! &#10; &#13; \n                                  Describe your design, upload a file if you have one, then approve a digital proof via email\">\n                                <div>Not tech savvy? That's ok!<\/div>\n\n                                <button class=\"btn btn-link\" onclick=\"$('#decide-step-1').hide();\n                                        $('#choosepath-step-1').show();\">\n                                    Help me with my design <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i>\n\n                                <\/button>\n\n\n                            <\/span>   \n\n                        <\/div>\n                    <\/div>                    \n\n\n                <\/div>\n\n                <div class=\"container p-3\" id=\"choosepath-step-1\" style=\"display:none;\">\n                    <h4 class=\"text-center text-primary\">Choose Your Path<\/h4>\n\n                    <div class=\"row mt-3 mb-3\">\n                        <div class=\"col-12 col-lg-6 text-center w-100 \" style=\"border-right:1px solid #dedede;\">\n                            <div class=\"p-0  m-0\" style=\"height:100%;position:relative\">\n                                <div class=\"mb-3\">Print Ready<\/div>\n                                <div class=\"m-0\" style=\"font-size:14px;\">\n                                                                    <div class=\"col-lg-8 col-12  text-left\">\n                                    <div id=\"input-option1685\">\n                                                                                    <div class=\"radio\">\n                                                <label>\n                                                    <input\n                                                                                                                type=\"radio\"\n                                                        name=\"option[1685]\"\n                                                        value=\"6845\" >\n                                                                                                        No Digital Proof\n                                                                                                    <\/label>\n                                            <\/div>\n                                                                                    <div class=\"radio\">\n                                                <label>\n                                                    <input\n                                                                                                                type=\"radio\"\n                                                        name=\"option[1685]\"\n                                                        value=\"6846\" >\n                                                                                                        Yes, I would like a Digital Proof\n                                                                                                    <\/label>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            \n                                <\/div>\n\n                                <button id=\"printer-friendly\" \n                                        class=\"btn mt-md-5 btn-primary w-100 pr-1 pl-1\"\n                                        style=\"position:relative;margin-top:10px;bottom:10px;left:1px;\">Print-Ready Upload<\/button>\n                            <\/div>\n\n                        <\/div>\n                        <div class=\"col-12 col-lg-6 mt-2 mt-lg-0 text-center w-100\" \n                             style=\"border-left:1px solid #dedede;\">\n                            <div class=\"p-0  pl-1 m-0\" style=\"height:100%;position:relative\">\n                                <div class=\"mb-3\">Design Assist<\/div>\n                                <div>\n                                    <ul class=\"w-100 text-left p-0 \" style=\"font-size:14px;\">\n                                        <li>If you have files, upload<\/li>\n                                        <li>Describe your design<\/li>\n                                        <li>Let our pro designers do the rest<\/li>\n                                        <li class=\"mb-5\">Approve a digital proof via email<\/li>      \n                                    <\/ul>\n                                    <br>\n                                <\/div>\n                                <button id=\"design-assist\" class=\"btn btn-primary w-100 pr-1 pl-1\" \n                                        style=\"position:absolute;bottom:10px;left:1px;\" \n                                        >Design Assist<\/button>\n                            <\/div>                            \n                        <\/div>\n\n                    <\/div>\n                    <div class=\"w-100 text-center\">\n                        <button id=\"back-to-start\" class=\"btn btn-link\"><i class=\"fa fa-caret-left\" aria-hidden=\"true\"><\/i>&nbsp;Back to Start<\/button>\n                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-12 mt-3 text-center\">\n                            <b class=\"text-primary\">Rest Easy Guaranteezy<\/b>\n                            <div class=\"mt-2\">We will check every file before we process your order.<\/div>\n                            <div>If we find any issues with your artwork, we will email you for more information.<\/div>                            \n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"container\" id=\"upload-step-1\" style=\"display:none;\">\n                    <div class=\"row\">\n                        <div class=\"col-3 h6 pt-2 text-left cursor-pointer text-primary\" \n                             onclick=\"$('#upload-step-1').hide();\n                                     $('#choosepath-step-1').show();\">\n                            <i class=\"fa fa-angle-left mr-2\" aria-hidden=\"true\"><\/i>Back\n                        <\/div>\n                        <div class=\"col-6\">\n                            <h5 id=\"upload-title\" class=\"text-center text-primary\">Upload your design(s)<\/h5>\n\n                        <\/div>\n                        <div class=\"col-3 h6 pt-2 text-right cursor-pointer text-primary\">\n\n                        <\/div>\n                    <\/div>\n                    <div class=\"text-center mb-2\" id=\"upload-byline\"><\/div>\n                    <div class=\"row\" >\n                        <div   \n                            id=\"front-side-holder\" class=\"col-12 col-lg-6 mt-2 mt-lg-0 flow-list pr-lg-1 pl-lg-2\" style=\"min-height:180px;\">\n                            <div class=\"col-12 border border-primary\">\n                                <div class=\"text-center border border-primary\n                                     border-top-0 border-left-0 border-right-0 rounded-0\"><b class=\"front-side-holder-heading\">Front<\/b><\/div>\n                                <div class=\"text-center mt-2\" style=\"min-height:180px;position:relative\" >\n                                    <img decoding=\"async\" class=\"flow-file-image p-2\" src=\"\/image\/icons\/clear.gif\"  \n                                         style=\"margin:0 auto;max-width:100%;max-height:150px;\">\n                                    <div class=\"i-placeholder\" style=\"position:absolute;width:100%;height:100%;\">\n                                        <div class=\"d-inline-block w-50 mx-auto mt-3 front-side-holder-text\" >Upload Front Image here<\/div>\n\n                                    <\/div>\n                                    <div class=\"flow-info\" style=\"\"><\/div>\n                                    <button style=\"position:absolute;bottom:0px; width:100%;\" class=\"mr-5 btn btn-sm btn-primary flow-browse-image btn-block\"\n                                            id=\"button-upload1684\"\n                                            data-loading-text=\"Loading...\">\n                                        <i class=\"fa fa-upload\"><\/i>\n                                        Add Image\n                                    <\/button> \n                                    <input type=\"hidden\" name=\"side\" value=\"front\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div id=\"back-side-holder\" class=\"col-12 col-lg-6 mt-2 mt-lg-0  flow-list pl-lg-1 pr-lg-2 d-none\" style=\"min-height:180px;\">\n                            <div class=\"col-12 border border-primary \">\n                                <div class=\"text-center border border-primary\n                                     border-top-0 border-left-0 border-right-0 rounded-0\"><b>Back <\/b><\/div>\n                                <div class=\"text-center mt-2\" style=\"min-height:180px;position:relative\" >\n                                    <img decoding=\"async\" class=\"flow-file-image p-2\" src=\"\/image\/icons\/clear.gif\"  \n                                         style=\"margin:0 auto;max-width:100%;max-height:150px;\">\n                                    <div class=\"i-placeholder\" style=\"position:absolute;width:100%;height:100%;\">\n                                        <div class=\"d-inline-block w-50 mx-auto mt-3\">If back image is different from front, Upload here<\/div>\n\n                                    <\/div>\n                                    <div class=\"flow-info\" style=\"\"><\/div>\n                                    <button style=\"position:absolute;bottom:0px; width:100%;\" \n                                            class=\"mr-5 btn btn-sm btn-primary flow-browse-image btn-block\"\n                                            id=\"button-upload1684\"\n                                            data-loading-text=\"Loading...\">\n                                        <i class=\"fa fa-upload\"><\/i>\n                                        Add Image\n                                    <\/button> \n                                    <input type=\"hidden\" name=\"side\" value=\"back\">\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                                                                    <\/div>\n                    <div class=\"row\">\n                        <div class=\"col-12\">\n                            <div class=\"bad-image bg-danger text-white p-2 mt-2\" style=\"display:none\" >\n                                Incorrect image format.\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-12 mt-2\">Max file size: 50MB. We accept these file formats: ai, eps, pdf, jpg, png, svg, bmp. <\/div>\n                    <\/div>\n                    <div class=\"row mt-3 mb-3\">\n\n                        <div class=\"col-12  text-center\">\n                            <label class=\"col-form-label\">   \n                                <h5 style=\"vertical-align:middle;\"> \n                                    <span style=\"vertical-align:middle;\" role=\"button\" data-toggle=\"tooltip\" data-placement=\"bottom\" \n                                          title=\"\" class=\"mb-1 d-none fa fa-info green\" \n                                          data-original-title=\" Design Notes\">\n                                    <\/span> Design Notes<\/h5>   \n                            <\/label>\n                        <\/div>\n\n                        <div id=\"artwork_comments\" class=\"col-12 mt-1\">\n                                                                                <textarea name=\"option[1686]\"\n                                                              data-option-name=\"Design Notes\"\n                                                              rows=\"3\" placeholder=\"Design Notes\"\n                                                              id=\"input-option1686\"\n                                                              class=\"form-control\"><\/textarea>\n                                                \n                        <\/div>\n                        <div class=\"col-12 mt-2\">\n                            <button  class=\"button-cart-image-upload btn btn-lg w-100 btn-success\" type=\"button\" \n                                     onclick=\"ajaxCartRequest()\" \n                                     data-dismiss=\"modal\">Add to Cart<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            <div class=\"modal-footer d-none\">\n                <!--  <button type=\"button\" class=\"btn btn-dark\" data-dismiss=\"modal\">Skip This Step<\/button> -->\n                <button  class=\"button-cart-image-upload btn btn-success\" type=\"button\" onclick=\"$('#button-cart').trigger('click')\" \n                         disabled data-dismiss=\"modal\">Add to Cart<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style type=\"text\/css\">\n    .progress-container{\n        background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));\n        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);\n        background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);\n        background-image: linear-gradient(45deg,\n            rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,\n            transparent);\n        background-size: 40px 40px;\n    }\n    .progress-bar {\n        float: left;\n        width: 0;\n        height: 100%;\n        font-size: 12px;\n        color:\n            #fff;\n        text-align: center;\n        background-color:\n            #428bca;\n        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);\n        box-shadow: inset 0 -1px 0\n            rgba(0,0,0,0.15);\n        -webkit-transition: width .6s ease;\n        transition: width .6s ease;\n    }\n<\/style>\n<script type=\"text\/javascript\" defer >\n    \/* only load event handlers after dom has loaded *\/\n    \/* we do not have jquery at this point  *\/\n    document.addEventListener(\"DOMContentLoaded\", function () {\n\n        $('#design-now').on('click', function () {\n            var product_id = $('form[name=\"select-options\"] input[name=\"product_id\"]').val();\n            var quote_id = $('form[name=\"select-options\"] input[name=\"quote_id\"]').val();\n            var template = $('form[name=\"select-options\"] input[name=\"template\"]').val();\n            var product_type_id = $('form[name=\"select-options\"] input[name=\"product_type_id\"]').val();\n            location.href = \"\/index.php?route=designer\/designer&product_cms=\" + product_id + \"&quote_id=\" + quote_id + \"&product_base=\" + product_type_id + \"&template=\" + template;\n        });\n\n        $('#design-assist').on('click', function () {\n            $('#choosepath-step-1').hide();\n            updatecontent('assist');\n            $('#upload-step-1').show();\n            $('input[data-option-name=\"Design Assist\"]').prop('checked', true);\n        });\n\n        $('#back-to-start').on('click', function () {\n            $('#decide-step-1').show();\n            $('#choosepath-step-1').hide();\n            $('#upload-step-1').hide();\n        });\n\n        $('#printer-friendly').on('click', function () {\n            $('#choosepath-step-1').hide();\n            updatecontent('ready');\n            $('#upload-step-1').show();\n            $('input[data-option-name=\"Design Assist\"]').prop('checked', false);\n        });\n\n        $('#choosepath-step-1 input[type=\"radio\"]').on('click', function () {\n            $('#choosepath-step-1 button').removeAttr('disabled');\n        });\n\n        var imageUploadLoc;\n        $('.flow-browse-image').on('click', function () {\n            imageUploadLoc = $(this).closest('.flow-list');\n        });\n\n        var r = new Flow({\n            target: '\/?route=designer\/ajax\/uploadchunks',\n            chunkSize: 1024 * 1024,\n            testChunks: false,\n            allowDuplicateUploads: true,\n\n            query: function (fob) {\n                var el = $('.flow-file-' + fob.uniqueIdentifier).closest('.flow-list');\n                var side = $(el).find('input[name=\"side\"]').val();\n                var quote_id = $('form[name=\"select-options\"] input[name=\"quote_id\"]').val();\n                var product_id = $('form[name=\"select-options\"] input[name=\"product_id\"]').val();\n                var design_id = $('form[name=\"select-options\"] input[name=\"design_id\"]').val();\n                \/\/ 2\/12\/21 Set source of artwork value to 'upload' to be posted.\n                $('#product [name=\"source\"]').val('upload');\n                var source = $('#product [name=\"source\"]').val();\n                var request = {};\n                request['quote_id'] = quote_id;\n                request['product_id'] = product_id;\n                request['design_id'] = design_id;\n                request['side'] = side;\n                request['source'] = source;\n                return request;\n            }\n        });\n\n        \/\/ Flow.js isn't supported, fall back on a different method\n        if (!r.support) {\n            $('.flow-error').show();\n            alert('no support');\n            return;\n        }\n\n        \/\/ Show a place for dropping\/selecting files\n        \/\/  $('.flow-drop').show();\n        \/\/ r.assignDrop($('.flow-drop')[0]);\n        r.assignBrowse($('.flow-browse')[0]);\n        r.assignBrowse($('.flow-browse-folder')[0], true);\n        r.assignBrowse($('.flow-browse-image'), false, false, {accept: 'image\/*,application\/postscript,application\/eps,application\/x-eps,application\/pdf'});\n\n        \/\/ Handle file add event\n        r.on('fileAdded', function (file) {\n            if (\n                    (file.file.type == 'image\/png'\n                            || file.file.type == 'image\/jpeg'\n                            || file.file.type == 'image\/bmp'\n                            || file.file.type == 'application\/postscript'\n                            || file.file.type == 'application\/eps'\n                            || file.file.type == 'application\/x-eps'\n                            || file.file.type == 'image\/eps'\n                            || file.file.type == 'image\/x-eps'\n                            || file.file.type == 'application\/pdf'\n                            || file.file.type == 'image\/svg+xml'\n                            ) && parseInt(file.size) < 50000000) {\n                $('.bad-image').hide();\n            } else {\n                $('.bad-image').show();\n                r.removeFile(file);\n                return false;\n            }\n\n            \/\/ Add the file to the list\n            $(imageUploadLoc).find('.flow-browse-image').hide();\n            $(imageUploadLoc).find('.flow-info').empty();\n            $(imageUploadLoc).find('.i-placeholder').hide();\n\n            \/\/ $(imageUploadLoc).find('input[name^=\"side\"]').val(file.name);\n\n            $(imageUploadLoc).find('.flow-info').append(\n                    '<div class=\"flow-file flow-file-' + file.uniqueIdentifier + '\">' +\n                    \/\/'Uploading <div class=\"flow-file-name\"><\/div> ' +\n                    \/\/ '<div class=\"flow-file-size\"><\/div> ' +\n                    '<div style=\"border:1px solid black;height:30px;position:absolute;width:100%;bottom:0px;\" class=\"progress-container\">' +\n                    '<div class=\"progress-bar flow-file-progress\"><\/div> <\/div>' +\n                    '<div>' +\n                    '<span class=\"flow-file-cancel\" style=\"position:absolute;top:-40px;left:0px;\">' +\n                    ' <img decoding=\"async\" src=\"\/image\/icons\/delete-gray.png\" title=\"Cancel upload\" \/>' +\n                    '<\/span><\/div><\/div>'\n                    );\n\n\n            var im = $(imageUploadLoc);\n            var $self = $(imageUploadLoc).find('.flow-file-' + file.uniqueIdentifier);\n            $self.find('.flow-file-name').text(file.name);\n            $self.find('.flow-file-size').text(readablizeBytes(file.size));\n            $self.find('.flow-file-cancel').on('click', function () {\n                file.cancel();\n                $self.remove();\n                $(im).find('.flow-file-image').attr('src', '\/image\/icons\/clear.gif').show();\n                $(im).find('.flow-browse-image').show();\n                $(im).find('.i-placeholder').show();\n                \/\/  $(im).find('input[name^=\"side\"]').val('');\n                \/**\n                 * Create Ajax call to remove from database\n                 * \n                 * *\/\n            });\n        });\n        r.on('filesSubmitted', function (file) {\n            r.upload();\n        });\n        r.on('complete', function () {\n        });\n        r.on('fileSuccess', function (file, message) {\n            var $self = $(imageUploadLoc).find('.flow-file-' + file.uniqueIdentifier);\n            \/\/ Reflect that the file upload has completed\n            $self.find('.flow-file-progress').text('(completed)');\n            $self.find('.flow-file-pause, .flow-file-resume').remove();\n            \/* Server sends back json - image url *\/\n            var response = JSON.parse(message);\n            \/\/ Random string in src attr to bypass browser cache not updating image properly\n            $(imageUploadLoc).find('.flow-file-image').attr('src', response.image + '&' + Math.random().toString(36).substr(2, 20)).show();\n            $('#button-cart-image-upload').removeAttr('disabled');\n            $('form[name=\"select-options\"] input[name=\"design_id\"]').val(response.design_id);\n            $('form[name=\"select-options\"] input[data-option-name=\"Design ID\"]').val(response.design_id);\n\n        });\n        r.on('fileError', function (file, message) {\n            \/\/ Reflect that the file upload has resulted in error\n            $('.flow-file-' + file.uniqueIdentifier + ' .flow-file-progress').html('(file could not be uploaded: ' + message + ')');\n        });\n\n        r.on('fileProgress', function (file) {\n            \/\/ Handle progress for both the file and the overall upload\n            $(imageUploadLoc).find('.flow-file-' + file.uniqueIdentifier + ' .flow-file-progress')\n                    .html(Math.floor(file.progress() * 100) + '% '\n                            + readablizeBytes(file.averageSpeed) + '\/s '\n                            + secondsToStr(file.timeRemaining()) + ' remaining');\n            $(imageUploadLoc).find('.progress-bar').css({width: Math.floor(r.progress() * 100) + '%'});\n        });\n\n        r.on('uploadStart', function () {});\n        r.on('catchAll', function () {\n            \/\/console.log.apply(console, arguments);\n        });\n\n        window.r = {\n            pause: function () {\n                r.pause();\n                \/\/ Show resume, hide pause\n                $('.flow-file-resume').show();\n                $('.flow-file-pause').hide();\n            },\n            cancel: function () {\n                r.cancel();\n                $('.flow-file').remove();\n            },\n            upload: function () {\n                $('.flow-file-pause').show();\n                $('.flow-file-resume').hide();\n                r.resume();\n            },\n            flow: r\n        };\n    });\n    \/* end domcontentloaded *\/\n\n    function updatecontent(screen) {\n        if (screen == 'assist') {\n            $('#upload-title').html('Design Assist');\n            $('#upload-byline').html('If you have files, upload them here');\n        }\n        if (screen == 'ready') {\n            $('#upload-title').html('Print Ready');\n            $('#upload-byline').html('');\n        }\n    }\n\n    function readablizeBytes(bytes) {\n        var s = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'];\n        var e = Math.floor(Math.log(bytes) \/ Math.log(1024));\n        return (bytes \/ Math.pow(1024, e)).toFixed(2) + \" \" + s[e];\n    }\n\n    function secondsToStr(temp) {\n        function numberEnding(number) {\n            return (number > 1) ? 's' : '';\n        }\n        var years = Math.floor(temp \/ 31536000);\n        if (years) {\n            return years + ' year' + numberEnding(years);\n        }\n        var days = Math.floor((temp %= 31536000) \/ 86400);\n        if (days) {\n            return days + ' day' + numberEnding(days);\n        }\n        var hours = Math.floor((temp %= 86400) \/ 3600);\n        if (hours) {\n            return hours + ' hour' + numberEnding(hours);\n        }\n        var minutes = Math.floor((temp %= 3600) \/ 60);\n        if (minutes) {\n            return minutes + ' minute' + numberEnding(minutes);\n        }\n        var seconds = temp % 60;\n        return seconds + ' second' + numberEnding(seconds);\n    }\n\n    $('.button-cart-image-upload').on('click', function (e) {});\n<\/script>   \n<!--end upload-n-go modal -->    \n\n\n                                                                                                                                                                                                                                \n                                \n                                \n                                \n                                \n\n                                                                                                                            \n                            <div class=\"form-group row  mb-4 mb-lg-3\">\n                                                                                                                                                                                        \n                                    \n                                    <div class=\"col-lg-4 col-12  required\">\n                                        <label class=\"col-form-label\">\n                                            Size:\n                                            <br>\n                                            <span class=\"btn-link text-right float-right choose-sizes  d-none \" style=\"cursor:pointer\">Choose Sizes<\/span>\n                                        <\/label>\n                                    <\/div>\n\n\n                                    <div class=\"custom-size col-lg-8 col-12   d-none \">\n                                        <div class=\"d-flex\">\n                                            <div class=\"width sizeinches  pr-1\">\n                                                W:                                                                                     <!-- for yard signs  disable feet initially -->\n                                                                                                                                    <input type=\"text\" style=\"width:75px;\"\n                                                   name=\"option[2483]\"\n                                                   data-option-name=\"Width (inches)\"\n                                                   value=\"24\"\n                                                   placeholder=\"Width (inches)\"\n                                                   class=\"form-control \"\n                                                   \n                                                   >\n                                                                            \n                                            <\/div>\n                                            <div class=\" length sizeinches pl-1\">\n                                                H: \n                                            <\/div>\n                                                                                            <div class=\"width sizefeet pr-1 d-none\">\n                                                    W:                                                                                     <!-- for yard signs  disable feet initially -->\n                                                                                                                                                                                                                                <input type=\"text\" style=\"width:75px;\"\n                                                   name=\"option[2482]\"\n                                                   data-option-name=\"Width (feet)\"\n                                                   value=\"24\"\n                                                   placeholder=\"Width (feet)\"\n                                                   class=\"form-control \"\n                                                    disabled \n                                                   >\n                                                                             \n                                                <\/div>\n                                                <div class=\"length sizefeet pl-1 d-none\">\n                                                    L:    \n                                                <\/div> \n                                            \n                                            <input type=\"hidden\" name=\"length_class\" value=\"IN\">\n                                            <div class=\"col-lg-4 col-12\">\n                                                <div class=\"dropdown \">\n                                                    <button class=\"btn btn-success dropdown-toggle\" value=\"IN\" type=\"button\"\n                                                            id=\"custom-size-switch\"\n                                                            data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">IN\n                                                    <\/button>\n                                                    <div class=\"dropdown-menu\" aria-labelledby=\"custom-size-switch\">\n                                                        <a class=\"dropdown-item size-menu-item\"                                           \n                                                           data-size=\"IN\">Inch<\/a>\n\n                                                        <a class=\"dropdown-item size-menu-item\"\n                                                           data-size=\"FT\">Feet<\/a>\n                                                    <\/div>\n\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                \n                                <!-- <\/div> -->\n                                                                    <div class=\"col-lg-8 col-12  select-size    \">\n                                        <div class=\"row\">\n                                            <div class=\"col-12 \" id=\"sizelistinches\">\n                                                                                        <div class=\"select-div\">\n                                            <select   data-option-name=\"Size (in)\" \n                                                                    name=\"option[1216]\"\n                                                                    id=\"input-option1216\"\n                                                                    class=\"form-control\"\n                                                                    data-option-default = \"\"\n                                                                                                                                        >\n                                                                                                             \n                                                    <option data-name=\"24 W x 12 H\"\n                                                             \n                                                              \n                                                            value=\"3793\">24&quot; W x 12&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 18 H\"\n                                                             \n                                                                selected =\"selected\"  \n                                                             \n                                                              \n                                                            value=\"6540\">24&quot; W x 18&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"18 W x 24 H\"\n                                                             \n                                                              \n                                                            value=\"3794\">18&quot; W x 24&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 24 H\"\n                                                             \n                                                              \n                                                            value=\"3795\">24&quot; W x 24&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 32 H\"\n                                                             \n                                                              \n                                                            value=\"3796\">24&quot; W x 32&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"32 W x 24 H\"\n                                                             \n                                                              \n                                                            value=\"3797\">32&quot; W x 24&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 36 H\"\n                                                             \n                                                              \n                                                            value=\"3799\">24&quot; W x 36&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"36 W x 24 H\"\n                                                             \n                                                              \n                                                            value=\"3798\">36&quot; W x 24&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"32 W x 48 H\"\n                                                             \n                                                              \n                                                            value=\"3802\">32&quot; W x 48&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"48 W x 32 H\"\n                                                             \n                                                              \n                                                            value=\"3803\">48&quot; W x 32&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"18 W x 12 H\"\n                                                             \n                                                              \n                                                            value=\"7239\">18&quot; W x 12&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 6 H\"\n                                                             \n                                                              \n                                                            value=\"3816\">24&quot; W x 6&quot; H \n                                                                                                            <\/option>\n                                                                                                             \n                                                    <option data-name=\"24 W x 9 H\"\n                                                             \n                                                              \n                                                            value=\"3791\">24&quot; W x 9&quot; H \n                                                                                                            <\/option>\n                                                                                            <\/select>\n                                        <\/div>\n                                    \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                            <\/div>\n\n                                        <div class=\"form-group row mb-1 mb-lg-3\">\n                <div class=\"col-lg-4 col-12 \">\n                    <label  class=\"col-form-label\" for=\"input-quantity\">\n                        <span role=\"button\" data-toggle=\"tooltip\" data-placement=\"bottom\"\n                              title=\"\" class=\"d-none fa fa-info green\"\n                              data-original-title=\"Enter the quantity, number of signs you desire\" title=\"Enter the quantity, number of signs you desire\"><\/span>\n                        Quantity<\/label>\n                <\/div>\n                <div class=\"col-lg-8 col-12  form-group row mb-0\">\n                    <div class=\"col \">\n                        <input type=\"text\" name=\"quantity\" value=\"20\" size=\"5\" style=\"width:75px;\" id=\"input-quantity\" class=\"form-control\" placeholder=\"qty\" >\n                    <\/div>\n                    <label class=\"mb-0\" for=\"input-quantity\"><span class=\"price-each text-large h4 text-red mb-0\">$<\/span> <small>each<\/small><\/label>\n                <\/div>\n            <\/div>\n        \n\n                            <div class=\"accordion form-group \" id=\"optionsaccordion\">\n                                                                                                                                        <input type=\"hidden\"\n                                   name=\"option[2112]\"\n                                   value=\"7199\"\n                                   data-option-name=\"Material\"\n                                   data-name=\"4mm White Corrugated Plastic\"\n                                   >\n                        \n                                                                    \n                                \n\n                                                                    <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                        <div class=\"row mr-0\">\n                                            <div class=\"col-12  \">\n                                                <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingPrintsides\">\n                                                    <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapsePrintsides\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapsePrintsides\">\n                                                        Printed Sides:\n                                                        <span class=\"headeroptionsselected\"> <\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"row \">\n                                            <div class=\"col-12 \">\n                                                <div id=\"collapsePrintsides\" class=\"collapse\" aria-labelledby=\"headingPrintsides\" data-parent=\"#optionsaccordion\">\n                                                    <div class=\"card-body\">\n                                                                                    <div id=\"input-option1166\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1166]\"\n                                            id=\"sa1166-1\"\n                                            value=\"3668\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Single Sided\"\n                                            data-option-name=\"Printed Sides\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1166-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/single-sided-coro-300x260-50x50.webp\"\n                                                     alt=\"Single Sided\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Single Sided\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1166]\"\n                                            id=\"sa1166-2\"\n                                            value=\"3667\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Double Sided\"\n                                            data-option-name=\"Printed Sides\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1166-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/double-sided-coro-300x260-50x50.webp\"\n                                                     alt=\"Double Sided\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Double Sided\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1166]\"\n                                            id=\"sa1166-3\"\n                                            value=\"3669\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Back to Back (Different Images)\"\n                                            data-option-name=\"Printed Sides\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1166-3\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/back-to-back-coro-300x260-50x50.webp\"\n                                                     alt=\"Back to Back (Different Images)\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Back to Back (Different Images)\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                \n                                \n                                                                    <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                        <div class=\"row mr-0\">\n                                            <div class=\"col-12 \">\n                                                <div class=\"select-div\" style=\"border-bottom:none;line-height:2em\" id=\"headingNumberColors\">\n                                                    <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseNumberColors\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseNumberColors\">\n                                                        <span style=\"display:inline-block; line-height:2em\"> Number of Colors:  <\/span>\n                                                        <span style=\"display:inline-block; line-height:2em\" class=\"headeroptionsselected\">:<\/span>\n                                                        <span class=\"colorpicker\" style=\"float:right;margin-right:15px;line-height:1em\">\n                                                                                                                            <span class=\"col-lg-2 col-md-8 mr-auto p-1 color-boxes text-center \">\n                                                                    <label>\n                                                                        \n                                                                    <\/label>\n                                                                    <label>\n                                                                        \n                                                                    <\/label>\n                                                                <\/span>\n                                                                <span class=\"col-lg-5 col-md-12 p-0 text-right color-button \" >\n                                                                                                                                                        <span style=\"float:right\" id=\"cp-btn\" class=\"btn btn-success mr-3\" data-toggle=\"popover\" data-original-title=\"\" title=\"\">Select Color<\/span>\n                                                                            \n                                                                <\/span>\n\n                                                                <style type=\"text\/css\">\n                                                                    .colorpicker select option{\n                                                                        width:120px;\n\n                                                                    }\n                                                                    .color-boxes label{\n                                                                        display:inline-block;\n\n                                                                        width:32px!important;\n                                                                        height:32px!important;\n                                                                        border:1px solid black;\n                                                                        padding:0;\n                                                                        margin:2px;\n                                                                        z-index:2\n                                                                    }\n\n                                                                    .color-boxes input[type='text']{\n                                                                        display:inline;\n                                                                        display:inline-block;\n                                                                        border:1px solid black;\n                                                                        padding:0;\n                                                                        margin:2px;\n                                                                        z-index:-2;\n                                                                        opacity:0;\n                                                                    }\n\n\n                                                                    .colopicker button{\n                                                                        width:100%;\n                                                                    }\n                                                                    .colorpicker input[type=\"text\"]{\n                                                                        display:none;\n                                                                    }\n\n                                                                    label.color-swatch-label input[type=\"checkbox\"]:checked + span:before {\n                                                                        position: absolute;\n                                                                        bottom: -5px;\n                                                                        right: 5px;\n                                                                        padding: 5px;\n\n                                                                        text-align: center;\n                                                                        font-size: 1.625rem;\n                                                                        font-weight: 900;\n                                                                        \/* mix-blend-mode: color-dodge ;*\/\n                                                                        content: \"\\2713\";\n\n                                                                    }\n                                                                <\/style>\n                                                                                                                    <\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"row \">\n                                            <div class=\"col-12 \">\n                                                <div id=\"collapseNumberColors\" class=\"collapse\" aria-labelledby=\"headingNumberColors\" data-parent=\"#optionsaccordion\">\n                                                    <div class=\"card-body \">\n                                                                                    <div id=\"input-option1167\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1167]\"\n                                            id=\"sa1167-1\"\n                                            value=\"3670\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"1 Color\"\n                                            data-option-name=\"Number of Print Colors\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1167-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/1-ink-color-300x260-50x50.webp\"\n                                                     alt=\"1 Color\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            1 Color\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1167]\"\n                                            id=\"sa1167-2\"\n                                            value=\"3671\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"2 Colors\"\n                                            data-option-name=\"Number of Print Colors\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1167-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/2-ink-colors-300x260-50x50.webp\"\n                                                     alt=\"2 Colors\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            2 Colors\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1167]\"\n                                            id=\"sa1167-3\"\n                                            value=\"3672\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"3 Colors\"\n                                            data-option-name=\"Number of Print Colors\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1167-3\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/3-ink-colors-300x260-50x50.webp\"\n                                                     alt=\"3 Colors\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            3 Colors\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1167]\"\n                                            id=\"sa1167-4\"\n                                            value=\"3724\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Full Color\"\n                                            data-option-name=\"Number of Print Colors\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1167-4\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/full-ink-color-300x260-50x50.webp\"\n                                                     alt=\"Full Color\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Full Color\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div id=\"quickerproduction\" class=\" d-none mb-1 mb-lg-3\" style=\"line-height:1em;padding:5px;border:1px solid red\">\n                                        We can print  this  faster using digital press.\n                                    <\/div>\n                                \n                                                                    <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                        <div class=\"row mr-0\">\n                                            <div class=\"col-12 \">\n                                                <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingFullbleed\">\n                                                    <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseFullbleed\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseFullbleed\">\n                                                        Full Bleed:\n                                                        <span class=\"headeroptionsselected\"><\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"row \">\n                                            <div class=\"col-12 \">\n                                                <div id=\"collapseFullbleed\" class=\"collapse\" aria-labelledby=\"headingFullbleed\" data-parent=\"#optionsaccordion\">\n                                                    <div class=\"card-body \">\n                                                                                    <div id=\"input-option1169\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1169]\"\n                                            id=\"sa1169-1\"\n                                            value=\"3675\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"No - Standard 1\/2&quot; Blank Border\"\n                                            data-option-name=\"Full Bleed\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1169-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/no-bleed-300x260-50x50.webp\"\n                                                     alt=\"No - Standard 1\/2&quot; Blank Border\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            No - Standard 1\/2&quot; Blank Border\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1169]\"\n                                            id=\"sa1169-2\"\n                                            value=\"3676\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Yes - Add $.10 per sq ft of sign\"\n                                            data-option-name=\"Full Bleed\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1169-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/full-bleed-300x260-50x50.webp\"\n                                                     alt=\"Yes - Add $.10 per sq ft of sign\n                                                      + $0.10 \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Yes - Add $.10 per sq ft of sign\n                                            <br>\n                                             (+\n                                                $0.10)\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                                                                                                                            <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                            <div class=\"row mr-0\">\n                                                <div class=\"col-12 \">\n                                                    <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingStakes\">\n                                                        <div  style=\"display:inline-block; line-height:2em\" class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseStakes\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseStakes\">\n                                                            <span style=\"display:inline-block; line-height:2em\" >Stakes: <\/span>\n                                                            <span style=\"display:inline-block; line-height:2em\" class=\"headeroptionsselected\">                            \n                         <\/span>\n                                                            <span style=\"float:right;display:inline-block;width:50%;padding-right:20px;text-align:right; margin-right:15px;\">  Qty:                             <input style=\"max-width:75px;display:inline;margin-right:15px;\" id=\"qtyoptions\" type=\"text\" min=\"0\" class=\"form-control\" name=\"qty_option[1504]\" value=\"20\">\n                         <\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row \">\n                                                <div class=\"col-12 \">\n                                                    <div id=\"collapseStakes\" class=\"collapse\" aria-labelledby=\"headingStakes\" data-parent=\"#optionsaccordion\">\n                                                        <div class=\"card-body \">\n                                                                                    \n                               \n                            <div id=\"input-option1504\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6 \">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1504]\"\n                                            id=\"sa1504-1\"\n                                            value=\"4471\"\n                                            class=\"radio-image \"\n                                            data-name=\"Standard 10&quot; x 30&quot;  Stakes\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1504-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/stakes\/step-stake-yard-coro-30-inch-standard-h-50x50.webp\"\n                                                     alt=\"75\n                                                     \"\n                                                     class=\"img-thumbnailnot img-fluid\" >\n                                                                                        <br>\n                                                                                            Standard 10&quot; x 30&quot;  Stakes\n                                                                                        <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6 \">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1504]\"\n                                            id=\"sa1504-2\"\n                                            value=\"9078\"\n                                            class=\"radio-image \"\n                                            data-name=\"Wide Economy 10&quot; x 24&quot;  Stakes\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1504-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/stakes\/stake-10x24-wide-economy-720x480-50x50.webp\"\n                                                     alt=\"175\n                                                     \"\n                                                     class=\"img-thumbnailnot img-fluid\" >\n                                                                                        <br>\n                                                                                            Wide Economy 10&quot; x 24&quot;  Stakes\n                                                                                        <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6 \">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1504]\"\n                                            id=\"sa1504-3\"\n                                            value=\"4472\"\n                                            class=\"radio-image \"\n                                            data-name=\"Heavy Duty 10&quot; x 30&quot;  Stakes\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1504-3\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/stakes\/hd-stake-yard-sign-coro-30x10-50x50.webp\"\n                                                     alt=\"77\n                                                     \"\n                                                     class=\"img-thumbnailnot img-fluid\" >\n                                                                                        <br>\n                                                                                            Heavy Duty 10&quot; x 30&quot;  Stakes\n                                                                                        <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6 \">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1504]\"\n                                            id=\"sa1504-4\"\n                                            value=\"4469\"\n                                            class=\"radio-image \"\n                                            data-name=\"Half 10&quot; x 15&quot;  Stakes\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1504-4\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/stakes\/stake-15-inch-yard-step-coro-half-50x50.webp\"\n                                                     alt=\"81\n                                                     \"\n                                                     class=\"img-thumbnailnot img-fluid\" >\n                                                                                        <br>\n                                                                                            Half 10&quot; x 15&quot;  Stakes\n                                                                                        <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6 \">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1504]\"\n                                            id=\"sa1504-5\"\n                                            value=\"9565\"\n                                            class=\"radio-image \"\n                                            data-name=\"\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1504-5\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/none-150x130-50x50.webp\"\n                                                     alt=\"0\n                                                     \"\n                                                     class=\"img-thumbnailnot img-fluid\" >\n                                                                                        <br>\n                                                                                            None\n                                                                                        <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                                            \n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                                                    <div id=\"show-more\" class=\" collapse\">\n\n                                                                            <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                            <div class=\"row mr-0\">\n                                                <div class=\"col-12 \">\n                                                    <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingRushproduction\">\n                                                        <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseRushproduction\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseRushproduction\">\n                                                            Rush Production:\n                                                            <span class=\"headeroptionsselected\"><\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row \">\n                                                <div class=\"col-12 \">\n                                                    <div id=\"collapseRushproduction\" class=\"collapse\" aria-labelledby=\"headingRushproduction\" data-parent=\"#optionsaccordion\">\n                                                        <div class=\"card-body \">\n                                                                                        <div id=\"input-option1395\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1395]\"\n                                            id=\"sa1395-1\"\n                                            value=\"4152\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Standard\"\n                                            data-option-name=\"Production Time\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1395-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/Option%20Thumbs\/Rush-production-standard-50x50.webp\"\n                                                     alt=\"Standard\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Standard\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1395]\"\n                                            id=\"sa1395-2\"\n                                            value=\"4153\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Rush - 1 Day Faster\"\n                                            data-option-name=\"Production Time\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1395-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/Option%20Thumbs\/Rush%20Production-01-50x50.webp\"\n                                                     alt=\"Rush - 1 Day Faster\n                                                      p $30.00% \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Rush - 1 Day Faster\n                                            <br>\n                                             (p\n                                                $30.00%)\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                                                                <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                            <div class=\"row mr-0\">\n                                                <div class=\"col-12 \">\n                                                    <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingGrommets\">\n                                                        <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseGrommets\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseGrommets\">\n                                                            Grommets:\n                                                            <span class=\"headeroptionsselected\"><\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row \">\n                                                <div class=\"col-12 \">\n                                                    <div id=\"collapseGrommets\" class=\"collapse\" aria-labelledby=\"headingGrommets\" data-parent=\"#optionsaccordion\">\n                                                        <div class=\"card-body \">\n                                                                                        <div id=\"input-option503\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[503]\"\n                                            id=\"sa503-1\"\n                                            value=\"1951\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"None\"\n                                            data-option-name=\"Grommets\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa503-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/none-150x130-50x50.webp\"\n                                                     alt=\"None\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            None\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[503]\"\n                                            id=\"sa503-2\"\n                                            value=\"1952\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"Top Corners\"\n                                            data-option-name=\"Grommets\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa503-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/Option%20Thumbs\/Grommets\/Grommets-top-corners-50x50.webp\"\n                                                     alt=\"Top Corners\n                                                      + $4.00 \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            Top Corners\n                                            <br>\n                                             (+\n                                                $4.00)\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[503]\"\n                                            id=\"sa503-3\"\n                                            value=\"1953\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"All Corners\"\n                                            data-option-name=\"Grommets\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa503-3\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/Option%20Thumbs\/Grommets\/Grommets-all-corners-50x50.webp\"\n                                                     alt=\"All Corners\n                                                      + $8.00 \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            All Corners\n                                            <br>\n                                             (+\n                                                $8.00)\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                                                                                                                                    \n                                                                            <div class=\"accordion-item form-control mb-1 mb-lg-3\" tabindex=\"10\">\n                                            <div class=\"row mr-0\">\n                                                <div class=\"col-12 \">\n                                                    <div class=\"select-div\" style=\"border-bottom:none;\" id=\"headingRiderpins\">\n                                                        <div class=\" text-left pl-1 collapsed\"  data-toggle=\"collapse\" data-target=\"#collapseRiderpins\" role=\"button\" aria-expanded=\"true\" aria-controls=\"collapseRiderpins\">\n                                                            Rider Pins:\n                                                            <span class=\"headeroptionsselected\"><\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"row \">\n                                                <div class=\"col-12 \">\n                                                    <div id=\"collapseRiderpins\" class=\"collapse\" aria-labelledby=\"headingRiderpins\" data-parent=\"#optionsaccordion\">\n                                                        <div class=\"card-body \">\n                                                                                        <div id=\"input-option1168\" class=\"row text-center\">\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1168]\"\n                                            id=\"sa1168-1\"\n                                            value=\"3673\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"None\"\n                                            data-option-name=\"Rider Pins\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1168-1\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/none-150x130-50x50.webp\"\n                                                     alt=\"None\n                                                     \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            None\n                                            <br>\n                                                                                    <\/label>\n                                    <\/div>\n                                                                    <div class=\"radio  col-xl-4 col-md-6 col-6\">\n                                                                                <input\n                                                                                        type=\"radio\"\n                                            name=\"option[1168]\"\n                                            id=\"sa1168-2\"\n                                            value=\"3674\"\n                                            class=\"radio-image\"\n                                            title=\"\"\n                                            data-name=\"8&quot; Pins (Set of 2)\"\n                                            data-option-name=\"Rider Pins\"\n                                            >\n                                        <label style=\"margin-left:0;\" for=\"sa1168-2\">\n                                                                                            <img decoding=\"async\" loading=\"lazy\"   style=\"width:100%\" src=\"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/products\/add-ons\/rinder-pin-300x260-50x50.webp\"\n                                                     alt=\"8&quot; Pins (Set of 2)\n                                                      + $1.00 \"\n                                                     class=\"img-thumbnailnot \" >\n                                                                                        <br>\n                                            8&quot; Pins (Set of 2)\n                                            <br>\n                                             (+\n                                                $1.00)\n                                                                                    <\/label>\n                                    <\/div>\n                                                            <\/div>\n                        \n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                                                        <\/div>\n\n                            <\/div>\n                            <div id=\"digitalreplace\" class=\"d-none\">\n                                                                                                                                            <div class=\"btn-group w-100\" id=\"input-option2113\">\n                                                                                                                                                                                                        \n                                                                                            <label for=\"sa2113-1\"  style=\"height:0px;\" data-name=\"bestprice\"  class=\"d-none\">\n                                                    \n                                                    <input\n                                                        style=\"    position: absolute;\n                                                        opacity: 0;\n                                                        width: 0;\n                                                        height: 0;\"\n                                                                                                                type=\"radio\"\n                                                        name=\"option[2113]\"\n                                                        id=\"sa2113-1\"\n                                                        value=\"7200\"\n                                                        class=\"radio-image \"\n                                                        data-name=\"Best Price\"\n                                                        >\n                                                <\/label>      \n                                                                                                                            \n                                                                                    <label for=\"sa2113-2\"   data-name=\"silkscreen\" class=\"digitalreplace2 btn  btn-lg  btn-success w-50\"\n                                                   style=\"border-top-left-radius: .3rem;border-bottom-left-radius: .3rem;\">\n                                                <b>CHEAPEST<\/b> - Silk Screen Print\n                                            \n                                                    <input\n                                                        style=\"    position: absolute;\n                                                        opacity: 0;\n                                                        width: 0;\n                                                        height: 0;\"\n                                                                                                                type=\"radio\"\n                                                        name=\"option[2113]\"\n                                                        id=\"sa2113-2\"\n                                                        value=\"9511\"\n                                                        class=\"radio-image \"\n                                                        data-name=\"Silkscreen\"\n                                                        >\n                                                <\/label>      \n                                                                                                                            \n                                                                                        <label for=\"sa2113-3\"  data-name=\"digital\" style=\"\" class=\"digitalreplace2 btn btn-lg btn-outline-success  w-50\">\n                                                    <b>FASTEST<\/b> - Digital Print\n                                                \n                                                    <input\n                                                        style=\"    position: absolute;\n                                                        opacity: 0;\n                                                        width: 0;\n                                                        height: 0;\"\n                                                                                                                type=\"radio\"\n                                                        name=\"option[2113]\"\n                                                        id=\"sa2113-3\"\n                                                        value=\"9512\"\n                                                        class=\"radio-image \"\n                                                        data-name=\"Digital\"\n                                                        >\n                                                <\/label>      \n                                                                                        <\/div>\n                                        \n                                                                                                    <div class=\"text-center m-3\" >\n                                    <a id=\"drleanrmore\" onClick=\"switchPrintMethodInfo('info');\" s tyle=\"font-size:1rem\" href=\"javascript:void(0)\" aria-label=\"learnmore\" class=\"noblock\" >\n                                        Learn more\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"row\">\n                                <div class=\"col text-center\">\n                                    <a\n                                        role=\"button\" aria-expanded=\"false\" aria-controls=\"show-more\"\n                                        data-toggle=\"collapse\" data-target=\"#show-more\" class=\"btn btn-secondary text-white\"\n                                        id=\"more-options\">SHOW CUSTOM OPTIONS\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n\n                            \n                            \n                            \n                            \n                            <\/div>\n                            <\/div>\n                            <style type=\"text\/css\">\n                                .popover {\n                                    z-index: 100000000;\n                                }\n                            <\/style>\n                            <style type=\"text\/css\">\n                                #optionsaccordion .card-body{\n                                    margin-left:-10px;\n                                }\n                                .accordion-item, .accordion-item .color-boxes input {\n                                    cursor:pointer;\n                                }\n                                #LumiseDesign .col-xl-4{\n                                    width:50%!important;\n                                    flex: 0 0 50%;\n                                    max-width:50%!important;\n                                }\n                                #LumiseDesign .col-xl-4 img{\n                                    width:110px;\n                                }\n                                .popover {\n                                    z-index: 100000000;\n                                }\n                                #optionsaccordion .select-div:after {\n                                    content: \"\";\n                                }\n\n                                #optionsaccordion .select-div>div {\n                                    width:102%;\n                                    height:120%\n                                }\n\n                                #optionsaccordion .select-div div.collapsed:after {\n                                    content: \"\\25BC\";\n                                    color: #0b3e81;\n                                    position: absolute;\n                                    right: 0;\n                                    top: 2px;\n                                    z-index: 1;\n                                    width: 25px;\n                                    height: 100%;\n                                    pointer-events: none;\n                                    margin-right: 0px;\n                                }\n                                #optionsaccordion  .select-div div:not(.collapsed):after {\n                                    content: \"\\25B2\";\n                                    color: #0b3e81;\n                                    position: absolute;\n                                    right: 0;\n                                    top: 2px;\n                                    z-index: 1;\n                                    width: 25px;\n                                    height: 100%;\n                                    pointer-events: none;\n                                    margin-right: 0px;\n                                }\n\n                                .accordion-item.form-control .row .col-12{\n                                    \/*  padding-right:0; *\/\n                                }\n\n                                .accordion-item.form-control {\n                                    margin-bottom:3px;\n                                    display: block;\n                                    width: 100%;\n                                    height: initial;\n                                    padding: .375rem 0 .375rem .75rem;\n                                    font-size: 1rem;\n                                    font-weight: 400;\n                                    line-height: 1.3;\n                                    color: #495057;\n                                    background-color: #fff;\n                                    background-clip: padding-box;\n                                    border: 1px solid #ced4da;\n                                    border-radius: 0.25rem;\n                                    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n                                }\n                                .accordion-item.form-control:active,\n                                .accordion-item.form-control:focus {\n                                    color: #495057;\n                                    background-color: #fff;\n                                    border-color: #3d649b;\n                                    outline: 0;\n                                    box-shadow: 0 0 2px 2px rgba(61,100,155,.75);\n                                }\n                                .accordion-item.form-control:hover  {\n                                    color: #495057;\n                                    background-color: #fff;\n                                    border-color: #3d649b;\n                                    outline: 0;\n                                }\n                                \/* IMAGE STYLES *\/\n                                [type=radio].radio-image + label {\n                                    cursor: pointer;\n                                    height:180px;\n                                    width:100%;\n                                    padding:5px;\n                                    font-size:12px;\n                                }\n\n                                \/* CHECKED STYLES *\/\n                                [type=radio].radio-image:checked + label  {\n                                    outline: 2px solid #dedede;\n                                }\n\n                                .accordion   [type=radio]{\n                                    position: absolute;\n                                    opacity: 0;\n                                    width: 0;\n                                    height: 0;\n                                }\n\n                            <\/style>\n\n\n                            <script type=\"text\/javascript\">\n                                \/* copy option name to collapsible header *\/\n                                $(\"#optionsaccordion [type='radio']\").on('change', function () {\n                                    var oname = $(this).data('name');\n                                    $(this).closest('.accordion-item').find('.headeroptionsselected').html(oname);\n                                });\n\n                                \/* close see all costs popover when accordion opened *\/\n                                $('.collapse').on('show.bs.collapse', function (e) {\n                                    $('#product #see-costs').popover('hide');\n                                });\n                            <\/script>\n\n\n                            <!-- Color Picker Modal -->\n                                                            <div id=\"cp-content\" class=\"form-group row\" style=\"display:none;width:100%;\">\n                                    <div class=\"row\" style=\"margin-left:0;margin-right:0\">\n                                        <div class=\"text-left\" style=\"font-size:16px;font-weight:800\">Standard Colors <\/div>\n                                                                            <\/div>\n                                                                                                            <div class=\"row mt-2\">  <\/div>\n                                <\/div>\n\n                                                        <!-- End Color Picker Modal -->\n\n                        \n\n                        <script>\n                            $(document).ready(function () {\n                                $('span.choose-sizes').on('click', function (e) {\n                                    $('#custom-size-switch').text('IN');\n                                });\n                            });\n                        <\/script>\n\n\n                                        \n                                    <\/form>\n                                <\/div>\n\n                                <style type=\"text\/css\">\n    .btn-outline-yellow:not(:disabled):not(.disabled).active, .btn-outline-yellow:not(:disabled):not(.disabled):active, .show>.btn-outline-yellow.dropdown-toggle {\n        color: rgb(254,254,34);\n        background-color: transparent;\n        border-color: rgb(254,254,34);\n    }\n\n    .btn-outline-yellow:hover, .btn-outline-yellow:active {\n        color: rgba(254,254,34,.8);\n        background-color: transparent;\n        border-color: rgb(254,254,34);\n    }\n\n    .btn-outline-yellow {\n        color: rgb(254,254,34);\n        border-color: rgb(254,254,34);\n    }\n\n\n<\/style>\n\n<div class=\"add-to-cart-box w-100  mt-4\">\n    <div class=\"input-group  p-0 m-0 row\">\n        <!-- qty is in the options lists -->\n\n        <div class=\"col-12 col-lg-6 p-2 pl-3 pr-3 m-0 mt-3\">\n\n            <div class=\"to_your_door w-100 d-none\">\n                To Your Door Price <i role=\"button\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"\"\n                                      class=\"fa fa-question-circle\"\n                                      data-original-title=\"The &quot;To Your Door Price&quot; is the total price you will pay for this item with \n                                      all selected options, tax and shipping costs.  Click &quot;See All Costs&quot; below for a cost breakdown  \"><\/i>\n            <\/div>\n\n            <div class=\" d-block mb-2 text-center\">\n                <span  class=\"font-small  mr-1\">Subtotal<\/span>\n                <span data-price=\"112.00\" class=\"price-total mr-1 h4\">$149.64<\/span>\n                <small class=\"d-none ml-2 update-quote\" data-toggle=\"tooltip\" title=\"update quote\"><i class=\"fas fa-sync\"><\/i><\/small>            \n                <span style=\"text-decoration:underline\"  class=\"cursor-pointer text-primary font-small\"\n                      id=\"see-costs\"\n                      data-toggle=\"popover\">\n                      <u>See All Costs<\/u><\/span>\n            <\/div>\n\n            <div class=\"d-block p-1\">\n                <button id=\"show-upload-n-go\" class=\"btn btn-primary btn-lg p-2 w-100\">\n                    Get Started\n                <\/button>   \n            <\/div>\n        <\/div>\n\n\n        <div class=\"col-12 col-lg-6 p-2 pl-3 pr-3 m-0  bg-indigo text-center\">\n            <div class=\"m-auto\">\n            <div class=\"d-inline-block pt-2 pb-2\">\n                <div class=\"d-block  m-0\">Estimated Arrival<\/div>\n                <div class=\"text-white h4 m-0 mb-2 est-arrival-date\"><b><\/b><\/div>\n\n                <button type=\"button\" id=\"changeshipping\"\n                        data-loading-text=\"Loading...\"\n                        class=\"btn btn-lg btn-outline-yellow pr-3 pl-3 pt-1 pb-1 texr-left\"\n                        role=\"button\"\n                        aria-expanded=\"false\"\n                        aria-controls=\"pcontent\"\n                        data-toggle=\"collapse\"\n                        data-target=\"#pcontent\"\n\n                        >\n                    <i class=\"spinner-border spinner-border-sm buttoniconloading \" style=\"display:none\" role=\"status\"\n                       aria-hidden=\"true\"><\/i>\n\n\n                    <span class=\"buttontext\"><i class=\"fa fa-calendar mr-2\" aria-hidden=\"true\"><\/i><i>Need it sooner?<\/i><\/span>\n                <\/button>\n            <\/div>\n            <div class=\"d-inline-block ml-2 text-center pt-2 pb-2\" style=\"vertical-align:bottom\">\n                <label for=\"zipcode\" class=\"d-block  m-0\">\n                    To<br>Zip Code\n                <\/label>  \n                <div class=\"d-block  m-0\">\n                    <input class=\"mt-1\" style=\"width:70px;\" size=\"7\" max-length=\"5\" class=\"form-control\" id=\"zipcode\" type=\"text\" name=\"zipcode\" value=\"\"\n                           placeholder=\"33604\">\n                <\/div>\n                <div class=\"d-block  m-0 mt-1\" >\n                    <input type=\"checkbox\" name=\"localpickup\" id=\"localpickupcheckbox\" class=\"mr-1\" value=\"1\" style=\"vertical-align:middle\">\n                    <label class=\" m-0 text-right\" for=\"localpickupcheckbox\" style=\"vertical-align:middle\"><b style=\"font-size:.9rem\">Pick up<\/b><\/label>\n                <\/div>   \n            <\/div>\n            <input type=\"hidden\" name=\"addshipping\" id=\"addshipping\" value=\"1\">\n        <\/div>\n        <\/div>\n      \n    <\/div>\n                           \n                           \n    <div>\n        <div id=\"cost-content\" style=\"display:none;width:100%;\">\n            <table style=\"margin-left:20px;margin-right:20px;\">\n                <tr>\n                    <td class=\"pt-1 pb-1\" style=\"padding-right:30px;font-weight: bold\">Printing Costs:<\/td>\n                    <td class=\"text-right product-cost\">$112.00<\/td>\n\n                <\/tr>\n                <tr>\n                    <td class=\"pt-1 pb-1\" style=\"padding-right:30px;font-weight: bold\">Rush Charge:<\/td>\n                    <td class=\"text-right rush-production\">\n                        $0.00<\/td>\n\n\n                <\/tr>\n                <tr>\n                    <td class=\"pt-1 pb-1\" style=\"padding-right:30px;font-weight: bold\">Addons:<\/td>\n                    <td class=\"text-right upsell\">$0.00<\/td>\n\n\n                <\/tr>\n                <tr>\n                    <td class=\"pt-1 pb-1\" style=\"padding-right:30px;font-weight: bold\">Tax:<\/td>\n                    <td class=\"text-right taxes\">$10.44<\/td>\n\n                <\/tr>\n                <tr>\n                    <td class=\"pt-1 pb-2\" style=\"padding-right:30px;font-weight: bold\">Shipping:<\/td>\n                    <td class=\"text-right selected-shipping\">\n                        TBD                    <\/td>\n                <\/tr>\n                <tr style=\"border-top:1px solid black;\">\n                    <td class=\"pt-2 pb-2\" style=\"padding-right:30px;font-weight: bold\">Total Cost:<\/td>\n                    <td class=\"text-right price-total\">$149.64<\/td>\n\n                <\/tr>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <div id=\"pcontent\" class=\"collapse\">\n        <div id=\"loading-shipping\" class=\"text-center\">\n            <div class=\"d-inline-block\">\n                <div class=\"spinner-grow text-cmyk-cyan\" role=\"status\">\n                    <span class=\"sr-only\">Loading...<\/span>\n                <\/div>\n                <div class=\"spinner-grow text-cmyk-magenta\" role=\"status\">\n                    <span class=\"sr-only\">Loading...<\/span>\n                <\/div>\n                <div class=\"spinner-grow text-cmyk-yellow\" role=\"status\">\n                    <span class=\"sr-only\">Loading...<\/span>\n                <\/div>\n                <div class=\"spinner-grow text-black\" role=\"status\">\n                    <span class=\"sr-only\">Loading...<\/span>\n                <\/div>\n                <div class=\"text-center\">Retrieving Quote<\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"shipping-loaded\" style=\"display:none\">\n            <div class=\"form-group row\">\n                <div class=\"col-3 text-right\">\n\n                    <label class=\"col-form-label text-right\" for=\"zipcode\"><b style=\"font-size:1rem\">Ship to Zip Code<\/b><\/label>\n                <\/div>\n                <div class=\"col-5 input-group\">\n\n                    <span class=\"input-group-btn\">\n                        <button id=\"refreshshipping\" class=\"btn btn-primary text-white ml-2\">\n                            <i class=\"fas fa-sync-alt \" aria-hidden=\"true\"><\/i>\n                        <\/button>  \n                    <\/span>\n                <\/div>\n\n            <\/div>\n            <div class=\"text-center small mt-2 mb-3\"><i>Arrival date and price is based on your estimated location,\n                    please enter your zip code if different<\/i><\/div>\n            <div class=\"text-center m-3 text-indigo\" style=\"font-size:1.2rem\"><b>Estimated Arrival Date: <span\n                        class=\"est-arrival-date\">Saturday, May 02, 2026 <\/span><\/b>\n            <\/div>\n            <div class=\"text-center m-3\">\n                <button id=\"show-expedited-shipping\" data-toggle=\"modal\" data-target=\"#expedited-delivery-modal\"\n                        class=\"btn btn-danger btn-lg\">Fast Shipping Options\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n                                                                <!-- Added this for count down  -->\n\n\n                                <div class=\"h4 text-center mt-3\">FREE GROUND SHIPPING on Orders Over $89\n                                <\/div>\n                                                                    <div class=\"text-small text-red text-center d-none add-for-free\">\n                                        Add <span class=\"more-for-free\">$89.00<\/span> to your order to\n                                        receive free shipping\n                                    <\/div>\n                                    <div class=\"text-small text-red text-center is-free\">Your\n                                        order qualifies for FREE GROUND SHIPPING\n                                    <\/div>\n\n                                  \n                            <\/div>\n                        <\/div>\n                        <!-- end product -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>         \n    <\/div>\n<\/section>\n\n\n\n<!-- Modals -->\n<!-- price table -->\n\n<div class=\"modal\" tabindex=\"-1\" role=\"dialog\" id=\"qty-break-modal\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\">\n                    Yardsigns\n                    Quantity Discounts\n                <\/h5>\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\"\n                        aria-label=\"Close\">\n                    <span aria-hidden=\"true\">&times;<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <table class=\"table table-striped\" id=\"qty-breaks-table\">\n                    <thead class=\"thead-dark\">\n                    <tr>\n                        <th>Quantity<\/th>\n                        <th>Each<\/th>\n                        <th>Total<\/th>\n                        <th><\/th>\n                    <\/tr>\n                    <\/thead>\n                    <tbody>\n                                        <\/tbody>\n                <\/table>\n            <\/div>\n            <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-dark\" data-dismiss=\"modal\">Close<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end price table -->\n\n<!-- basic modal -->\n<div id=\"basedal\">\n    <div class=\"modal\" tabindex=\"-1\" role=\"dialog\">\n        <div class=\"modal-dialog modal-full\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header bg-indigo text-white\">\n                    <h5 class=\"modal-title m-0 p-0\"><\/h5>\n                    <button type=\"button\" class=\"close text-white\" data-dismiss=\"modal\"\n                            aria-label=\"Close\">\n                                    <span aria-hidden=\"true\"> <span class=\"fa fa-times\"\n                                                                    style=\"display: inline-block; width: 34px; height: 34px;\"><\/span><\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"modal-body bg-light\"><\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-dark\" data-dismiss=\"modal\">Close<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- basic modal -->\n<!-- basic modal -->\n<div id=\"basedal2\">\n    <div class=\"modal\" tabindex=\"-1\" role=\"dialog\">\n        <div class=\"modal-dialog \" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header bg-indigo text-white\">\n\n                    <h5 class=\"modal-title m-0 p-0 w-100 text-white\">\n                        Choose Options\n                        <button type=\"button\" class=\"close text-white\"\n                                data-dismiss=\"modal\" aria-label=\"Close\"\n                                style=\"font-size: .75rem; font-weight: 400;\">\n                                        <span aria-hidden=\"true\"> <span\n                                                    class=\"fa fa-times bg-danger\"\n                                                    style=\"border-radius: 5px; padding: 4px 6px; display: inline-block;\"><\/span>\n\n                                        <\/span>\n                        <\/button>\n                    <\/h5>\n\n                <\/div>\n                <div class=\"modal-body bg-light\"><\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\"btn btn-dark\" data-dismiss=\"modal\">Close<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- basic modal -->\n<div id=\"remote-modals\"><\/div>\n<div id=\"options-modals\"><\/div>\n\n<!-- Expedited Shipping -->\n<div class=\"modal\" tabindex=\"-1\" role=\"dialog\"\n     id=\"expedited-delivery-modal\">\n    <div class=\"modal-dialog \" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header bg-indigo text-white\">\n                <h6 class=\"modal-title  text-white text-center\">\n                    <i>Estimated Arrival Date:<span\n                                class=\"est-arrival-date\">Saturday, May 02, 2026\n                                    <\/span><\/i>\n                <\/h6>\n                <button type=\"button\" class=\"close text-white\" data-dismiss=\"modal\"\n                        aria-label=\"Close\" style=\"font-size: 1rem; font-weight: 400;\">\n                                <span aria-hidden=\"true\"> <span\n                                            class=\"fa fa-times bg-danger\"\n                                            style=\"border-radius: 5px; padding: 4px 6px; display: inline-block;\"><\/span><\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body bg-white\">\n                <div class=\"text-center\">\n                    <h5>\n                        Total: <span data-price=\"139.2\" class=\"price-total\">$9.99<\/span>\n                    <\/h5>\n                <\/div>\n\n                <table id=\"shipping-options\" class=\"table\" width=\"100%\">\n                    <thead>\n                    <tr>\n                        <th colspan=\"3\" class=\"bg-primary h5 text-white text-center\">\n                            SHIPPING OPTIONS\n                        <\/th>\n                    <\/tr>\n                    <tr>\n                        <td width=\"45%\"><u>Shipping Type<\/u><\/td>\n                        <td class=\"text-right\" width=\"20%\"><u>Price<\/u><\/td>\n                        <td class=\"text-right\" width=\"35%\"><u>Estimated Arrival<\/u><\/td>\n                    <\/tr>\n                    <\/thead>\n                    <tbody>\n                    <!-- shipping quotes will go here -->\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            <div class=\"modal-footer\">\n                <button type=\"button\" class=\"btn btn-dark\" data-dismiss=\"modal\">Close<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- End expedited shipping -->\n<!-- End Modals -->\n\n<style>\n    #topbuttons > a.quote-icon-top {\n        opacity: 0.5;\n        pointer-events: none;\n        cursor: not-allowed;\n        display: none !important;\n    }\n<\/style>\n<script type=\"text\/javascript\">\n\n    var initialShipDate;\n\n    const shippingLoaded = new Event('shippingloaded', {\n        bubbles: false,\n        cancelable: false,\n        composed: false\n    });\n\n    const quoteLoaded = new Event('quoteloaded', {\n        bubbles: false,\n        cancelable: false,\n        composed: false\n    });\n\n    Date.prototype.addDays = function (days) {\n        let date = new Date(this.valueOf());\n        date.setDate(date.getDate() + days);\n        return date;\n    };\n\n    \/* @TODO - pass params or create object *\/\n    var btnDonecp;\n    var colorsSelect = [];\n    var oldColor;\n\n    \/\/document.dispatchEvent(shippingloaded);\n\n    \/* all dom listeners go here to ensure js is fully loaded and executed *\/\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/* @TODO - rewrite this *\/\n        $('#pcontent').on('show.bs.collapse', function () {\n            if ($('input[name=\"zipcode\"]').val() != '' && $('input[name=\"localpickup\"]').is(':checked') == false) {\n                $('input[name=\"addshipping\"]').val('1');\n                $('input[name=\"get_ups\"]').val('1');\n\n            } else {\n                $('input[name=\"addshipping\"]').val('0');\n                $('input[name=\"get_ups\"]').val('0');\n            }\n            getQuote();\n        });\n\n        $('input[name=\"localpickup\"]').on('change', function (e) {\n            if ($(this).is(':checked')) {\n                $('input[name=\"addshipping\"]').val(0);\n                $('input[name=\"selected_shipping_cost\"]').val(0);\n                $('input[name=\"selected_shipping_method\"]').val('localpickup');\n                $('.selected-shipping').html('$0.00');\n                var totalCost = $('input[name=\"current_totalcost\"]').val();\n                $('.price-total').html('$' + totalCost);\n                $('.price-total').data('price', totalCost);\n                \/* this updates the popover *\/\n                $('#see-costs').attr('data-content', $('#cost-content').html());\n                $('#show-expedited-shipping').hide();\n                $('#refreshshipping').addClass('disabled');\n\n                getQuote();\n\n            } else {\n                $('input[name=\"addshipping\"]').val(1);\n                $('#show-expedited-shipping').show();\n                $('#refreshshipping').removeClass('disabled');\n                \/\/    $('.est-arrival-date b').text(initialShipDate);\n                $('#pcontent').collapse('hide');\n                getQuote();\n            }\n        });\n\n        $('#refreshshipping').on('click', function (e) {\n            if ($('input[name=\"zipcode\"]').val() != '' && $('input[name=\"localpickup\"]').is(':checked') == false) {\n                $('input[name=\"addshipping\"]').val('1');\n\n            } else {\n                $('input[name=\"addshipping\"]').val('0');\n            }\n            $('#loading-shipping').show();\n            getQuote();\n        });\n\n        $('.digitalreplace').on('click', function (e) {\n            setDigitalReplaceMethod($(this).val());\n        });\n\n\n        $('#digitalreplace label').on('click', function (e) {\n            var name = $(this).data('name');\n            $('#digitalreplace label').removeClass('btn-success');\n            $('#digitalreplace label').addClass('btn-outline-success');\n            $('#digitalreplace label[data-name=\"' + name + '\"]').addClass('btn-success');\n            $('#digitalreplace label[data-name=\"' + name + '\"]').removeClass('btn-outline-success');\n\n            var radioName = $('#digitalreplace label[data-name=\"' + name + '\"] input').data('name');\n            setDigitalReplaceMethod(name);\n\n            if (name == 'digital') {\n                setColorPicker(0, name);\n            }\n        });\n\n        $('#digital-faster button.close').on('click', function () {\n            var radio_name = $('input[data-name=\"Digital\"]').attr('name');\n            var dataName = $('input[name=\"' + radio_name + '\"]:checked').data('name');\n            if (dataName == 'Silkscreen' || dataName == 'Best Price') {\n                setDigitalReplaceMethod('silkscreen');\n            } else {\n                setDigitalReplaceMethod('digital');\n            }\n        });\n\n\n        \/* E.H. Fix changing zipcode field from triggering the full page loading screen to only loading new shipping data *\/\n        $('input[name=\"zipcode\"]').on('change', function (e) {\n            if ($('input[name=\"zipcode\"]').val() != '' && $('input[name=\"localpickup\"]').is(':checked') == false) {\n                $('input[name=\"addshipping\"]').val('1');\n\n            } else {\n                $('input[name=\"addshipping\"]').val('0');\n            }\n            $('#loading-shipping').show();\n            getQuote();\n        });\n\n        $(\"#changeshipping\").on('click', function (e) {\n            $('.page-loading').css('display', 'none');\n            $('#loading-shipping').show();\n            document.addEventListener(\"shippingloaded\", showShipping, true);\n        });\n\n        $(document).on(\"click\", \".popover .close-popover\", function () {\n            $(this).parents(\".popover\").popover('hide');\n        });\n\n        if ($('select[data-option-name=\"Production Time\"]').length) {\n            $('select[data-option-name=\"Production Time\"]').attr('disabled', true);\n        }\n\n        if ($('select[data-option-name=\"Decal Size\"]').length) {\n            select10inch();\n            $('select[data-option-name=\"Decal Size\"]').on('change', function () {\n                var option = $('select[data-option-name=\"Decal Size\"] option:selected').data('name');\n                if (option == 17) {\n                    $('.select2-12-qty').addClass('d-none');\n                    $('.select2-12-qty').attr('disabled', true);\n                    if ($('.select2-12-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-12-qty').select2('destroy');\n                    }\n                    $('.select2-10-qty').addClass('d-none');\n                    $('.select2-10-qty').attr('disabled', true);\n                    if ($('.select2-10-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-10-qty').select2('destroy');\n                    }\n                    select17inch()\n                    $('.select2-17-qty').removeClass('d-none');\n                    $('.select2-17-qty').attr('disabled', false);\n                } else if (option == 10) {\n                    $('.select2-12-qty').addClass('d-none');\n                    $('.select2-12-qty').attr('disabled', true);\n                    if ($('.select2-12-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-12-qty').select2('destroy');\n                    }\n                    $('.select2-17-qty').addClass('d-none');\n                    $('.select2-17-qty').attr('disabled', true);\n                    if ($('.select2-17-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-17-qty').select2('destroy');\n                    }\n                    select10inch()\n                    $('.select2-10-qty').removeClass('d-none');\n                    $('.select2-10-qty').attr('disabled', false);\n                } else {\n                    $('.select2-17-qty').addClass('d-none');\n                    $('.select2-17-qty').attr('disabled', true);\n                    if ($('.select2-17-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-17-qty').select2('destroy');\n                    }\n                    $('.select2-10-qty').addClass('d-none');\n                    $('.select2-10-qty').attr('disabled', true);\n                    if ($('.select2-10-qty').hasClass(\"select2-hidden-accessible\")) {\n                        $('.select2-10-qty').select2('destroy');\n                    }\n                    select12inch();\n                    $('.select2-12-qty').removeClass('d-none');\n                    $('.select2-12-qty').attr('disabled', false);\n                }\n            });\n        }\n\n        if ($('select[data-option-name=\"Shipping Method\"]').length) {\n            $('select[data-option-name=\"Shipping Method\"]').on('change', function (e) {\n                var str = $('option:selected', this).data('name').toLowerCase();\n                if (str.search('local') !== -1) {\n                    $('input[name=\"localpickup\"]').prop('checked', true);\n                    $('#show-expedited-shipping').hide();\n                    $('#refreshshipping').addClass('disabled');\n                } else {\n                    $('#show-expedited-shipping').show();\n                    $('#refreshshipping').removeClass('disabled');\n                    $('input[name=\"localpickup\"]').prop('checked', false);\n                }\n            });\n        }\n\n        var content = $('#cost-content').html();\n        var btnDone = '<button type=\"button\" class=\"close close-popover text-white\" data-dismiss=\"modal\" aria-label=\"Close\" style=\"font-size:.75rem;font-weight:400;\"><span aria-hidden=\"true\"><span class=\"fa fa-times\" style=\"display: inline-block; width: 34px; height: 34px;\"><\/span><\/span><\/button>';\n        var seeallcosts = $('#see-costs').popover({\n            title: 'All Costs ' + btnDone,\n            html: true,\n            content: content,\n            container: 'body',\n            offset: '-50px',\n            placement: 'bottom',\n            sanitizeFn: function (content) {\n                return content;\n            }\n        });\n\n        \/* in footer.twig *\/\n        var el = '#product';\n        setQuoteHandlers(el);\n\n        if ($('#materials select').length) {\n            $('#materials select').on('change', function (e) {\n                $('.page-loading').css('display', 'block');\n                document.location.href = '\/?route=product\/product&product_id=' + $('#materials select option:selected').data('name');\n            });\n        }\n\n        $('.update-quote').on('click', function () {\n            getQuote();\n        });\n\n        $(document.body).on('change', '#product form[name=\"select-options\"]', function (e) {\n            getQuote();\n        });\n\n        $('.rush-selection').on('change', function (e) {\n            getQuote();\n            var rushDays = $(this).closest('tr').find('td:eq(2) div.rush-days').data('rush-days');\n        });\n\n        \/**\n         * Start modal handlers \n         *\/\n        $('#upload-n-go').on('show.bs.modal', function (e) {\n\n            \/* Hide all the upload holders *\/\n            $('div[id$=-side-holder').addClass('d-none');\n\n            \/* Reset uploads *\/\n            $('.flow-file-cancel').trigger('click');\n\n            \/* Check for a front\/back\/both situation with the select box or checkboxes for each side*\/\n            if ($('input[data-option-name=\"Printed Sides\"] ').length) {\n                var sides = $('input[data-option-name=\"Printed Sides\"]:checked').data('name');\n                if (!sides) {\n                    var sides = $('input[data-option-name=\"Printed Sides\"]').data('name');\n                }\n                if (sides == 'Back to Back (Different Images)') {\n                    \/* front side may have changed to both change back to front *\/\n                    $('#front-side-holder').find('input[name=\"side\"]').val('front');\n                    $('#front-side-holder').removeClass('d-none');\n                    $('#back-side-holder').removeClass('d-none');\n                } else {\n                    $('#back-side').addClass('d-none');\n                    if (sides == 'Double Sided') {\n                        \/* change the value of front side to 'both'  *\/\n                        $('#front-side-holder').removeClass('d-none');\n                        $('#front-side-holder').find('input[name=\"side\"]').val('both');\n                        $('.front-side-holder-heading').html('Both Sides');\n                        $('.front-side-holder-text').html('This image will be printed on both sides');\n                    }\n                    if (sides == 'Single Sided') {\n                        \/* side value may have changed to both *\/\n                        $('.front-side-holder-heading').html('Front');\n                        $('.front-side-holder-text').html('This image will be printed on the front side');\n                        $('#front-side-holder').removeClass('d-none');\n                        $('#front-side-holder').find('input[name=\"side\"]').val('front');\n                    }\n                }\n            } else {\n                $('#front-side-holder').removeClass('d-none');\n                \/* check for front-side, back-side right, left *\/\n                if ($('#front-side').is(':checked')) {\n                    $('#front-side-holder').removeClass('d-none');\n                }\n                if ($('#back-side').is(':checked')) {\n                    $('#back-side-holder').removeClass('d-none');\n                }\n                if ($('#left-sleeve').is(':checked')) {\n                    $('#left-side-holder').removeClass('d-none');\n                }\n                if ($('#right-sleeve').is(':checked')) {\n                    $('#right-side-holder').removeClass('d-none');\n                }\n            }\n        });\n\n        $('#show-upload-n-go').on('click', function () {\n            if (ajaxCheckIfQuote()) {\n                if (ajaxCartRequest(null, null)) {\n                    $('#upload-n-go').modal('show');\n                }\n            }\n        });\n\n        $('#upload-n-go').on('hidden.bs.modal', function (e) {\n            setTimeout(function () {\n                $('#cart #cart-toggle').trigger('click');\n            }, 100);\n        });\n        \/* End modal handlers *\/\n\n        var deadline = new Date('Apr 24, 2026 15:00:00').getTime();\n        var thisday = new Date();\n        var x = setInterval(function () {\n            var d = new Date();\n            var localTime = d.getTime();\n            var localOffset = d.getTimezoneOffset() * 60000;\n            var utc = localTime + localOffset;\n            var offset = -5;\n            var est = utc + (3600000 * offset);\n            var now = new Date(est).getTime();\n            var t = deadline - now;\n            var hours = Math.floor((t % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n            var minutes = Math.floor((t % (1000 * 60 * 60)) \/ (1000 * 60));\n            var seconds = Math.floor((t % (1000 * 60)) \/ 1000);\n\n            if (hours > 0) {\n                var hoursString = hours + ' hours ';\n            } else {\n                var hoursString = '';\n            }\n\n            if (minutes > 0) {\n                var minutesString = minutes + ' minutes ';\n            } else {\n                var minutesString = '';\n            }\n            if (seconds > 0) {\n                var secondsString = seconds + ' seconds';\n\n            } else {\n                var secondsString = '';\n            }\n\n            var day = thisday.getDay();\n\n            if (day == 6 || day == 0) {\n                clearInterval(x);\n                document.getElementById(\"demo\").innerHTML = \"Ships Monday!\";\n            } else {\n                document.getElementById(\"demo\").innerHTML = \"Ships today if ordered in the next <span class='ships-same-text'> \" + hoursString + minutesString + secondsString + \" <\/span>\";\n            }\n\n            if (t < 0) {\n                clearInterval(x);\n                document.getElementById(\"demo\").innerHTML = \"Ships Same Day if Ordered by 4PM EST!\";\n            }\n        }, 1000);\n\n        \/**\n         *    \n         * @returns {undefined}         \n         *\/\n        $(document).on('click', '#update-existing', function () {\n            $('#add-update-quote-modals').modal('hide');\n            if (ajaxCartRequest(null, null)) {\n                $('#upload-n-go').modal('show');\n            }\n        });\n\n        $(document).on('click', '#add-new', function () {\n            $('input[name=\"quote_id\"').val('');\n            $('input[name=\"design_id\"').val('');\n            $('#add-update-quote-modals').modal('hide');\n            if (ajaxCartRequest(null, null)) {\n                $('#upload-n-go').modal('show');\n            }\n        });\n\n        \/* Color Picker *\/\n        var colors = getPrintColors();\n        colorsSelect = [];\n        var oldColor;\n        var cp_content = $('#cp-content').html();\n        btnDonecp = '<button type=\"button\" class=\"close close-popover text-white\" data-dismiss=\"modal\" aria-label=\"Close\" style=\"font-size:.75rem;font-weight:400;\"><span aria-hidden=\"true\"> <span class=\"fa fa-times bg-danger\" style=\"border-radius: 5px; padding: 4px 6px; display: inline-block;\"><\/span><\/span><\/button>';\n        var typeName = $('#product-product input[name=\"print_type_from_quote\"]').val();\n\n        setColorPicker(colors);\n        \/*\n         $(document).ready(function () {\n         var options = $('#product-product select[data-option-name=\"Number of Print Colors\"] option');\n         $.map(options, function (option) {\n         if ($(option).attr('selected') === 'selected') {\n         var colors = parseInt($(option).text());\n         var type = $('#product-product input[name=\"product_type_id\"]').val();\n         var typeName = $('#product-product input[name=\"print_type_from_quote\"]').val();\n         setColorPicker(colors, typeName);\n         }\n         });\n         });\n         \n         if ($('select[data-option-name=\"Number of Print Colors\"]').length) {\n         $(document.body).on('change', 'select[data-option-name=\"Number of Print Colors\"]', function (e) {\n         colors = getPrintColors();\n         setColorPicker(parseInt(colors));\n         });\n         }\n         *\/\n\n        $(document).ready(function () {\n            var option = $('#product-product [data-option-name=\"Number of Print Colors\"]:checked');\n            var colors = parseInt($(option).data('name'));\n            var type = $('#product-product input[name=\"product_type_id\"]').val();\n            var typeName = $('#product-product input[name=\"print_type_from_quote\"]').val();\n            \/\/    console.log('typeName', typeName);\n            \/\/    console.log('colors', colors);\n            setColorPicker(colors, typeName);\n        });\n\n        if ($('[data-option-name=\"Number of Print Colors\"]').length) {\n            $(document.body).on('change', '[data-option-name=\"Number of Print Colors\"]', function (e) {\n                colors = getPrintColors();\n                \/\/console.log('color number change', colors);\n                var typeName = $('#product-product input[name=\"print_type_from_quote\"]').val();\n                \/\/console.log('type number change', typeName);\n                setColorPicker(parseInt(colors), typeName);\n            });\n        }\n        $('#cp-btn').on('click', function (e) {\n            e.stopPropagation();\n        });\n\n        $('#qtyoptions').on('click', function (e) {\n            if (!$('#collapseStakes').hasClass('show')) {\n                \/\/        $('#collapseNumberColors').addClass('show');                       \n            }\n            e.stopPropagation();\n        });\n\n        $('#cp-btn').popover({\n            title: 'Choose ' + colors + ' color(s) ' + btnDonecp,\n            html: true,\n            content: cp_content,\n            container: 'body',\n            offset: '-50px',\n            placement: 'bottom',\n            sanitizeFn: function (content) {\n                return content;\n            }\n        }).on('hide.bs.popover', function (e) {\n            var n = $('.popover input[name=\"picked-colors\"]:checked').length;\n            colors = getPrintColors();\n            for (var i = 0; i < colors; i++) {\n                $('.color-boxes label').eq(i).children('input').val($('.popover input[name=\"picked-colors\"]:checked').eq(i).val());\n            }\n\n            $('.pms-color1 input').eq(0).attr('data-html-color', $('.pms-color1 input').eq(1).data('html-color'));\n            $('.pms-color2 input').eq(0).attr('data-html-color', $('.pms-color2 input').eq(1).data('html-color'));\n\n            $('.pms-color1 input').eq(0).val($('.pms-color1 input').eq(1).val());\n            $('.pms-color2 input').eq(0).val($('.pms-color2 input').eq(1).val());\n            if (typeof (getQuote) == 'function') {\n                getQuote();\n            } else if (typeof (getHeaderQuote) == 'function') {\n                getHeaderQuote('#cpo');\n            }\n        }).on('shown.bs.popover', function (e) {\n\n            if (!$('#collapseNumberColors').hasClass('show')) {\n                \/\/      $('#collapseNumberColors').addClass('show');                       \n            }\n            var n = colorsSelect.length;\n            colors = getPrintColors();\n\n            for (var i = 0; i < colors; i++) {\n                $('input[value=\"' + colorsSelect[i] + '\"]').prop('checked', true);\n            }\n\n            $('.pms-color1 input').eq(1).attr('data-html-color', $('.pms-color1 input').eq(0).data('html-color'));\n            $('.pms-color2 input').eq(1).attr('data-html-color', $('.pms-color2 input').eq(0).data('html-color'));\n\n            $('.pms-color1 input').eq(1).val($('.pms-color1 input').eq(0).val());\n            $('.pms-color2 input').eq(1).val($('.pms-color2 input').eq(0).val());\n\n        });\n\n        if ($('input[data-option-name^=\"PMS Color\"]').length) {\n            $(document).on('change', '.popover input[data-option-name^=\"PMS Color\"]', function (e) {\n                \/* use promises to return *\/\n\n                if ($(this).val() !== '') {\n                    var newcolor;\n                    var that = $(this);\n                    var promise = getPMStoHTML($(this).val());\n                    colors = getPrintColors();\n                    var oldColor;\n                    var pms1 = $('.popover input[data-option-name^=\"PMS Color 1\"]').val();\n                    var pms2 = $('.popover input[data-option-name^=\"PMS Color 2\"]').val();\n                    currentcolor = $(this).attr('data-html-color');\n\n                    var oldpms1 = $('.popover input[data-option-name^=\"PMS Color 1\"]').attr('data-html-color');\n                    var oldpms2 = $('.popover input[data-option-name^=\"PMS Color 2\"]').attr('data-html-color');\n\n                    promise.done(function (json) {\n                        if (!json.error) {\n                            if (colors >= 2) {\n                                if (colorsSelect.length >= 2) {\n                                    if (pms1 || pms2) {\n                                        $(that).attr('data-html-color', json.color);\n                                        if (pms1) {\n                                            oldColor = colorsSelect[0];\n                                            colorsSelect[0] = $('.popover input[data-option-name^=\"PMS Color 1\"]').attr('data-html-color');\n                                        }\n                                        if (pms2) {\n                                            oldColor = colorsSelect[1];\n                                            colorsSelect[1] = $('.popover input[data-option-name^=\"PMS Color 2\"]').attr('data-html-color');\n                                        }\n\n\n                                        if (pms1 && pms2) {\n                                            $('input[name=\"picked-colors\"]').each(function () {\n                                                this.checked = false;\n                                                this.blur;\n                                            });\n                                        }\n                                    } else {\n                                        if (currentcolor == undefined) {\n                                            oldColor = colorsSelect[1];\n                                            colorsSelect[1] = colorsSelect[0];\n                                            colorsSelect[0] = json.color;\n                                        } else {\n                                            var i = colorsSelect.findIndex(k => k == currentcolor);\n                                            oldColor = currentcolor;\n                                            colorsSelect[i] = json.color;\n                                        }\n                                    }\n\n                                    $(that).attr('data-html-color', json.color);\n                                    $('.popover input[value=\"' + oldColor + '\"]').prop('checked', false);\n                                } else {\n                                    colorsSelect[1] = colorsSelect[0];\n                                    colorsSelect[0] = json.color;\n                                    $(that).attr('data-html-color', json.color);\n                                }\n                            } else if (colors == 1) {\n                                colorsSelect[0] = json.color;\n                                $('.popover  input[name=\"picked-colors\"]').each(function () {\n                                    this.checked = false;\n                                    this.blur;\n                                });\n                                $(that).attr('data-html-color', json.color);\n\n                            }\n\n                            setColors();\n                        } else {\n                            alert('Unable to identify that color');\n                        }\n                    });\n                } else {\n                    currentcolor = $(this).attr('data-html-color');\n                    $(this).attr('data-html-color', '');\n                    var i = colorsSelect.findIndex(k => k == currentcolor);\n                    colorsSelect.splice(currentcolor, 1);\n                    setColors();\n                }\n            });\n        }\n\n        $(document).on('change', '.popover input[name=\"picked-colors\"]', function (e) {\n            colors = getPrintColors();\n            if (colors > 1) {\n                if (colorsSelect.length >= 2) {\n                    if ($(this).is(':checked')) {\n                        oldColor = colorsSelect[1];\n                        \/* rotate colors *\/\n                        colorsSelect[1] = colorsSelect[0];\n                        colorsSelect[0] = $(this).val();\n\n                        $('input[data-html-color=\"' + oldColor + '\"]').val('');\n                        $('input[value=\"' + oldColor + '\"]').prop('checked', false);\n                    } else {\n                        if (colorsSelect.length == 2) {\n                            colorsSelect[0] = colorsSelect[1];\n                            colorsSelect.splice(1, 1);\n                        }\n                    }\n                } else if (colorsSelect.length == 1) {\n                    if ($(this).is(':checked')) {\n                        oldColor = undefined;\n                        colorsSelect[1] = colorsSelect[0];\n                        colorsSelect[0] = $(this).val();\n                    } else {\n                        oldColor = undefined;\n                        colorsSelect.splice(0, 1);\n                    }\n                } else {\n                    if ($(this).is(':checked')) {\n                        oldColor = undefined;\n                        colorsSelect[0] = $(this).val();\n                    }\n                }\n            } else if (colors == 1) {\n                if ($(this).is(':checked')) {\n                    oldColor = colorsSelect[0];\n                    colorsSelect[0] = $(this).val();\n                    $('input[data-option-name=\"PMS Color 1\"]').val('');\n                    \/* make sure user did not check and uncheck same box *\/\n                    if (oldColor !== $(this).val()) {\n                        $('input[value=\"' + oldColor + '\"]').prop('checked', false);\n                    }\n                } else {\n                    $('input[value=\"' + $(this).val() + '\"]').prop('checked', false);\n                }\n            }\n            setColors();\n        });\n\n        if ($('select[data-option-name=\"Print Type\"]').length) {\n            $(document.body).on('change', 'select[data-option-name=\"Print Type\"]', function (e) {\n                var type = $('option:selected', 'select[data-option-name=\"Print Type\"]').data('name');\n                colors = getPrintColors();\n                if (type == 'Silkscreen') {\n                    setColorPicker(parseInt(colors));\n                } else {\n                    if (type == 'Best Price') {\n                        if (colorsSelect.length > 0) {\n                            \/* when best price is selected, we need to resend the picked colors for accurate quotes *\/\n                            \/* system will not send a disabled field so we need to enable the color picker *\/\n                            \/* if colors had previously been selected. *\/\n                            setColorPicker(parseInt(colors), 'Silkscreen');\n                        } else {\n                            setColorPicker(0);\n                        }\n                    } else {\n                        setColorPicker(0);\n                    }\n                }\n            })\n        }\n\n        var showShipping = function () {\n            $('#show-expedited-shipping').trigger('click');\n            document.removeEventListener(\"shippingloaded\", showShipping, true);\n        };\n\n        loadInitialProductPageScripts();\n    });\n    \/* end domcontentloaded *\/\n\n\n    \/**\n     * Load init scripts\n     * @returns {undefined}\n     *\/\n    function loadInitialProductPageScripts() {\n        bindExpeditedDeliveryModal();\n        bindSelectRecurringIdChange();\n        bindButtonCartFunction();\n        bindInputQtyChange();\n        bindThumbnailMagnific();\n        bindSelectOptions();\n        bindMoreAddonsOptionsClick();\n        debugOptions();\n        bindDelegateReviews();\n        bindLoadReviews();\n        bindClickReview();\n        productViewGoogle();\n        $('#cart > ul').load('\/index.php?route=common\/cart\/info ul li');\n        $('#cart .cart-total-wrapper').load('\/index.php?route=common\/cart\/info #cart-total');\n    }\n\n    \/**\n     * Get designer setup data\n     * @param {type} callBack\n     * @returns {undefined}\n     *\/\n    function getDesignerSetup(callBack) {\n        if ($('#productoptions-modals').length) {\n            dataToSend = $('#options-modals input[type=\\'number\\'], input[type=\\'text\\'],#options-modals input[type=\\'hidden\\'], #options-modals input[type=\\'radio\\']:checked,#options-modals input[type=\\'checkbox\\']:checked, #options-modals select, #options-modalsl textarea');\n        } else {\n            dataToSend = $('#product input[type=\\'number\\'], input[type=\\'text\\'], #product input[type=\\'hidden\\'], #product input[type=\\'radio\\']:checked, #product input[type=\\'checkbox\\']:checked, #product select, #product textarea');\n        }\n        var product_id = $('input[name=\"product_id\"]').val();\n        var url = \"\/?route=designer\/ajax\/ocproduct\/getSetup&product_id=\" + product_id;\n        $.ajax({\n            url: url,\n            data: dataToSend,\n            method: 'get'\n        }).done(function (responseData) {\n            if (callBack && typeof callBack === \"function\") {\n                callBack(responseData);\n            }\n        });\n    }\n\n\n    \/**\n     * Load the main price quote\n     * - Include shipping if marked\n     * - Set dom elements as needed\n     * @returns {Boolean}\n     *\/\n    function getQuote() {\n        var errors = validate();\n        if (errors != true) {\n\n            $('.breadcrumb').after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b> ' + errors[0] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n            return false;\n        }\n\n        \/\/ Set shipping to ground as a default if a shipping method isn't selected\n        if ($('input[name=\"selected_shipping_method\"]').val() == 'localpickup' && !($('input[name=\"localpickup\"]').is(':checked'))) {\n            $('input[name=\"selected_shipping_method\"]').val('ups_custom.03');\n        }\n\n        var dataToSend;\n        if ($('#productoptions-modals').length) {\n          \/\/  dataToSend = $('#options-modals input[type=\\'number\\']:not([disabled]), input[type=\\'text\\']:not([disabled]),#options-modals input[type=\\'hidden\\']:not([disabled]), #options-modals input[type=\\'radio\\']:checked,#options-modals input[type=\\'checkbox\\']:checked, #options-modals select:enabled, #options-modalsl textarea');\n        } else {\n            \/\/  dataToSend = $('#product input[type=\\'number\\']:not([disabled]), input[type=\\'text\\']:not([disabled]), #product input[type=\\'hidden\\']:not([disabled]), #product input[type=\\'radio\\']:checked, #product input[type=\\'checkbox\\']:checked, #product select:enabled, #product textarea');\n            dataToSend = $('#product form[name=\"select-options\"]').serializeArray();\n            dataToSend.push({\n                name: \"addshipping\",\n                value: $('#addshipping').val()\n            });\n            dataToSend.push({\n                name: \"zipcode\",\n                value: $('#zipcode').val()\n            });\n        }\n       \n       if($('[data-option-name=\"Quantity Per Pack\"]').length){\n           var qtyOptionName = $('#qtyoptions').attr('name');\n            if (qtyOptionName) {\n                var multiplier = $('[data-option-name=\"Quantity Per Pack\"]').data('name');\n                console.log(qtyOptionName);\n                console.log(dataToSend.find(({ name }) => name === qtyOptionName));\n                var foundIndex = dataToSend.findIndex(({ name }) => name === qtyOptionName);\n                \/\/  dataToSend[foundIndex].value = dataToSend[foundIndex].value * multiplier;        \n                console.log(foundIndex);\n            }\n        }\n\n        var url = $('#product form[name=\"select-options\"]').prop('action');\n\n        $.ajax({\n            url: url,\n            data: dataToSend,\n            method: 'post',\n            dataType: 'json',\n            beforeSend: function () {\n                ajaxLoadTimeout = setTimeout(function () {\n                    if ($('#loading-shipping').css('display') == 'none') {\n                        $('.page-loading').css('display', 'block');\n                    }\n                }, 10);\n            }\n        }).done(function (responseData) {\n            $('.alert-dismissible').remove();\n            if (responseData.warning) {\n                if (responseData.warning.quantity_min) {\n                    if ($(\"#product-options > div > .alert\").length) {\n                    } else {\n                        \/\/$('#product-options > div').delay(1500).prepend('<div class=\"alert alert-info alert-dismissible modal-qty-min\">When purchasing under ' + responseData.warning.quantity_min + ' signs of the selected size, it may be cheaper to print using the Digital Print method to keep your costs low. Please use the Yard Signs Tab above to choose a Yard Sign from the Yard Signs - Digital drop down area to save money. <button type=\"button\" class=\"close\" data-dismiss=\"alert\">\u00d7<\/button><\/div>');\n                       $('#product-options > div#quoterrors').delay(1500).prepend('<div class=\"alert alert-info alert-dismissible modal-qty-min\">This size and quantity combination is not available with the Silkscreen Print Type. Please select Best Price or Digital from the Print Type dropdown below.  <button type=\"button\" class=\"close\" data-dismiss=\"alert\">\u00d7<\/button><\/div>');\n                    }\n                }\n\n                if (responseData.warning.min_cost) {\n                    if ($(\"#product-options > div > .alert\").length) {\n                    } else {\n                        $('#product-options > div#quoterrors').delay(1500).prepend('<div class=\"alert alert-info alert-dismissible modal-qty-min\"> ' + responseData.warning.min_cost + ' <button type=\"button\" class=\"close\" data-dismiss=\"alert\">\u00d7<\/button><\/div>');\n                    }\n                }\n\n                if (responseData.warning.quantity_max) {\n                    \/* @TODO -  empty if remove if not going to use *\/\n                    if ($(\"#product-options > div > .alert\").length) {\n\n                    } else {\n                        \/\/ $('#product-options > div').delay(1500).prepend('<div class=\"alert alert-info alert-dismissible modal-qty-max\">When purchasing over ' + responseData.warning.quantity_max + ' signs in 1 or 2 color, it may be cheaper to print using the Silk Screen Print method to keep your costs low. Please use the Yard Signs Tab above to choose a Yard Sign from the Yard Signs - Silk Screen drop down area to save money. <button type=\"button\" class=\"close\" data-dismiss=\"alert\">\u00d7<\/button><\/div>');\n                        $('#product-options > div#quoterrors').delay(1500).prepend('<div class=\"alert alert-info alert-dismissible modal-qty-max\">A lower price for this size, quantity and color combination is available. Please select Best Price or Silkscreen from the Print Type dropdown below. <button type=\"button\" class=\"close\" data-dismiss=\"alert\">\u00d7<\/button><\/div>');\n                    }\n                }\n            } else {\n                $('#product .modal-qty-min').remove();\n                $('#product .modal-qty-max').remove();\n            }\n            if ($('.colorpicker').length) {\n                \/* show color picker *\/\n                if (responseData.print_type_from_quote == 'silkscreen') {\n                    colors = getPrintColors();\n                    setColorPicker(colors, 'Silkscreen');\n                } else if (responseData.print_type_from_quote !== 'silkscreen') {\n                    setColorPicker(colors);\n                }\n            }\n\n\n            if (responseData['error']) {\n                for (var i in responseData['error']) {\n                  \/\/  alert(i);\n                    \/\/$('.breadcrumb').after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + responseData['error'][i] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                    \/* JL - Note to self, remove one of these *\/\n                    \/\/$('#product-options > div > div:first-child').delay(1500).after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + responseData['error'][i] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                   $('#product-options > div#quoterrors').delay(1500).prepend('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + responseData['error'][i] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                 }\n            } else {\n                $('#product .alert-dismissible.alert-danger').remove();\n                var totaleach = parseFloat(responseData.totalcost) \/ parseInt(responseData.totalqty);\n\n                var priceEach = responseData.price.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                var totalQty = responseData.totalqty.toLocaleString(undefined, {\n                    minimumFractionDigits: 0,\n                    maximumFractionDigits: 0\n                });\n\n                var totalCost = responseData.totalcost.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                var subtotal = responseData.subtotal.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                var peach = responseData.subtotal \/ responseData.totalqty;\n\n                var each = peach.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                var html = '<h4>Total Quantity: <i>' + totalQty + '<\/i> Total Cost: <i>$' + totalCost + '<i><\/h4>';\n\n                $('#product .price-each').html(\"$\" + parseFloat(each.replace(',', '')).toFixed(2));\n                $('#product .qty-price').html(responseData.qtyprices);\n                \/\/$('#product .price-total, #expedited-delivery-modal .price-total').html('$' + parseFloat(totalCost.replace(\/,\/g, '')).toFixed(2));\n                $('#product .price-total, #expedited-delivery-modal .price-total').html('$' + totalCost.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n                $('#product .price-total, #expedited-delivery-modal .price-total').data('price', totalCost);\n\n                if (responseData.production_cost) {\n                    var rush = responseData.production_cost.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n                    $('#product .rush-production').html('$' + parseFloat(rush.replace(\/,\/g, '')).toFixed(2));\n                } else {\n                    $('#product .rush-production').html('$0.00');\n                }\n\n                if (responseData.upsell) {\n                    var upsell = responseData.upsell.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n                    $('#product .upsell').html('$' + upsell);\n                } else {\n                    $('#product .upsell').html('$0.00');\n                }\n                var sub_total = responseData.subtotal.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                $('#product input[name=\"current_subtotal\"]').val(sub_total);\n                $('#product input[name=\"current_totalcost\"]').val(totalCost);\n                if (responseData.production_days) {\n                    $('#product input[name=\"production_days\"]').val(responseData.production_days);\n                }\n\n                var product_cost = responseData.product_cost.toLocaleString(undefined, {\n                    minimumFractionDigits: 2,\n                    maximumFractionDigits: 2\n                });\n\n                \/\/$('#product .product-cost').html('$' + parseFloat(product_cost.replace(\/,\/g, '')).toFixed(2));\n                \/* update product-cost in modal as well *\/\n                $('#product .product-cost').html('$' + product_cost.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n\n                \/\/ Add check for t-shirts\n                if ($(\"#product #input-average\").length != 0) {\n                    \/\/it exists\n\n                    \/\/ var totalcost = $('#cost-content .product-cost').html().replace('$','');\n                    var totalcost = parseFloat(sub_total.replace(\/,\/g, '')).toFixed(2);\n                    var totalqty = $('#product #input-quantity').val();\n                    var avgcost = totalcost \/ totalqty;\n                    avgcost = avgcost.toFixed(2);\n                    $('#product #input-average').val('$' + avgcost);\n                }\n\n                if (responseData.quote_tax) {\n                    var taxes = responseData.quote_tax.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n                    $('#product .taxes').html(taxes);\n                } else {\n                    $('#product .taxes').html('0.00');\n                }\n\n                \/* if order below 89 show free shipping  *\/\n                if (responseData.oversized) {\n                    $('#product .oversized-not-free').removeClass('d-none');\n                    $('#product .add-for-free').addClass('d-none');\n                    $('#product .is-free').addClass('d-none');\n                } else {\n                    $('#product .oversized-not-free').addClass('d-none');\n                    var moreLeft = 89 - parseFloat(responseData.subtotal.toString().replace(\/,\/g, '')) - parseFloat(responseData.upsell.toString().replace(\/,\/g, ''));\n                    if (moreLeft <= 0) {\n                        $('#product .add-for-free').addClass('d-none');\n                        $('#product .is-free').removeClass('d-none');\n                    } else {\n                        var buyLeft = moreLeft.toLocaleString(undefined, {\n                            minimumFractionDigits: 2,\n                            maximumFractionDigits: 2\n                        });\n                        $('#product .add-for-free').html('Add <span class=\"more-for-free\">$' + buyLeft + '<\/span> to your order to receive free shipping!');\n                        $('#product .add-for-free').removeClass('d-none');\n                        $('#product .is-free').addClass('d-none');\n                    }\n                }\n                \/* end if order below 89 show free shipping  *\/\n\n                \/* Show production time box and disable the options not available *\/\n                if ($('#product [data-option-name=\"Production Time\"]').length) {\n                    if (responseData.expedited_days > 0) {\n                        console.log($('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]'));\n                        $('#product [data-option-name=\"Production Time\"][data-name!=\"Standard\"]').attr('disabled', false);\n                        $('#product [data-option-name=\"Production Time\"][data-name!=\"Standard\"]').css('opacity', \"1\");\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]').attr('disabled', false);\n\t\t\t\t\t\t\t\t\n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]').css('opacity', \"1\");\n\t\t\t\t\t\t \n                    } else {\n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]').attr('disabled', false);\n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]').css('opacity', \"1\");\n                     \/\/   $('#product [data-option-name=\"Production Time\"][data-name=\"Standard\"]').prop('checked', true).trigger('change');\n\n                        $('#product [data-option-name=\"Production Time\"][data-name!=\"Standard\"]').attr('disabled', true);\n                        $('#product [data-option-name=\"Production Time\"][data-name!=\"Standard\"]').css('opacity', \".5\");\n                        $('#product [data-option-name=\"Production Time\"][data-name!=\"Standard\"]').prop('checked', false);\n                        \n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Same Day\"]').attr('disabled', false);\n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Same Day\"]').css('opacity', \"1\");\n                        $('#product [data-option-name=\"Production Time\"][data-name=\"Same Day\"]').prop('checked', true);\n                    }\n\n                }\n\n\n                if ($('input[name=\"localpickup\"]').is(':checked')) {\n                    if (responseData.pickup_date !== undefined) {\n                        $('.est-arrival-date b').text(responseData.pickup_date);\n                    }\n                } else {\n                    if (responseData.est_delivery_date) {\n                        $('.est-arrival-date b').text(responseData.est_delivery_date);\n                    }\n                }\n\n                \/**\n                 * Shipping quotes, only if included\n                 * - Open Modal\n                 * - clear previous data from modal\n                 * - Create a table of quotes\n                 * - Removed duplicate and unused code 1.9.2020\n                 *\n                 *\/\n                if (responseData.shipquotes != undefined) {\n                    var col = document.createElement('td');\n                    var options;\n                    var arrShip = responseData.shipquotes.quote;\n                    var arrShipData = responseData.shipquotes.shipdata[0];\n                    \/* remove all shipping elements *\/\n                    $('#expedited-delivery-modal .modal-body #shipping-options tbody').html('');\n                    \/\/var toYourDoor = parseFloat(responseData.totalcost.replace(\/,\/g, ''));\n                    var toYourDoor = responseData.totalcost.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n                    \/\/   var toYourDoor = parseFloat(toYourDoor.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n                    \/\/var toYourDoor = parseFloat(toYourDoor.replace(\/,\/g, '')).toFixed(2);\n\n                    \/* check for oversized boxes *\/\n                    var overSized = false;\n                    for (box in arrShipData) {\n                        \/\/   console.log(arrShipData[box]);\n                        if (arrShipData[box]['length'] > 48 || arrShipData[box]['width'] > 48 || arrShipData[box]['height'] > 48) {\n                            overSized = true;\n                            $('#product .oversized-not-free').removeClass('d-none');\n                            $('#product .add-for-free').addClass('d-none');\n                            $('#product .is-free').addClass('d-none');\n                        }\n                    }\n                    \/* end check for oversized boxes *\/\n\n                    \/* 1.9.2019 - B.P. All date\/time functionality moved to shipping model *\/\n                    for (item in arrShip) {\n                        var delivery_date, delivery_time;\n                        if (arrShip[item]['delivery_date'] != null) {\n                            delivery_date = arrShip[item]['delivery_date'];\n                            delivery_time = arrShip[item]['delivery_time']\n                        } else {\n                            \/* Do not show a delivery date *\/\n                            delivery_date = delivery_time = '';\n                        }\n\n                        var shippingCost = 0;\n\n                        switch (true) {\n                            case responseData.subtotal >= 89 && arrShip[item]['code'] == 'ups_custom.03':\n                                \/* no free shipping on oversized objects *\/\n                                if (!overSized) {\n                                    \/* Free shipping for ground over $89 *\/\n                                    arrShip[item]['title'] = '<span class=\"text-red\">FREE<\/span>';\n                                    arrShip[item]['text'] = '<span class=\"text-red\">FREE<\/span>';\n                                    arrShip[item]['cost'] = 0;\n                                    if (responseData.selected_shipping_method == 'ups_custom.03') {\n                                        $('.selected-shipping').html('FREE');\n                                    }\n                                    $('.add-for-free').addClass('d-none');\n                                    $('.is-free').removeClass('d-none');\n                                }\n                                break;\n                            case responseData.selected_shipping_method == arrShip[item]['code']:\n                                if (arrShip[item]['cost']) {\n                                    $('input[name=\"selected_shipping_cost\"]').val(parseFloat(arrShip[item]['cost']));\n\n                                    shippingCost = parseFloat(arrShip[item]['cost']).toLocaleString(undefined, {\n                                        minimumFractionDigits: 2,\n                                        maximumFractionDigits: 2\n                                    });\n\n                                    $('.selected-shipping').html('$' + shippingCost);\n                                } else {\n                                    $('.selected-shipping').html('$0.00');\n                                }\n                                if (arrShip[item]['cost']) {\n\n                                    toYourDoor = parseFloat(responseData.totalcost.replace(\/,\/g, '')) + parseFloat(arrShip[item]['cost'].toFixed(2));\n\n                                    toYourDoor = toYourDoor.toLocaleString(undefined, {\n                                        minimumFractionDigits: 2,\n                                        maximumFractionDigits: 2\n                                    });\n                                } else {\n                                    toYourDoor = parseFloat(responseData.totalcost.replace(\/,\/g, '')) + parseFloat(arrShip[item]['cost'].toFixed(2));\n                                    toYourDoor = toYourDoor.toLocaleString(undefined, {\n                                        minimumFractionDigits: 2,\n                                        maximumFractionDigits: 2\n                                    });\n\n                                }\n                                break;\n                        }\n\n                        var checked = '';\n                        if ($('input[name=\"selected_shipping_method\"]').val() == arrShip[item]['code']) {\n                            checked = ' checked ';\n                            $('.est-arrival-date b').text(delivery_date);\n                        }\n\n                        var row = document.createElement('tr');\n                        var td1 = document.createElement('td');\n                        td1.innerHTML = '<input ' + checked + ' data-date=\"' + delivery_date + '\" class=\"ship-quote  mr-2\" data-cost=\"' + arrShip[item]['cost'] + '\" type=\"radio\" id=\"' + arrShip[item]['code'] + '\" name=\"shipping-quotes\" value=\"' + arrShip[item]['code'] + '\"><label for=\"' + arrShip[item]['code'] + '\">' + arrShip[item]['title'] + '<\/label>';\n                        var td2 = document.createElement('td');\n                        td2.className = 'text-right';\n                        td2.innerHTML = arrShip[item]['text'];\n                        var td3 = document.createElement('td');\n                        td3.className = 'text-right';\n                        td3.innerHTML = '<span class=\"date-string\">' + delivery_date + '<\/span><br><div class=\"text-red small \">' + delivery_time + '<\/div>';\n\n                        row.append(td1);\n                        row.append(td2);\n                        row.append(td3);\n\n                        $('#expedited-delivery-modal .modal-body #shipping-options tbody').append(row);\n                    }\n\n                    \/* save shipping method *\/\n                    $(document.body).on('change', 'input[name=\"shipping-quotes\"]', function (e) {\n                        var method = $(this).val();\n                        $.post('\/index.php?route=extension\/total\/shipping\/shipping', {shipping_method: method});\n                    });\n                    $('#product .price-total').html('$' + toYourDoor);\n                    $('#product .price-total').data('price', toYourDoor);\n\n                    \/* E.H. Fix Fast Shipping Options modal not showing correct subtotal on initialization *\/\n                    $('#expedited-delivery-modal .price-total').html('$' + toYourDoor);\n                    $('#expedited-delivery-modal .price-total').data('price', toYourDoor);\n\n                    \/* this updates the popover *\/\n                    \/\/ $('#see-costs').attr('data-content', $('#cost-content').html());\n\n                    \/\/document.dispatchEvent(shippingLoaded);\n                } else {\n                    var shipWidthInInches = responseData.width;\n                    var shipLengthInInches = responseData.length;\n                    if (responseData.length_class_id == 5) {\n                        shipWidthInInches = shipWidthInInches * 12;\n                        shipLengthInInches = shipLengthInInches * 12;\n                    }\n                    if (shipLengthInInches > 48 || shipWidthInInches > 48) {\n                        overSized = true;\n                        $('#product .oversized-not-free').removeClass('d-none');\n                        $('#product .add-for-free').addClass('d-none');\n                        $('#product .is-free').addClass('d-none');\n                    }\n                }\n\n                if (responseData.freightquotes != undefined) {\n                    \/\/ alert('foo');\n                    var freightShip = responseData.freightquotes.quote;\n\n                    for (item in freightShip) {\n                        var delivery_date, delivery_time;\n                        if (freightShip[item]['delivery_date'] != null) {\n                            delivery_date = freightShip[item]['delivery_date'];\n                            delivery_time = freightShip[item]['delivery_time']\n                        } else {\n                            \/* Do not show a delivery date *\/\n                            delivery_date = delivery_time = '';\n                        }\n                        \n                        var checked = '';\n                        if ($('input[name=\"selected_shipping_method\"]').val() == freightShip[item]['code']) {\n                            checked = ' checked ';\n                            $('.est-arrival-date b').text(delivery_date);\n                        }                        \n                        \n                        \n                        \n                        var row = document.createElement('tr');\n                        var td1 = document.createElement('td');\n                        td1.setAttribute(\"style\", \"vertical-align:middle;\");\n                        td1.innerHTML = '<input   ' + checked + ' data-date=\"' + delivery_date + '\" class=\"ship-quote  mr-2\" data-cost=\"' + freightShip[item]['cost'] + '\" type=\"radio\" id=\"' + freightShip[item]['code'] + '\" name=\"shipping-quotes\" value=\"' + freightShip[item]['code'] + '\"><label  style=\"max-width:175px;\" for=\"' + freightShip[item]['code'] + '\">' + freightShip[item]['title'] + '<\/label>';\n                        var td2 = document.createElement('td');\n                        td2.className = 'text-right';\n                        td2.innerHTML = '<div style=\"max-width:75px;\">' + freightShip[item]['text'] + '<\/div>';\n                        var td3 = document.createElement('td');\n                        td3.className = 'text-right';\n                        td3.innerHTML = '<span class=\"date-string\">' + delivery_date + '<\/span><br><div class=\"text-red small \">' + delivery_time + '<\/div>';\n\n                        row.append(td1);\n                        row.append(td2);\n                        row.append(td3);\n\n                        $('#expedited-delivery-modal .modal-body #shipping-options tbody').append(row);\n                    }\n\n                    \/* save shipping method *\/\n                    $(document.body).on('change', 'input[name=\"shipping-quotes\"]', function (e) {\n                        var method = $(this).val();\n                        $.post('\/index.php?route=extension\/total\/shipping\/shipping', {shipping_method: method});\n                    });\n\n                }\n                document.dispatchEvent(shippingLoaded);\n\n                if (responseData.select2replace) {\n                    \/\/ $('.select2-qty').val(null).trigger('change');\n                }\n\n            }\n            \/** \n             * digital switch- switch from ss to digital \n             * Some of the digital faster modal items for the current quote\n             * are set with the regular price setting      \n             * \n             **\/\n            var production_days_dig = responseData.production_days_dig;\n            var production_days_ss = responseData.production_days_ss;\n\n\n            $('#product-product input[name=\"print_type_from_quote\"]').val(responseData.print_type_from_quote);\n\n            if (responseData.print_type_from_quote == 'silkscreen') {\n                if (production_days_dig < production_days_ss && responseData.number_colors == 2) {\n                    var daysQuicker = parseInt(production_days_ss) - parseInt(production_days_dig);\n                    var convertedDigitalDate = new Date(responseData.digital_est_delivery_date);\n                    var convertedDate = new Date(responseData.est_delivery_date_w_year);\n\n                    $('#digital-faster .digital-est-arrival-date ').html(convertedDigitalDate.toLocaleDateString());\n\n                    $('#digital-faster .est-arrival-date-replace').html(convertedDate.toLocaleDateString());\n\n                    $('.digital-faster b').html(daysQuicker);\n\n                    var digital_product_cost = responseData.digital_product_cost.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n\n                    $('#digital-faster .digital-product-cost ').html('$' + digital_product_cost.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n\n                    if (responseData.digital_quote_tax) {\n                        var digital_quote_tax = responseData.digital_quote_tax.toLocaleString(undefined, {\n                            minimumFractionDigits: 2,\n                            maximumFractionDigits: 2\n                        });\n                        $('#digital-faster .digital-taxes ').html(digital_quote_tax);\n                    } else {\n                        $('#digital-faster .digital_taxes ').html('0.00');\n                    }\n\n                    var digital_totalcost = responseData.digital_totalcost.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n\n                    var digital_subtotal = responseData.digital_subtotal.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n\n                    var digital_peach = responseData.digital_subtotal \/ responseData.totalqty;\n\n                    var digital_each = digital_peach.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n\n                    var sub_total = responseData.subtotal.toLocaleString(undefined, {\n                        minimumFractionDigits: 2,\n                        maximumFractionDigits: 2\n                    });\n\n\n                    $('#digital-faster  .digital-price-each').html(\"$\" + parseFloat(digital_each.replace(',', '')).toFixed(2));\n                    $('#digital-faster .digital-price-total ').html('$' + digital_totalcost.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n\n                    \/* silkscreen pricing *\/\n                    $('#digital-faster  .price-each').html(\"$\" + parseFloat(each.replace(',', '')).toFixed(2));\n                    $('#digital-faster .product-cost ').html('$' + product_cost.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n                    $('#digital-faster .price-total ').html('$' + totalCost.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\"));\n\n                    if (responseData.quote_tax) {\n                        var taxes = responseData.quote_tax.toLocaleString(undefined, {\n                            minimumFractionDigits: 2,\n                            maximumFractionDigits: 2\n                        });\n                        $('#digital-faster .taxes ').html(taxes);\n                    } else {\n                        $('#digital-faster .taxes ').html('0.00');\n                    }\n\n\n                    if (responseData.production_cost) {\n                        var rush = responseData.production_cost.toLocaleString(undefined, {\n                            minimumFractionDigits: 2,\n                            maximumFractionDigits: 2\n                        });\n                        $('#digital-faster .rush-production ').html('$' + parseFloat(rush.replace(\/,\/g, '')).toFixed(2));\n                    } else {\n                        $('#digital-faster .rush-production ').html('$0.00');\n                    }\n\n                    if (responseData.upsell) {\n                        var upsell = responseData.upsell.toLocaleString(undefined, {\n                            minimumFractionDigits: 2,\n                            maximumFractionDigits: 2\n                        });\n                        $('#digital-faster .upsell ').html('$' + upsell);\n                    } else {\n                        $('#digital-faster .upsell  ').html('$0.00');\n                    }\n                    \/* silkscreen pricing *\/\n\n                    \/* suppress modal if already shown *\/\n                    if (!digitalReplaceModalShown) {\n                        $('#digital-faster').modal('show');\n                        digitalReplaceModalShown = true;\n                    }\n                } else {\n\n                    setDigitalReplaceMethod('Best Price');\n                    digitalReplaceModalShown = false;\n                    $('#digital-faster').modal('hide');\n                    $('#digitalreplace').removeClass('d-block');\n                    $('#digitalreplace').addClass('d-none');\n                }\n            } else {\n                \/* digital responses must have a price  be faster and have 2 colors or hide the buttons *\/\n                \/* typeof responseData.digital_totalcost === 'undefined'  *\/\n                noswitch = false;\n                if (typeof responseData.warning !== 'undefined') {\n                    if (typeof responseData.warning.quantity_min !== 'undefined') {\n                        noswitch = true;\n                    }\n                }\n\n                if (typeof responseData.nosilkscreenquote !== 'undefined') {\n                    \/\/  alert('foo');\n                    setDigitalReplaceMethod('Best Price');\n                    digitalReplaceModalShown = false;\n                    $('#digital-faster').modal('hide');\n                    $('#digitalreplace').removeClass('d-block');\n                    $('#digitalreplace').addClass('d-none');\n                }\n\n                if (noswitch || responseData.number_colors !== 2 || production_days_dig >= production_days_ss) {\n                    setDigitalReplaceMethod('Best Price');\n                    digitalReplaceModalShown = false;\n                    $('#digital-faster').modal('hide');\n                    $('#digitalreplace').removeClass('d-block');\n                    $('#digitalreplace').addClass('d-none');\n                }\n            }\n            \/* end digital switch *\/\n\n\n            if (responseData.warning) {\n                if (responseData.warning.quantity_min) {\n                    \/\/     $('#product .price-total').html('n\/a');\n                    \/\/     $('#product .price-each').html('n\/a');\n                    \/\/      $('#product #show-upload-n-go').prop('disabled', true);\n                } else {\n                    \/\/     $('#product #show-upload-n-go').prop('disabled', false);\n                }\n            } else {\n                \/\/  $('#product #show-upload-n-go').prop('disabled', false);\n            }\n            \/* this updates the popover *\/\n            $('#product #see-costs').attr('data-content', $('#cost-content').html());\n            if ($('#product #see-costs').attr('aria-describedby')) {\n                $('#product #see-costs').popover('show')\n            } else {\n                $('#product #see-costs').popover('hide')\n            }\n\n            \/* Hide Loader *\/\n            $('#loading-shipping').hide();\n            \/\/  $('#shipping-loaded').show();\n\n            clearTimeout(ajaxLoadTimeout);\n            $('.page-loading').css('display', 'none');\n            $('#pcontent').collapse('hide');\n            $('input[name=\"get_ups\"]').val('0');\n            return;\n        }).fail(function () {\n            $('.page-loading').css('display', 'none');\n\n        });\n    }\n\n\n\n\n\n    \/**\n     * Validate data\n     * @TODO - Actually validate stuff\n     * @returns {validate.error|Boolean}\n     *\/\n    function validate() {\n        var error = Array();\n        if ($('#input-quantity').val() == 0) {\n            $('#input-quantity').attr('invalid', true);\n            $('#input-quantity').addClass('invalid');\n            error.push('Quantity must be numeric and greater than 0');\n\n        } else {\n            $('#input-quantity').attr('invalid', false);\n            $('#input-quantity').removeClass('invalid');\n        }\n        if (error.length > 0) {\n            return error;\n        } else {\n            return true;\n        }\n    }\n\n    \/**\n     * \n     * @returns {undefined}\n     *\/\n    function bindExpeditedDeliveryModal() {\n        $('#expedited-delivery-modal').on('change', 'input[name=\"shipping-quotes\"]', function (e) {\n            var current_subtotal = parseFloat($('input[name=\"current_subtotal\"]').val());\n            $('input[name=\"selected_shipping_cost\"]').val(parseFloat($(this).data('cost')));\n            $('input[name=\"selected_shipping_method\"]').val($(this).val());\n            var shippingCost = parseFloat($(this).data('cost')).toLocaleString(undefined, {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 2\n            });\n\n            if ($(this).val() == 'ups_custom.03' && current_subtotal >= 89) {\n                $('.selected-shipping').html('FREE');\n            } else {\n                $('.selected-shipping').html('$' + shippingCost);\n                \/\/ $('.to_your_door').removeClass('d-none');\n                \/\/  $('.subtotal-title').addClass('d-none');\n            }\n\n            var newPrice = parseFloat($('input[name=\"current_totalcost\"]').val().replace(\/,\/g, '')) + parseFloat($(this).data('cost'));\n\n            var totalCost = newPrice.toLocaleString(undefined, {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 2\n            });\n\n            $('.est-arrival-date b').html($(this).data('date'));\n            $('.price-total').html('$' + totalCost);\n            \/* This updates the popover *\/\n            $('#see-costs').attr('data-content', $('#cost-content').html());\n        });\n    }\n\n    \/* Start bound event handlers  *\/\n\n    \/**\n     * Recurring id?  \n     * is this for recurring orders?\n     * \n     * @returns void\n     *\/\n    function bindSelectRecurringIdChange() {\n        $('select[name=\\'recurring_id\\']').change(function () {\n            $.ajax({\n                url: '\/index.php?route=product\/product\/getRecurringDescription',\n                type: 'post',\n                data: $('input[name=\\'product_id\\'], input[name=\\'quantity\\'], select[name=\\'recurring_id\\']'),\n                dataType: 'json',\n                beforeSend: function () {\n                    $('#recurring-description').html('');\n                },\n                success: function (json) {\n                    $('.alert-dismissible, .text-danger').remove();\n                    if (json['success']) {\n                        $('#recurring-description').html(json['success']);\n                    }\n                }\n            });\n        });\n    }\n\n    function bindButtonCartFunction() {\n        $('#button-cart').on('click', function () {\n            addToCartGoogle();\n            getQuote();\n            if ($('#input-quantity').val() == 0) {\n                $('#input-quantity').addClass('is-invalid');\n                return;\n            }\n            \/**\n             * @TODO - combine all cart functions into one with call back\n             *\/\n            if ($.trim($(\"#design-notes-modal\").val())) {\n                $(\"#product-options\").append('<input type=\"hidden\" name=\"comment\" value=\"Yard Signs | Digital : ' + $(\"#design-notes-modal\").val() + '\">');\n            }\n\n            if ($.trim($(\"#design-notes-modal-help\").val())) {\n                $(\"#product-options\").append('<input type=\"hidden\" name=\"comment\" value=\"Yard Signs | Digital : ' + $(\"#design-notes-modal-help\").val() + '\">');\n            }\n\n            if ($('#input-quantity').val() == 0) {\n                $('#input-quantity').addClass('is-invalid');\n                return;\n            }\n\n            $.ajax({\n                url: '\/index.php?route=checkout\/cart\/add',\n                type: 'post',\n                data: $('#product input[type=\\'number\\'],\\n\\\n                                    input[type=\\'text\\']:not([disabled]), \\n\\\n                                    #product input[type=\\'hidden\\']:not([disabled]), \\n\\\n                                    #product input[type=\\'radio\\']:checked, \\n\\\n                                    #product input[type=\\'checkbox\\']:checked,\\n\\\n                                    #product select:enabled  ,\\n\\\n                                    #product textarea'),\n                dataType: 'json',\n                beforeSend: function () {\n                    $('#button-cart').button('loading');\n                },\n                complete: function () {\n                    $('#button-cart').button('reset');\n                },\n                success: function (json) {\n                    $('.alert-dismissible').remove();\n                    $('.form-group').removeClass('has-error');\n                    if (json['error']) {\n                        if (json['error']['option']) {\n                            for (i in json['error']['option']) {\n                                var element = $('#input-option' + i.replace('_', '-'));\n                                if (element.parent().hasClass('input-group')) {\n                                    element.parent().after('<div class=\"text-danger\">' + json['error']['option'][i] + '<\/div>');\n                                } else {\n                                    element.after('<div class=\"text-danger\">' + json['error']['option'][i] + '<\/div>');\n                                }\n                            }\n                        }\n\n                        if (json['error']['recurring']) {\n                            $('select[name=\\'recurring_id\\']').after('<div class=\"text-danger\">' + json['error']['recurring'] + '<\/div>');\n                        }\n\n                        \/\/ Highlight any found errors\n                        $('.text-danger').parent().addClass('has-error');\n\n                        for (var i in json['error']) {\n                            $('.breadcrumb').after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + json['error'][i] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                        }\n                    }\n                    if (json['quote_id']) {\n                        $('input[name=\"quote_id\"').val(json['quote_id']);\n                    }\n                    if (json['design_id']) {\n                        $('input[name=\"design_id\"]').val(json['design_id']);\n                        $('form[name=\"select-options\"] input[data-option-name=\"Design ID\"]').val(json['design_id']);\n                    }\n\n                    if (json['success']) {\n                        $('.alert-dismissible, .alert-danger').remove();\n\n                        $('.breadcrumb').after('<div class=\"alert alert-success alert-dismissible\">' + json['success'] + '<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n\n                        \/\/ Need to set timeout otherwise it wont update the total\n                        setTimeout(function () {\n                            $('#cart span#cart-total').html(json['qty']);\n                            $('#cart #cart-toggle').trigger('click');\n                        }, 100);\n\n                        $('html, body').animate({scrollTop: 0}, 'slow');\n                        $('#cart > ul').load('\/index.php?route=common\/cart\/info ul li');\n                    }\n\n                },\n                error: function (xhr, ajaxOptions, thrownError) {\n                    alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);\n                }\n            });\n        });\n    }\n\n    function bindInputQtyChange() {\n        $('#input-quantity').on('change', function (e) {\n            if ($(this).val() > 0) {\n                $('#input-quantity').removeClass('is-invalid');\n            }\n        });\n    }\n\n    function bindDelegateReviews() {\n        $('#review').delegate('.pagination a', 'click', function (e) {\n            e.preventDefault();\n            $('#review').fadeOut('slow');\n            $('#review').load(this.href);\n            $('#review').fadeIn('slow');\n        });\n    }\n\n    function bindLoadReviews() {\n        $('#review').load('\/index.php?route=product\/product\/review&product_id=73');\n    }\n\n    function bindClickReview() {\n        $('#button-review').on('click', function () {\n            $.ajax({\n                url: '\/index.php?route=product\/product\/write&product_id=73',\n                type: 'post',\n                dataType: 'json',\n                data: $(\"#form-review\").serialize(),\n                beforeSend: function () {\n                    $('#button-review').button('loading');\n                },\n                complete: function () {\n                    $('#button-review').button('reset');\n                },\n                success: function (json) {\n                    $('.alert-dismissible').remove();\n                    if (json['error']) {\n                        $('#review').after('<div class=\"alert alert-danger alert-dismissible\"><i class=\"fa fa-exclamation-circle\"><\/i> ' + json['error'] + '<\/div>');\n                    }\n                    if (json['success']) {\n                        $('#review').after('<div class=\"alert alert-success alert-dismissible\"><i class=\"fa fa-check-circle\"><\/i> ' + json['success'] + '<\/div>');\n                        $('input[name=\\'name\\']').val('');\n                        $('textarea[name=\\'text\\']').val('');\n                        $('input[name=\\'rating\\']:checked').prop('checked', false);\n                    }\n                }\n            });\n        });\n    }\n\n    function bindThumbnailMagnific() {\n        $('.thumbnails').magnificPopup({\n            type: 'image',\n            delegate: 'a',\n            gallery: {\n                enabled: false\n            }\n        });\n    }\n\n    function bindSelectOptions() {\n        $('form[name=\"select-options\"]').on('submit', function () {\n            getQuote();\n            return false;\n        });\n    }\n\n    function bindMoreAddonsOptionsClick() {\n        $('#more-addons, #more-options').click(function (event) {\n            setTimeout(function () {\n                $('[data-toggle=\"popover\"]').popover('update');\n            }, 350);\n        });\n        \/* reposition see all costs popover on options box changes change *\/\n        \/* added a delay to the function - the update below was happening faster than the div expanded *\/\n    }\n\n    \/* End bound event handlers  *\/\n\n    function debugOptions() {\n        var debug = false;\n        if (debug) {\n            var mutationObserver = new MutationObserver(function (mutations) {\n                mutations.forEach(function (mutation) {\n                });\n            });\n            mutationObserver.observe(document.querySelector('#customize-product'), {\n                attributes: true,\n                characterData: true,\n                childList: true,\n                subtree: true,\n                attributeOldValue: true,\n                characterDataOldValue: true\n            });\n        }\n    }\n\n    \/* start google functions *\/\n    \/* put all these itno a gogole object *\/\n    function getCatForGoogle() {\n        var cat_for_google = $('.breadcrumb li:nth-last-child(2)').text().replace(\"'\", \" foot\").replace('\"', ' inch').replace('&quot;', \" inch\");\n        if (cat_for_google == '') {\n            cat_for_google = 'Product';\n        }\n        return cat_for_google;\n    }\n\n    function getPriceForGoogle() {\n        var price_each_for_google = $('span.price-each').text().replace(\"$\", \"\");\n        price_each_for_google = price_each_for_google.replace(\",\", \"\");\n        return price_each_for_google;\n    }\n\n\n    function getQtyForGoogle() {\n        var qty_for_google = $('#input-quantity').val();\n        return qty_for_google;\n    }\n\n    \/**\n     * \n     * @returns {undefined}     \n     * *\/\n    function productViewGoogle() {\n        var itemPrice = getPriceForGoogle();\n        var itemQty = getQtyForGoogle();\n        var totalPrice = parseFloat(itemPrice * itemQty);\n        gtag(\"event\", \"view_item\", {\n            currency: \"USD\",\n            value: totalPrice,\n            items: [\n                {\n                    item_id: 'YS-D-4WCoro',\n                    item_name: 'Yard Signs | Digital',\n                    affiliation: \"GoodGuysSigns.com website\",\n                    \/\/coupon: \"\",\n                    currency: \"USD\",\n                    \/\/discount: 2.22,\n                    index: 0,\n                    item_brand: \"GGS\",\n                    item_category: getCatForGoogle(),\n                    \/\/  item_category2: \"Adult\",\n                    \/\/   item_category3: \"Shirts\",\n                    \/\/  item_category4: \"Crew\",\n                    \/\/   item_category5: \"Short sleeve\",\n                    \/\/    item_list_id: \"related_products\",\n                    \/\/     item_list_name: \"Related Products\",\n                    \/\/    item_variant: \"green\",\n                    \/\/     location_id: \"ChIJIQBpAG2ahYAR_6128GcTUEo\",\n                    price: itemPrice,\n                    quantity: itemQty\n                }\n            ]\n        });\n\n        gtag(\"event\", \"view_item_list\", {\n            item_list_id: \"related_products\",\n            item_list_name: \"Related products\",\n            items:\n                    [\n                            ]\n            });\n        }\n\n\n        $('.product-thumb a, .product-thumb button').on('click', function (e) {\n            var listSKU = $(this).closest('.product-layout').data('model');\n            var listName = $(this).closest('.product-layout').data('name');\n            var listIndex = $(this).closest('.product-layout').data('index');\n            gtag(\"event\", \"select_item\", {\n                item_list_id: \"Related products\",\n                item_list_name: \"Related products\",\n                items: [\n                    {\n                        item_id: listSKU,\n                        item_name: listName,\n                        affiliation: \"GoodGuysSigns.com website\",\n                        currency: \"USD\",\n                        index: listIndex,\n                        item_brand: 'GGS',\n                        item_list_id: \"related_products\",\n                        item_list_name: \"Related products\"\n                    }\n                ]\n            });\n        });\n\n        \/**\n         * Push to the google gtag on add to cart\n         * @TODO:  This ciode shoudl be in the cart.add method in common.js\n         * @returns {undefined}             \n         * *\/\n        function addToCartGoogle() {\n            var itemPrice = getPriceForGoogle();\n            var itemQty = getQtyForGoogle();\n            var totalPrice = parseFloat(itemPrice * itemQty);\n            gtag(\"event\", \"add_to_cart\", {\n                currency: \"USD\",\n                value: totalPrice,\n                items: [\n                    {\n                        item_id: 'YS-D-4WCoro',\n                        item_name: 'Yard Signs | Digital',\n                        affiliation: \"GoodGuysSigns.com website\",\n                        \/\/ coupon: \"SUMMER_FUN\",\n                        currency: \"USD\",\n                        \/\/  discount: 2.22,\n                        index: 0,\n                        item_brand: \"GGS\",\n                        item_category: getCatForGoogle(),\n                        \/\/    item_category2: \"Adult\",\n                        \/\/   item_category3: \"Shirts\",\n                        \/\/   item_category4: \"Crew\",\n                        \/\/  item_category5: \"Short sleeve\",\n                        \/\/   item_list_id: \"related_products\",\n                        \/\/  item_list_name: \"Related Products\",\n                        \/\/  item_variant: \"green\",\n                        \/\/  location_id: \"ChIJIQBpAG2ahYAR_6128GcTUEo\",\n                        price: itemPrice,\n                        quantity: getQtyForGoogle()\n                    }\n                ]\n            });\n        }\n\n        \/* end google functions *\/\n\n        \/**\n         * Check if the quote exists already and show modal as needed\n         * @returns {Boolean} \n         *\/\n        function ajaxCheckIfQuote() {\n            if ($('input[name=\"quote_id\"]').val() > 0) {\n                var nextModal = $('#addupdatequote').html();\n                $('#add-update-quote').append(nextModal);\n                $('#add-update-quote .modal').attr('id', 'add-update-quote-modals');\n                $('#add-update-quote-modals').modal('show');\n                return false;\n            }\n            return true;\n        }\n\n        \/**\n         * Get cart\n         * @param {type} callbackSuccess\n         * @param {type} callbackFailure\n         * @returns {Boolean}         \n         * *\/\n        function ajaxCartRequest(callbackSuccess, callbackFailure) {\n            $.ajax({\n                url: '\/index.php?route=checkout\/cart\/add',\n                type: 'post',\n                data: $('#product input[type=\\'number\\']:not([disabled]),\\n\\\n                            input[type=\\'text\\']:not([disabled]), \\n\\\n                           #product input[type=\\'hidden\\']:not([disabled]), \\n\\\n                           #product input[type=\\'radio\\']:checked, \\n\\\n                           #product input[type=\\'checkbox\\']:checked, \\n\\\n                            #product select:enabled  ,\\n\\\n                           #product textarea'),\n                dataType: 'json',\n                beforeSend: function () {\n                    $('#button-cart').button('loading');\n                },\n                complete: function () {\n                    $('#button-cart').button('reset');\n                },\n                success: function (json) {\n                    addToCartGoogle();\n                    $('.alert-dismissible').remove();\n                    console.log($('.alert-dismissible'));\n                    $('.form-group').removeClass('has-error');\n                      if (json['error']) {   \n                        if (json['error']['option']) {\n                            for (i in json['error']['option']) {\n                                var element = $('#input-option' + i.replace('_', '-'));\n                                if (element.parent().hasClass('input-group')) {\n                                    element.parent().after('<div class=\"text-danger\">' + json['error']['option'][i] + '<\/div>');\n                                } else {\n                                    element.after('<div class=\"text-danger\">' + json['error']['option'][i] + '<\/div>');\n                                }\n                            }\n                        }\n\n                        if (json['error']['recurring']) {\n                            $('select[name=\\'recurring_id\\']').after('<div class=\"text-danger\">' + json['error']['recurring'] + '<\/div>');\n                        }\n\n                        \/\/ Highlight any found errors\n                        $('.text-danger').parent().addClass('has-error');\n\n                        if (json['error']) {\n                            if(typeof(json['error'][0] === 'string')){\n                                  $('.breadcrumb').after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + json['error'][0] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                            }       \n                            if (json['error']['option']) {\n                                for (i in json['error']['option']) {\n                                    $('.breadcrumb').after('<div class=\"alert alert-danger alert-dismissible btn-group w-100\"><b class=\"mr-5\">ERROR:<\/b>' + json['error']['option'][i] + '<button type=\"button\" class=\"btn btn-link close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n\n                                }\n                            }\n                        }\n                    }\n                    if (json['success']) {\n                        $('.alert-dismissible, .alert-danger').remove();\n\n                        $('.breadcrumb').after('<div class=\"alert alert-success alert-dismissible\">' + json['success'] + '<button type=\"button\" class=\"close\" data-dismiss=\"alert\">&times;<\/button><\/div>');\n                        setTimeout(function () {\n\n                            $('#cart span#cart-total').html(json['qty']);\n                        }, 100);\n\n                        $('html, body').animate({scrollTop: 0}, 'slow');\n                        $('#cart > ul').load('\/index.php?route=common\/cart\/info ul li');\n                    }\n                    if (json['quote_id']) {\n                        $('input[name=\"quote_id\"]').val(json['quote_id']);\n                        $('#design-now').prop('disabled', false);\n                    }\n                    if (json['design_id']) {\n                        $('input[name=\"design_id\"]').val(json['design_id']);\n                        $('form[name=\"select-options\"] input[data-option-name=\"Design ID\"]').val(json['design_id']);\n                    }\n                    if (callbackSuccess && typeof callbackSuccess === \"function\") {\n                        callbackSuccess(json);\n                    }\n\n                },\n                error: function (xhr, ajaxOptions, thrownError) {\n                    alert(thrownError + \"\\r\\n\" + xhr.statusText + \"\\r\\n\" + xhr.responseText);\n                }\n            });\n            return true;\n        }\n<\/script>\n\n<script type='application\/ld+json'>\n    {\n    \"@context\": \"https:\/\/www.schema.org\",\n    \"@type\": \"product\",\n    \"name\": \"Yard Signs | Digital \",\n    \"mpn\": \"YS-D-4WCoro\",\n    \"sku\": \"YS-D-4WCoro\",\n\n    \"brand\": {\n    \"@type\": \"Thing\",\n    \"name\": \"Good Guys Signs\"\n    },\n    \"category\": \"\",\n    \"image\": \"https:\/\/www.goodguyssigns.com\/image\/cache\/catalog\/Yard%20Signs%20|%20Digital\/yard-signs-digital-farmers-690x460.webp\",\n    \"description\": \"\",\n        \"offers\": {\n    \"@type\": \"Offer\",\n    \"priceCurrency\": \"USD\",\n    \"price\": \"5.60\",\n    \"priceValidUntil\": \"2030-11-05\",\n    \"URL\":\"\",\n    \"itemCondition\": \"http:\/\/schema.org\/NewCondition\",\n    \"availability\": \"http:\/\/schema.org\/InStock\",\n    \"seller\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Good Guys Signs\"\n    }\n    }\n    }\n\n<\/script>\n\n<script type=\"text\/javascript\" defer>\n\n    \/**\n     * Swtich between print and infro\n     * on digital replacement modal\n     * @param {type} method\n     * @returns {Boolean}\n     *\/\n    var digitalReplaceModalShown = false;\n    function switchPrintMethodInfo(method) {\n        if (method === 'info') {\n            $('#infoprintmethod').addClass('d-block');\n            $('#infoprintmethod').removeClass('d-none');\n            $('#selectprintmethod').addClass('d-none');\n            $('#selectprintmethod').removeClass('d-block');\n            if (!$('#digital-faster').hasClass('show')) {\n                $('#digital-faster').modal('show');\n            }\n        } else {\n            $('#selectprintmethod').addClass('d-block');\n            $('#selectprintmethod').removeClass('d-none');\n            $('#infoprintmethod').addClass('d-none');\n            $('#infoprintmethod').removeClass('d-block');\n        }\n        return false;\n    }\n    $('#digital-faster').on('shown.bs.modal', function () {\n        if ($('input[data-name=\"Best Price\"]').prop('checked')) {\n            \/\/    alert('Best Price modal show');            \n            $('.digitalreplace[value=\"silkscreen\"]').addClass('btn-success');\n            $('.digitalreplace[value=\"silkscreen\"]').removeClass('btn-outline-success');\n        }\n    });\n    \/**\n     * set ui and form values \n     * for digital replacement\n     * @param {type} method\n     * @returns {Boolean}\n     *\/\n    function setDigitalReplaceMethod(method) {\n        \/* @TODO all these button swaps shoudl be 2 lines of code. *\/\n        \/* all radio buttons will have the same name, set all to unchecked  *\/\n        var radio_name = $('input[data-name=\"Digital\"]').attr('name');\n        $('input[name=\"' + radio_name + '\"]').prop('checked', false);\n        var drID = '';\n        $('#digitalreplace label, .digitalreplace').removeClass('btn-success');\n        $('#digitalreplace label, .digitalreplace').addClass('btn-outline-success');\n        $('.digitalreplace[value=\"' + method + '\"]').addClass('btn-success');\n        $('.digitalreplace[value=\"' + method + '\"]').removeClass('btn-outline-success');\n\n        if (method === 'silkscreen') {\n            $('input[data-name=\"Silkscreen\"]').prop('checked', true).trigger('change');\n            drID = $('input[data-name=\"Silkscreen\"]').attr('id');\n            $('label[for=\"' + drID + '\"]').addClass('btn-success ');\n            $('label[for=\"' + drID + '\"]').removeClass('btn-outline-success ');\n            var colors = getPrintColors();\n            console.log('colors', colors);\n            console.log('method', method);\n            setColorPicker(colors, method);\n        } else if (method === 'digital') {\n            $('input[data-name=\"Digital\"]').prop('checked', true).trigger('change');\n            drID = $('input[data-name=\"Digital\"]').attr('id');\n            $('label[for=\"' + drID + '\"]').addClass('btn-success ');\n            $('label[for=\"' + drID + '\"]').removeClass('btn-outline-success ');\n            var colors = getPrintColors();\n            console.log('colors', colors);\n            console.log('method', method);\n            setColorPicker(colors, method);\n        } else {\n            \/\/    alert(method);\n            $('input[data-name=\"Best Price\"]').prop('checked', true);\n            var typeName = $('#product-product input[name=\"print_type_from_quote\"]').val();\n            \/\/    drID = $('input[data-name=\"Digital\"]').attr('id');\n            \/\/      $('label[for=\"' + drID + '\"]').addClass('btn-success ');\n            \/\/    $('label[for=\"' + drID + '\"]').removeClass('btn-outline-success');    \n            var colors = getPrintColors();\n            console.log('colors', colors);\n            console.log('method', typeName);\n            setColorPicker(colors, typeName);\n        }\n        $('#digitalreplace').removeClass('d-none');\n        $('#digitalreplace').addClass('d-block');\n        $('#digital-faster').modal('hide');\n        return true;\n    }\n\n\n    \/**\n     * Convert PMS color to HTML\n     * @param {type} color\n     * @returns {jqXHR}\n     *\/\n    function getPMStoHTML(color) {\n        var url = \"\/?route=product\/pmstohtml&pmscolor=\" + color;\n        return $.ajax({\n            url: url,\n            method: 'get',\n            dataType: 'json'\n        });\n    }\n\n\n    function setColors() {\n        colors = getPrintColors();\n        $('.color-boxes label').eq(0).css('background-color', 'white');\n        $('.color-boxes label').eq(1).css('background-color', 'white');\n        var n = $('.popover input[name=\"picked-colors\"]:checked').length;\n        for (i = 0; i < colors; i++) {\n            console.log(colorsSelect);\n            $('.color-boxes label').eq(i).css('background-color', colorsSelect[i]);\n        }\n    }\n\n    \/**\n     * Gets the number of print colors\n     * @returns {Number|colors}\n     *\/\n    function getPrintColors() {\n        \/\/   console.log('getPrintColors');\n        colors = 0;\n        if ($('[data-option-name=\"Number of Print Colors\"]').length) {\n            if($('[data-option-name=\"Number of Print Colors\"]').attr('type') == 'hidden'){\n                 colors = $('[data-option-name=\"Number of Print Colors\"]').data('name').toLowerCase();\n            } else {\n                colors = $('[data-option-name=\"Number of Print Colors\"]:checked').data('name').toLowerCase();\n            }\n            colors = colors.replace(\/[^0-9]\/g, '')\n            if (colors == '') {\n                colors = 4;\n            }\n        }\n        return colors;\n    }\n\n    \/**\n     * Set the color picker variables\n     * Use 0 to hide (no colors)\n     * @param {type} colors\n     * @returns {undefined}\n     *\/\n    function setColorPicker(colors, type) {\n        \/\/  console.log(type);\n        if (!type) {\n            \/\/ $('.pms-color').eq(1).addClass('d-none');\n            \/\/ $('.pms-color').eq(1).attr('disabled', true);\n            if ($('select[data-option-name=\"Print Type\"]').length) {\n                type = $('option:selected', 'select[data-option-name=\"Print Type\"]').data('name');\n            } else {\n                if ($('input[data-option-name=\"Print Type\"]').length) {\n                    type = $('input[data-option-name=\"Print Type\"]').data('name')\n                } else {\n                    return;\n                }\n            }\n        }\n\n        if (type.toLowerCase() !== 'silkscreen') {\n            colors = 0;\n        }\n\n        switch (parseInt(colors)) {\n            case 1:\n                $('.color-boxes').removeClass('d-none');\n                $('.color-boxes label').removeClass('d-none');\n                $('.color-boxes label').eq(1).addClass('d-none');\n                $('.color-boxes input').eq(0).attr('disabled', false);\n                $('.color-boxes input').eq(1).attr('disabled', true);\n\n                $('.pms-color input').eq(0).removeClass('d-none');\n                $('.pms-color input').eq(0).attr('disabled', false);\n\n                $('.pms-color input').eq(1).addClass('d-none');\n                $('.pms-color input').eq(1).attr('disabled', true);\n\n                $('input[name=\"picked-colors\"]').attr('disabled', false);\n                $('.color-button').removeClass('d-none');\n                break;\n            case 2:\n                $('.color-boxes').removeClass('d-none');\n                $('.color-boxes label').removeClass('d-none');\n                $('.color-boxes input').attr('disabled', false);\n\n                $('.pms-color input').removeClass('d-none');\n                $('.pms-color input').attr('disabled', false);\n\n                $('.color-button').removeClass('d-none');\n                $('input[name=\"picked-colors\"]').attr('disabled', false);\n                break;\n            case 0:\n            case 3:\n            case 4:\n                $('.color-boxes').addClass('d-none');\n                $('.color-boxes label').addClass('d-none');\n                $('.color-boxes input').attr('disabled', true);\n                $('.pms-color input').addClass('d-none');\n                $('.pms-color input').attr('disabled', true);\n                $('.color-button').addClass('d-none');\n                $('input[name=\"picked-colors\"]').attr('disabled', true);\n                break;\n        }\n\n        $('#cp-btn').attr('data-original-title', 'Choose ' + colors + ' color(s) ' + btnDonecp);\n        $('#cp-btn').attr('data-content', $('#cp-content').html());\n\n    }\n\n<\/script>\n<\/div>\n<style>\n    #demo  {\n        font-size:1.1em;\n        font-weight:500;\n        display:block;\n    }\n<\/style>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts\/151"}],"collection":[{"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/comments?post=151"}],"version-history":[{"count":5,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts\/151\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts\/151\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}