{"id":6671,"date":"2024-08-22T17:35:31","date_gmt":"2024-08-22T17:35:31","guid":{"rendered":"https:\/\/www.goodguyssigns.com\/blog\/?p=6671"},"modified":"2024-12-06T16:35:35","modified_gmt":"2024-12-06T16:35:35","slug":"are-your-corrugated-plastic-yards-signs-safe","status":"publish","type":"post","link":"https:\/\/www.goodguyssigns.com\/blog\/are-your-corrugated-plastic-yards-signs-safe\/","title":{"rendered":"Are Your Corrugated Plastic Yard Signs Safe?"},"content":{"rendered":"\n<p>If you are reading this post, chances are you are involved in a political campaign, a real estate agent, a small business owner, or an event planner. The ubiquitous corrugated plastic yard sign is most likely a main part of your marketing campaign, and the one thing we all have in common is the desire to market our products and services in a safe, environmentally friendly, and socially acceptable manner. In addition, we want our marketing efforts to put our business and campaign in the best possible light.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2020\/07\/political-signs-1024x512.jpg\" alt=\"Coroplast political yard signs\" class=\"wp-image-6455\" srcset=\"https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2020\/07\/political-signs-1024x512.jpg 1024w, https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2020\/07\/political-signs-300x150.jpg 300w, https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2020\/07\/political-signs-768x384.jpg 768w, https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2020\/07\/political-signs.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As stewards of this planet, we should seek to avoid dangerous materials, do as little harm to our environment, and ensure that people making the products we use are treated in a humane manner.<\/p>\n\n\n\n<p>The typical campaign yard sign is made out of 4mm corrugated plastic. This incredible material is lightweight and durable. But not all corrugated plastic is the same. Depending on where sourced, corrugated plastic can be manufactured containing dangerous substances or using poor quality plastics, resulting in a dingy-looking product. With corrugated plastic of unknown origins, it could be manufactured with slave labor or under extremely poor and unsafe working conditions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"578\" src=\"https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2024\/08\/coroplast-print-white-boards.jpg\" alt=\"Corrugated Plastic Yards\" class=\"wp-image-6672\" srcset=\"https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2024\/08\/coroplast-print-white-boards.jpg 950w, https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2024\/08\/coroplast-print-white-boards-300x183.jpg 300w, https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2024\/08\/coroplast-print-white-boards-768x467.jpg 768w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<p>Coroplast\u00ae is a corrugated plastic made in America by Interplast Group. Authentic Coroplast\u00ae manufactured by Interplast Group is recyclable and is manufactured without any contaminants, making it the most environmentally friendly yard sign material in the world.<\/p>\n\n\n\n<p>Coroplast\u00ae is made with 100% polypropylene copolymers, the same plastic in milk cartons and detergent bottles. It can be recycled using existing processes and in the same recycling stream. Other corrugated plastic manufactured overseas lacks the production controls and governmental oversight that Interplast Group implements in manufacturing Coroplast\u00ae and is <a href=\"undefined\" target=\"_blank\" rel=\"noopener\" title=\"ISO 9001\">ISO 9001 certified<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Concerns of contaminated corrugated plastic!<\/h2>\n\n\n\n<p>Corrugated plastic made overseas may contain dangerous contaminants such as heavy metals, lead, cadmium, or even radioactive substances. Products that contain such substances can <a href=\"https:\/\/committees.parliament.uk\/writtenevidence\/86039\/html\/\" target=\"_blank\" rel=\"noopener\" title=\"contaminate \">contaminate <\/a>the recycling process, causing even more waste as the <a href=\"https:\/\/www.theguardian.com\/lifeandstyle\/2014\/jul\/16\/plastic-poverty-pollution-china-recycling-dead-zone\" target=\"_blank\" rel=\"noopener\" title=\"contaminated \">contaminated <\/a>recycled material can no longer be used. Ironically, this contaminated material is then either sent to a landfill or sent overseas, where unscrupulous businessmen and governments reuse the contaminated plastic to make even more contaminated corrugated plastic and other industrial use plastics, increasing the totality of contaminated plastics worldwide. When you consider the China-sourced drywall problems in the early 2000&#8217;s, is it worth the risk?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2060\" height=\"1236\" src=\"https:\/\/www.goodguyssigns.com\/blog\/wp-content\/uploads\/2024\/08\/86097fa1-c922-4c56-8b2c-84c632224c1b-2060x1236-1.avif\" alt=\"Pollution from recycling in Beijing\" class=\"wp-image-6673\"\/><figcaption class=\"wp-element-caption\"><sub>Two men walk through smoke from burning plastic waste in Beijing. <a href=\"https:\/\/www.theguardian.com\/lifeandstyle\/2014\/jul\/16\/plastic-poverty-pollution-china-recycling-dead-zone\" target=\"_blank\" rel=\"noopener\" title=\"\">https:\/\/www.theguardian.com\/lifeandstyle\/2014\/jul\/16\/plastic-poverty-pollution-china-recycling-dead-zone<\/a><\/sub><\/figcaption><\/figure>\n\n\n\n<p>Interplast Group is an American-based company, and Coroplast\u00ae is made in Canada. Using Coroplast\u00ae assures you that the workers are treated fairly and work in a safe environment. Buying from American companies and North American-made products helps us all by creating jobs for fellow Americans and Canadians. Buying corrugated plastic from overseas where the product may be manufactured by slave labor or in woefully inadequate factories might save you a few dollars, but it employs no Americans and does not help America become stronger.<\/p>\n\n\n\n<p>Using low-quality corrugated plastic can reflect very poorly on your business or campaign. The print quality of yard signs can be adversely affected by poor color consistency of the corrugated plastic. Uneven surfaces and inconstant material quality can make your skin look dirty and dull.<\/p>\n\n\n\n<p>We print on calibrated systems that include the substrate color and reflectivity as part of the formula. When the substrate color and reflectivity vary from sheet to sheet on low-quality corrugated plastic, the colors of the printed product will also be inconsistent, and potential customers or voters may question the quality of your work. Most importantly, when the cheap corrugated plastic starts with a dingy white appearance, any white border and white contest will be old and cheap. Customers will notice, and it will ultimately reflect upon their perception of your business or campaign.<\/p>\n\n\n\n<p>Good Guys Signs exclusively uses Coroplast\u00ae brand corrugated plastic to ensure that not only is your business or campaign shown in the best possible light with good whites and consistent colors but also a peace of mind that you did no harm to the environment, customers, or workers with your purchase.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">    \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\">Sunday, May 03, 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\">Sunday, May 03, 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<\/div>\n<\/div>\n\n\n\n<p>Choose your product options and click add to cart<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are reading this post, chances are you are involved in a political campaign, a real estate agent, a small business owner, or an event planner. The ubiquitous corrugated plastic yard sign is most likely a main part of your marketing campaign, and the one thing we all have in common is the desire [&hellip;]<\/p>\n","protected":false},"author":1,"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\/6671"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/comments?post=6671"}],"version-history":[{"count":25,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts\/6671\/revisions"}],"predecessor-version":[{"id":6884,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/posts\/6671\/revisions\/6884"}],"wp:attachment":[{"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/media?parent=6671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/categories?post=6671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goodguyssigns.com\/blog\/wp-json\/wp\/v2\/tags?post=6671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}