
        <!-- Custom Color Picker -->
        <link rel="stylesheet" media="screen" type="text/css" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/colorpicker.css" />
        <!-- Submit Ajax Request -->
        <link rel="stylesheet" media="screen" type="text/css" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/css/pluginStyle.css" />
        <link rel="stylesheet" type="text/css" href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/css/printed-label-custom.css" />
        <section class="panel-headings-section for-desktop">
            <input type="hidden" id="current_step" value="1">
            <!-- start --->
            <div class="owl-carousel panel-headings-wrapper">
                <div class="panel-heading active-h step1" data-target="upload-logo" data-id="1">
                    <i class="icon icon-label-upload"></i>
                    <p>Upload your Logo (image / artwork)</p>
                    <p>1</p>
                </div>

                <div class="panel-heading step2" data-target="label-size" data-id="2">
                    <i class="icon icon-label-size"></i>
                    <p>Label Size/Fold</p>
                    <p>2</p>
                </div>

                <div class="panel-heading step3" data-target="logocolor" data-id="3">
                    <i class="icon icon-symbol"></i>
                    <p>Color</p>
                    <p>3</p>
                </div>
                <div class="panel-heading step4" data-target="printOptions" data-id="4">
                    <i class="icon icon-label-cut"></i>
                    <p>OPTIONS</p>
                    <p>4</p>
                </div>
                <div class="panel-heading step5" id="amount" data-target="amount" data-id="5">
                    <i class="icon icon-amount"></i>
                    <p>QUANTITY</p>
                    <p>5</p>
                </div>
            </div>
        </section>
        <div class="sticky-trigger"></div>
        <section class="main-contents">
            <div class="previewRowHeight"></div>
            <!--------- preview panel ---------->
            <div class="proPreview proPreview-deg-ord-print">
                <div class="wrapper">
                    <span class="close-preview" style="display:none;">X</span>
                    <div class="previewWindow">
                        <div id="myCanvas">
                            <div class="windowBody">
                                <div class="row heading">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <!-- <div class="windowHeading" onclick="" >Label Preview</div> -->
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <div class="rev-dwnl-sec pull-right">
                                            <div class="rev-sec quantitity_option">
                                                <span class="add-amount">Quantity Options</span>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="previewRow">
                                    <div class="productPrevImg" style="text-align:center;">
                                        <div id="displaydesignW">
                                            <div id="displaydesign" style="text-align:center;"></div>
                                            <div class="after" style="display:none;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAAXCAYAAADqWri3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dJREFUeNrsWz1rG0EQlRYhhFFhBIHgQqRwZVKlUqXKgZBKlQt3EQRcKI1/gCE/IJUQLoJJnUKEFC5cBGFSuPMvcJEqpMoPSBH5rbwrr55n9lTvzYNlP25vz+b26c3MzjWn02kjotlsrurlcrlqxzqOSXMi4vV0rTD2CuXXZDL52zAYCsRsNuthr79A81bY/yI0XklcitddnMSLp4TlcW0xYa0hyjX6XXulhlKBvd4N+3zIXGJeMDFzROa2Ex78hPUSIZm8TGhghHKF0g3/jMFQJMCJjt/nYb+PIocksZNEL50nkTzOd8x4qc0PkX4F6L4xmvPwT/i+s1dqKBjtUHew1+dh/28In2YWa+NxLCW+Y5bzL0GcqEk4+67AKcYuPEHTNQ2Ggs3gVB09py5Qn6ZEZN9UEkItZhQ56SQ/lWVZeyA/AOWTL1XqbDAUZgZLZFxzQXMfpbF0PV63lbtBWlS67n1f9D+jHkvENsIaaqSsKcm8lbmL/nvU//mEpUpRGY6VU3KMmXi0uPdL55GoCvl37JUaClbWtmR1BowDPzrsw7JvyuRlsXO5yC/fKER8faT3CnNGmvNMDrjBUCJ2BBFLuTJCP56MZE1hJnBaHLOXmS45uwHPG+FsKZc8YQEmQ53MYS2mAwzRvva8Yd9Uu4fHnGYCS1KdPKCP+mfjITtJtbPTNQ2GOhC1YtzzxfOmr3FMsF4ffVbNWZZs5nD9AP0bNPdTqc794aashhr4rWpyA3FrP/DnoGoNEsjHc1Y+E6IjmXjfwP8yoL8nOcNa6NmSIgyFq6rTCCrFcDx/gmU6kNRUy2twFSqaRoAPMbRA3ZN8Wi0gFfqWbmgoGV1WwZyVGTjhebRA/zCn1qIZLKlqcu0I5RKlI5nJOR/XYKiDCcy18mELk9kfe16iHFX5rRsBJo3NuH6C6muDjl9S+1pTY/NZDTUxg8UxLd2WONZG3/PrRFPnJ8rK5AqkO0M519ILq9TUosCGuqkrc0NKglD823OUMyHes57f0giI9hRlkkuOyAWmJEIbDCUTla3KnO+q8OQjqmcoH3juiqxsyobUqS+oj7eQ8G2TIHbtlRoKRndb0ubGwvgkBHHfofxL5zhSQx9A+o76WHKet/3WleeZz2ooHC3J2kwT+6VAk2apev6h/S1+D772WZMFemgvUL/Jybz2i5Bzvs0MNtTBFNasUM1t1CzVcP1t4+Fop7fxPStuWOX5oj2QHpCRbDVEzWsYDHXzXSlPIZssoXBkEPOJV/Lt059Q/0DpSzLOxET9G/UfzfxVPpy9s1dpKBXY53fY47eaRan4rJ6Aexphk/5LlBv0X98LMAB0TJgcsX4oWQAAAABJRU5ErkJggg==">
                                            </div>
                                        </div>

                                        <div id="displaydesignnew_bck_vw_wrp" class="hide">
                                            <div id="displaydesignnew_bck_vw">

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="infos">
                                            <p>
                                                Please click <a onclick="repair()"
                                                style="color:red;text-decoration: underline;cursor: pointer;">here</a> if
                                                image not shown or appears to be broken.
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="rev-dwnl-sec">
                                            <div class="rev-sec">
                                                <span class='rev-cnt'>1 Review</span>                                          </div>

                                      </div>

                                      <input type="hidden" id="quantity" name="quantity" value="1" />
                                      <input type="hidden" id="custom_data_1" name="custom_data_1" value="2.35 X 0.78" />
                                      <input type="hidden" id="custom_data_2" name="custom_data_2" value="" />
                                      <input type="hidden" id="custom_data_3" name="custom_data_3" value="" />
                                      <input type="hidden" id="custom_data_4" name="custom_data_4" value="" />
                                      <input type="hidden" id="custom_data_5" name="custom_data_5" value="" />
                                      <input type="hidden" id="custom_data_6" name="custom_data_6" value="" />
                                      <input type="hidden" id="custom_data_7" name="custom_data_7" value="" />
                                      <input type="hidden" id="custom_data_8" name="custom_data_8" value="" />
                                      <input type="hidden" id="custom_data_9" name="custom_data_9" value="" />
                                      <input type="hidden" id="custom_data_10" name="custom_data_10" value="" />
                                      <input type="hidden" id="sizetag" name="sizetag" value="N/A" />
                                      <input type="hidden" id="totalpricelabeladd2crt" name="totalpricelabeladd2crt" value="" />
                                      <div id="hereallwillchnage">
                                        <div class="btns-inline btn-cart-canvas" style="display:none;">
                                            <button type="submit" name="add-to-cart" value="1676" class="add-to-cart-btn designtoolbutton" onclick="submitDesign(2);">Add to cart</button>
                                            <span class="or">Or</span>

                                            <p class="dwn-pdf-btn fancybox-inline dwn-pdf-btn-brd">
                                                <a href="#pdfLeadPopup" target="_blank"  onclick="submitDesign(2, 'sbmtQT');">
                                                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBAYNOQiZbZzzAAAAdUlEQVQoz82PMQ6CABRDX4CN0TMwuAKnwY2ds+HgjYgbEA5A8twMX0Ed7fTb3zYpBNjZRSWLlNMLJ+EL/spgavW8K9P3hpzeFsCWnnynzMLBm1fvnrdyGSyLi0X4uoaWchsAV/TTBv1h5mx9mK+Z8OLoEUabBxs7SqIhWWFPAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA0LTA2VDEzOjU3OjA4KzAwOjAwNsR2EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNC0wNlQxMzo1NzowOCswMDowMEeZzqwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC"><span>Submit Quote</span>
                                                </a>
                                            </p>
                                            <span class="or">Or</span>
                                            <button type="button" class="save-later-button" onclick="saveForLater()">Save for later</button>
                                        </div>
                                        <div class="btns-inline btn-prev-next">

                                            <button class="col-sm-6 btn btn-prev" onclick="prev_new();" disabled>Prev</button>
                                            <button class="col-sm-6 btn btn-next" onclick="nxt_new();">Next</button>
                                        </div>

                                        <div class="btns-inline btn-canvas-submit" style="display:none;">
                                         <button class="col-sm-12 btn btn-next">Preview & Submit</button>
                                     </div>
                                 </div>
                             </div>
                             <div class="col-xs-12">
                               <div class="productPrevCont">
                                <div class="note-txt">
                                    <p>
                                        This image is only a preview. Colors and text may appear slightly different
                                        on the actual product.
                                    </p>
                                </div>

                                <div class="label-input-details-wrapper">
                                    <div class="label-input-details">
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Label Type</span>
                                            <span class="productPrevContRowDes" id="labelType">SATIN</span>
                                        </div>
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Size</span>
                                            <span class="productPrevContRowDes" id="selectprodsize">2.35" X 0.78"</span>
                                        </div>
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Fold options</span>
                                            <span class="productPrevContRowDes" id="labelfold">Straight Cut - No Fold</span>
                                        </div>
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Size Tag</span>
                                            <span class="productPrevContRowDes" id="sizetagchosen">N/A</span>
                                        </div>
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Background Color</span>
                                            <span class="productPrevContRowDes" id="backlabelcol">N/A</span>
                                        </div>
                                        <div class="productPrevContRow">
                                            <span class="productPrevContRowTitle">Logo Colors</span>
                                            <span class="productPrevContRowDes" id="textlabelcol">N/A</span>
                                        </div>
                                    </div>
                                    <div class="toggle-less">See More</div>
                                </div>

                                <div class="productPrevContRow noteText">
                                    <strong>Note:</strong> This product may take 8-10 days for design, printing, and processing.
                                </div>

                                <hr>

                                <div class="productPrevContRow">
                                    <span class="productPrevContRowTitle">Quantity</span>
                                    <span class="productPrevContRowDes" id="quantitys">40 PIECES</span>
                                </div>
                                <div class="productPrevContRow">
                                    <span class="productPrevContRowTitle">Price per label</span>
                                    <span class="productPrevContRowDes">$<span id="priceperlabel">0.67</span></span>
                                </div>

                                <hr>

                                <div class="productPrevContRow str-txt">
                                    <span class="productPrevContRowTitle">Total</span>
                                    <span class="productPrevContRowDes">$<span id="totalprice">26.80</span></span>
                                </div>

                                <hr>
                            </div>


                            <!--  productPrevCont end-->
                        </div>
                    </div>
                    <div class="viewall"><span>View Details</span> <i class="fa fa-chevron-circle-down"
                        aria-hidden="true"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="panel-headings-section for-mob">
        <!-- start --->
        <div class="owl-carousel panel-headings-wrapper for-desktop">
            <div class="panel-heading mobilestep1  active-h" data-target="upload-logo" data-id="1">

               <i class="icon icon-label-upload"></i>
               <p>Upload your Logo (image / artwork)</p>
               <p>1</p>
           </div>
           <div class="panel-heading mobilestep2" data-target="label-size" data-id="2">
            <i class="icon icon-label-size"></i>
            <p>Label Size/Fold</p>
            <p>2</p>
        </div>

        <div class="panel-heading mobilestep3" data-target="logocolor" data-id="3">
            <i class="icon icon-symbol"></i>
            <p>Color</p>
            <p>3</p>
        </div>
        <div class="panel-heading mobilestep4" data-target="printOptions" data-id="4">
            <i class="icon icon-label-cut"></i>
            <p>OPTIONS</p>
            <p>4</p>
        </div>
        <div class="panel-heading mobilestep5" id="amount" data-target="amount" data-id="5">
            <i class="icon icon-amount"></i>
            <p>Quantity</p>
            <p>5</p>
        </div>
    </div>
</section>

<div class="proCustomizations">
    <div>
        <input type="hidden" name="freameininchesw" id="freameininchesw" value="96">
        <input type="hidden" name="freameininchesh" id="freameininchesh" value="96">

        <input type="hidden" name="seletsize" id="setselectsize">
        <input type="hidden" name="selectedwidth" id="selectedwidth">
        <input type="hidden" name="selectedheight" id="selectedheight">
        <input type="hidden" name="labelprice" id="labelprice">
        <input type="hidden" name="foldoptionsprice" id="foldoptionsprice">
        <input type="hidden" name="seliconhere" id="seliconhere">

        <input type="hidden" name="userbgcolor" id="userbgcolor" value="">
        <input type="hidden" name="userbgcolor" id="userbgcolor" value="">
        <input type="hidden" name="usertextcolor" id="usertextcolor" value="N/A">
        <input type="hidden" name="usertextcolorName" id="usertextcolorName" value="N/A">
        <input type="hidden" name="usertextcolorSet" id="usertextcolorSet" value="">
        <input type="hidden" name="usertextcolorSetCount" id="usertextcolorSetCount" value="0">

        <input type="hidden" name="calculatedSize" id="calculatedSize">
        <input type="hidden" name="foldoptionhere" id="foldoptionhere" value="Straight Cut - No Fold">
        <input type="hidden" name="quantityforpdf" id="quantityforpdf">
        <input type="hidden" name="priceperlabelforpdf" id="priceperlabelforpdf">
        <input type="hidden" name="totalpricelabelpdf" id="totalpricelabelpdf">
        <input type="hidden" name="selectedPriceChart" id="selectedPriceChart">
        <input type="hidden" name="iconSize" id="iconSize">
        <input type="hidden" name="totalquantity" id="totalquantity">
        <input type="hidden" name="unitpricehere" id="unitpricehere">

        <div class="guideArea">
            <a class="button" target="_blank" href="https://xpresalabels.com/site/faq/">Click here for guide & tips</a>
            <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDBDMTIwLjQ3NywwLDEwLjIyNCwxMTAuMjU1LDEwLjIyNCwyNDUuNzc4YzAsNjIuMTcxLDIzLjEyLDEyMS4xODYsNjUuMjA2LDE2Ni43MjVsLTEzLjcwNyw4OC4zNDIgICAgYy0wLjU1OCwzLjYwMSwwLjk1Myw3LjIwOCwzLjkxLDkuMzM2YzEuNjc3LDEuMjA3LDMuNjU3LDEuODIsNS42NDcsMS44MmMxLjUyLDAsMy4wNDYtMC4zNTcsNC40NDctMS4wODNsNzkuMjQxLTQxLjAzNiAgICBjMzEuODI1LDE0LjM4Niw2NS43ODgsMjEuNjc1LDEwMS4wMzIsMjEuNjc1YzEzNS41MjEsMCwyNDUuNzc4LTExMC4yNTUsMjQ1Ljc3OC0yNDUuNzc4QzUwMS43NzgsMTEwLjI1NSwzOTEuNTIzLDAsMjU2LDB6ICAgICBNMjU2LDQ3Mi4yMTFjLTMzLjk3MywwLTY2LjY0Ni03LjM0Ny05Ny4xMTQtMjEuODM1Yy0yLjczMS0xLjMtNS45MTQtMS4yNDUtOC42MDEsMC4xNDZsLTY2LjUyNCwzNC40NWwxMS41MS03NC4xNzcgICAgYzAuNDYzLTIuOTgyLTAuNDkzLTYuMDA3LTIuNTgyLTguMTg0Yy00MC43MDQtNDIuMzczLTYzLjEyMS05OC4wNzItNjMuMTIxLTE1Ni44MzVDMjkuNTY4LDEyMC45MjIsMTMxLjE0NSwxOS4zNDQsMjU2LDE5LjM0NCAgICBzMjI2LjQzMywxMDEuNTc3LDIyNi40MzMsMjI2LjQzM1MzODAuODU2LDQ3Mi4yMTEsMjU2LDQ3Mi4yMTF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsNzAuNzA4Yy0yOC4yMzYsMC01MS4yMDgsMjIuOTcyLTUxLjIwOCw1MS4yMDhjMCwyOC4yMzYsMjIuOTcyLDUxLjIwOCw1MS4yMDgsNTEuMjA4ICAgIGMyOC4yMzgsMCw1MS4yMDgtMjIuOTcyLDUxLjIwOC01MS4yMDhDMzA3LjIwOCw5My42NzgsMjg0LjIzNiw3MC43MDgsMjU2LDcwLjcwOHogTTI1NiwxNTMuNzggICAgYy0xNy41NywwLTMxLjg2NC0xNC4yOTQtMzEuODY0LTMxLjg2NFMyMzguNDMsOTAuMDUyLDI1Niw5MC4wNTJjMTcuNTcxLDAsMzEuODY0LDE0LjI5NCwzMS44NjQsMzEuODY0UzI3My41NywxNTMuNzgsMjU2LDE1My43OHogICAgIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMTIuNzU4LDM1Ny43NGgtMTEuMDEzVjE5OS4xNDhjMC01LjM0Mi00LjMzMS05LjY3Mi05LjY3Mi05LjY3MmgtOTIuODI4Yy01LjM0MiwwLTkuNjcyLDQuMzMxLTkuNjcyLDkuNjcydjMyLjE0MyAgICBjMCw1LjM0Miw0LjMzMSw5LjY3Miw5LjY3Miw5LjY3MmgxMS4wMTN2MTE2Ljc3N2gtMTEuMDEzYy01LjM0MiwwLTkuNjcyLDQuMzMxLTkuNjcyLDkuNjcydjMyLjE0MyAgICBjMCw1LjM0Myw0LjMzMSw5LjY3Myw5LjY3Miw5LjY3M2gxMTMuNTE0YzUuMzQyLDAsOS42NzItNC4zMzEsOS42NzItOS42NzJ2LTMyLjE0M0MzMjIuNDMsMzYyLjA3MSwzMTguMDk5LDM1Ny43NCwzMTIuNzU4LDM1Ny43NCAgICB6IE0zMDMuMDg1LDM4OS44ODRoLTk0LjE3di0xMi44aDExLjAxM2M1LjM0MiwwLDkuNjcyLTQuMzMxLDkuNjcyLTkuNjcyVjIzMS4yOTFjMC01LjM0Mi00LjMzMS05LjY3Mi05LjY3Mi05LjY3MmgtMTEuMDEzICAgIHYtMTIuNzk4SDI4Mi40djE1OC41OTNjMCw1LjM0Miw0LjMzMSw5LjY3Miw5LjY3Miw5LjY3MmgxMS4wMTNWMzg5Ljg4NHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+" />
        </div>


        <!------ label sizes -------->
        <div class="panel" data-div="label-size" id="label-sizes">

        </div>

        <!------ custom upload ------>
        <div class="panel panel-primary" data-div="upload-logo">
          <h4 class="panel-title text-center">UPLOAD LOGO</h4>
          <div class="upload-logo-sec">
            <div class="select-list">
                <div class="col-lg-6 select-listItem">
                    <label><input name="uploadLogo" onchange="designSendMethod('upload')" type="radio"
                        value="upload" checked="checked">
                        <span class="checkmark"></span>
                        I want to upload a new image
                    </label>
                </div>
                <div class="col-lg-6 select-listItem">
                    <label><input name="uploadLogo" type="radio" onchange="designSendMethod('email')"
                        value="email">
                        <span class="checkmark"></span>
                        I will send the artwork by email
                    </label>
                </div>
            </div>

            <link rel="stylesheet" type="text/css"
            href="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/css/upload_style.css">

            <div class="file_upload">
                <div id="wrapper">
                    <input type="file" id="drop-area1" name="userImage" onchange="previewFile(1)"
                    class="mydropfile">
                    <div id="div-drop-area1">
                        <h3 class="drop-text">Drop Images File Here</h3>
                        <h5 class="drop-text2">Or <span>Click here</span> to upload from your computer.</h5>
                    </div>
                </div>
            </div>
            <canvas id="the-canvas" style="display:none;"></canvas>
            <form id="pdfsubmit" method="post"
            action="https://xpresalabels.com/site/custom-quote-printed-label/">
            <input type="hidden" id="pdfsbmt" name="pdfsbmt" value="">
        </form>
        <div id="emailArea">
            <p>Please mail us the logo in proper file format to <a  href="mailto:sales@xpresalabels.com">sales@xpresalabels.com</a></p>
            <p><b>Supported file formats are:</b> .jpg, .jpeg, .png, .tiff, .pdf, .ai, .psd, .cdr</p>
        </div>

        <p> <b>Note</b><br>
            ■ Allowed file format: <b style="color:#000;">.jpg, .jpeg, png, pdf</b>. Please mail us for
            other types.<br>
            ■ For <b>pdf</b> maximum upload size is 7 MB.<br>
            ■ The tool above let's you choose between 4 label sizes. Please make sure that the uploaded file
            has the correct resolution<br>
            ■ Only white background is allowed for <b>up to 5000</b> Quantity<br>
            ■ Color backgrounds is allowed for <b>minimum 10000</b> Quantity</p><br>

            <p style="height: 250px; overflow-y: scroll; margin-bottom: 50px;display: none;"><b>Size Guide:</b> <br>
                                    For 0.5" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.77" X
                    0.59" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.39" X
                    1" label the image size should be
                    300px width and
                    500px height. <br>
                                        For 0.39" X
                    1.25" label the image size should be
                    300px width and
                    100px height. <br>
                                        For 0.39" X
                    1.5" label the image size should be
                    250px width and
                    250px height. <br>
                                        For 0.39" X
                    2" label the image size should be
                    450px width and
                    150px height. <br>
                                        For 0.5" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.59" X
                    0.78" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.77" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.77" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.77" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.39" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.39" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.39" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.5" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.75" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.75" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 0.39" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 1" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.75" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    1" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.25" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.5" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.75" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    1.25" label the image size should be
                    px width and
                    px height. <br>
                                        For 1.75" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    2" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    1.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 2.5" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    2.5" label the image size should be
                    px width and
                    px height. <br>
                                        For 3.5" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    3" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    4" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    6" label the image size should be
                    px width and
                    px height. <br>
                                        For 4" X
                    8" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    5" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    6" label the image size should be
                    px width and
                    px height. <br>
                                        For 4.5" X
                    8" label the image size should be
                    px width and
                    px height. <br>
                                </p>



            <p>Our expert will review your image to ensure it will turn out to be a great label. Revisions to
                the image (if required) are free of charge. Let us know if you have any questions on design, we
                are pleased to support you. A variety of file formats are allowed, including JPG, JPEG, PNG, GIF
                and PDF. If you have another file format, or if you have any questions, just call us, or shoot
            us an e-mail!</p>
        </div>

        <!------ label types -------->

        <h4 class="panel-title text-center">LABEL TYPE</h4>
        <div class="panel-body section_label_type" style="display:none;">
            <div class="panel-body-desig-order">
                <div class="">
                    <ul class="woven-list">
                        <li class="selected"><img
                            src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/images/satin-new.jpg"
                            alt="" onclick="selectLabetType('SATIN');">
                            <h3>SATIN</h3>
                        </li>
                        <li><img src="https://xpresalabels.com/site/wp-content/uploads/2020/09/printed-taffeta.jpg"
                            alt="" onclick="selectLabetType('TAFFETA');">
                            <h3>TAFFETA</h3>
                        </li>

                    </ul>
                    <p>This option weaves an additional layer of white thread into your label to vibrantly
                        brighten
                        the background color, and prevent shine-through. Choose this option if your label pairs
                        a
                        white or a light background with a dark or bright text, symbol or logo. Adding a second
                        layer of white yarn will prevent the logo from bleeding, or shining through, into the
                    background.</p>

                </div>
            </div>
        </div>


    </div>

    <!----- label cuts -------->
    <div class="panel" data-div="label-cut" id="label-cuts">

    </div>




    <!-------- logo colors --------->
    <div class="panel color-bg-sec" data-div="logocolor" id="logocolors">
        <h4 class="panel-title text-center">LOGO COLOR</h4>
        <div class="panel-body">

            <div>
                <div class="selectedColors" id="selectedColors"></div>
            </div>
            <p id="coloColorErrorMsg" style="color: red"></p>
            <div class="colorSelection">
                <div class="colors_l">
                    <span class="colorContainer" onclick="selecttextcolor('000000','Black', this)">
                        <span class="colorContainer-label " style="background-color: #000000">
                            <input type="radio" name="radio-51" value="Black" checked="checked">
                            <span class="wpcf7-list-item-label">Black</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('ffffff','White', this)">
                        <span class="colorContainer-label " style="background-color: #ffffff">
                            <input type="radio" name="radio-52" value="White" checked="checked">
                            <span class="wpcf7-list-item-label">White</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('06038d','Blue', this)">
                        <span class="colorContainer-label " style="background-color: #06038d">
                            <input type="radio" name="radio-53" value="Blue" checked="checked">
                            <span class="wpcf7-list-item-label">Blue</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('6cace4','Light Blue', this)">
                        <span class="colorContainer-label " style="background-color: #6cace4">
                            <input type="radio" name="radio-54" value="Light Blue" checked="checked">
                            <span class="wpcf7-list-item-label">Light Blue</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('41b6e6','Turquoise', this)">
                        <span class="colorContainer-label " style="background-color: #41b6e6">
                            <input type="radio" name="radio-55" value="Turquoise" checked="checked">
                            <span class="wpcf7-list-item-label">Turquoise</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('4f2c1d','Brown', this)">
                        <span class="colorContainer-label " style="background-color: #4f2c1d">
                            <input type="radio" name="radio-56" value="Brown" checked="checked">
                            <span class="wpcf7-list-item-label">Brown</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('63513d','Light brown', this)">
                        <span class="colorContainer-label " style="background-color: #63513d">
                            <input type="radio" name="radio-57" value="Light brown" checked="checked">
                            <span class="wpcf7-list-item-label">Light brown</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('a83d72','Dark pink', this)">
                        <span class="colorContainer-label " style="background-color: #a83d72">
                            <input type="radio" name="radio-58" value="Dark pink" checked="checked">
                            <span class="wpcf7-list-item-label">Dark pink</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('f57eb6','Pink', this)">
                        <span class="colorContainer-label " style="background-color: #f57eb6">
                            <input type="radio" name="radio-59" value="Pink" checked="checked">
                            <span class="wpcf7-list-item-label">Pink</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('470a68','Dark purple', this)">
                        <span class="colorContainer-label " style="background-color: #470a68">
                            <input type="radio" name="radio-510" value="Dark purple" checked="checked">
                            <span class="wpcf7-list-item-label">Dark purple</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('7566a0','Purple', this)">
                        <span class="colorContainer-label " style="background-color: #7566a0">
                            <input type="radio" name="radio-511" value="Purple" checked="checked">
                            <span class="wpcf7-list-item-label">Purple</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('006341','Green', this)">
                        <span class="colorContainer-label " style="background-color: #006341">
                            <input type="radio" name="radio-512" value="Green" checked="checked">
                            <span class="wpcf7-list-item-label">Green</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('a4d65e','Apple green', this)">
                        <span class="colorContainer-label " style="background-color: #a4d65e">
                            <input type="radio" name="radio-513" value="Apple green" checked="checked">
                            <span class="wpcf7-list-item-label">Apple green</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('e8e1c7','Off White', this)">
                        <span class="colorContainer-label " style="background-color: #e8e1c7">
                            <input type="radio" name="radio-514" value="Off White" checked="checked">
                            <span class="wpcf7-list-item-label">Off White</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('ff6a39','Orange', this)">
                        <span class="colorContainer-label " style="background-color: #ff6a39">
                            <input type="radio" name="radio-515" value="Orange" checked="checked">
                            <span class="wpcf7-list-item-label">Orange</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('c8102e','Red', this)">
                        <span class="colorContainer-label " style="background-color: #c8102e">
                            <input type="radio" name="radio-516" value="Red" checked="checked">
                            <span class="wpcf7-list-item-label">Red</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('9b111e','Rubyred', this)">
                        <span class="colorContainer-label " style="background-color: #9b111e">
                            <input type="radio" name="radio-517" value="Rubyred" checked="checked">
                            <span class="wpcf7-list-item-label">Rubyred</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('5b6770','Silvergrey', this)">
                        <span class="colorContainer-label " style="background-color: #5b6770">
                            <input type="radio" name="radio-518" value="Silvergrey" checked="checked">
                            <span class="wpcf7-list-item-label">Silvergrey</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('ffcd00','Yellow', this)">
                        <span class="colorContainer-label " style="background-color: #ffcd00">
                            <input type="radio" name="radio-519" value="Yellow" checked="checked">
                            <span class="wpcf7-list-item-label">Yellow</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('cbb677','Sparkling gold', this)">
                        <span class="colorContainer-label " style="background-color: #cbb677">
                            <input type="radio" name="radio-520" value="Sparkling gold" checked="checked">
                            <span class="wpcf7-list-item-label">Sparkling gold</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('aa0114','Sparkling red', this)">
                        <span class="colorContainer-label " style="background-color: #aa0114">
                            <input type="radio" name="radio-521" value="Sparkling red" checked="checked">
                            <span class="wpcf7-list-item-label">Sparkling red</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('a7a9ac','Sparkling silver', this)">
                        <span class="colorContainer-label " style="background-color: #a7a9ac">
                            <input type="radio" name="radio-522" value="Sparkling silver" checked="checked">
                            <span class="wpcf7-list-item-label">Sparkling silver</span>
                        </span>
                    </span>
                    <span class="colorContainer" onclick="selecttextcolor('3f00ff','Sparkling blue', this)">
                        <span class="colorContainer-label " style="background-color: #3f00ff">
                            <input type="radio" name="radio-523" value="Sparkling blue" checked="checked">
                            <span class="wpcf7-list-item-label">Sparkling blue</span>
                        </span>
                    </span>
                    <span class="colorContainer"
                    onclick="selecttextcolor('C0C0C0', 'Metallic Silver', '', this)">
                    <span class="colorContainer-label "
                    style="background-color: #3f00ff; background-image:-webkit-radial-gradient(  50%   0%,  8% 50%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%), -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),
                    -webkit-radial-gradient(   0%  50%, 50%  7%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%), -webkit-radial-gradient( 100%  50%, 50%  5%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),-webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   3%, hsla(0,0%,  0%,.1) 3.5%),-webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.2) 2.2%),-webkit-radial-gradient( 50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%)">
                    <input type="radio" name="radio-424" value="Metallic Silver" checked="checked">
                    <span class="wpcf7-list-item-label">Metallic Silver</span>
                </span>
            </span>
            <span class="colorContainer" onclick="selecttextcolor('FFD700', 'Metallic Gold', '', this)">
                <span class="colorContainer-label" style="background-color: #3f00ff; background-image:-webkit-radial-gradient( 50% 0%, 8% 50%, hsla(53, 100%, 89%, 0.5) 0%, hsla(0,0%,100%,0) 100%), -webkit-radial-gradient( 50% 100%, 12% 50%, hsla(53, 100%, 85%, 0.6) 0%, hsla(0,0%,100%,0) 100%), -webkit-radial-gradient( 0% 50%, 50% 7%, hsla(53, 100%, 86%, 0.5) 0%, hsla(0,0%,100%,0) 100%), -webkit-radial-gradient( 100% 50%, 50% 5%, hsla(53, 100%, 80%, 0.5) 0%, hsla(0,0%,100%,0) 100%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(42, 100%, 75%, 0) 0%, hsla(0,0%, 0%,0) 3%, hsla(0,0%, 0%,.1) 3.5%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(69, 100%, 58%, 0) 6%, hsla(0,0%,100%,.1) 7.5%), -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0, 0%, 85%, 0.2) 2.2%), -webkit-radial-gradient( 50% 50%, 200% 50%, hsl(44, 100%, 77%) 5%, hsl(47, 100%, 76%) 30%, hsl(50, 78%, 47%) 100%)">
                    <input type="radio" name="radio-425" value="Sparkling blue" checked="checked">
                    <span class="wpcf7-list-item-label">Sparkling blue</span>
                </span>
            </span>
        </div>
    </div>
</div>
<!-------- background colors --------->

<h4 class="panel-title text-center">BACKGROUND COLOR</h4>
<div class="panel-body" id="backgroundcolors">

    <div class="colorSelection">
        <div class="colors_b">

        </div>
        <div class="additionalColors">
         <p></p>
         <div class="smlinf">
            <ul>
                <li>Stock white for orders under 5000 pcs.</li>
                <li>Custom background 5000 pcs minimum</li>
                <li>Increase quantity to 10000 or more to get more colors in the above panel, or click on the below color box to choose custom colors</li>
            </ul>
        </div>
        <h4 class="additionalColorCode">You can also Submit PMS/ PantoneCodes color code for better understanding</h4>
        <a target="_blank" href="https://www.xpresalabels.com/wp-content/uploads/2018/05/PantoneCodes.pdf" class="pdflinkinPopup pdfShowgal">Click Here To Check Pantone Color Codes</a>
        <input type="text" id="pantoneBG" class="customColorpantone" placeholder="Select Other Color" readonly>
    </div>
</div>
</div>
</div>

<!----- print Options ---->
<div class="panel" data-div="printOptions" id="printOptions" style="display:block;">
   <h4 class="panel-title text-center">PRINT OPTION</h4>
   <div class="panel-body">

    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="oneSide default" onclick="selectSideOptions(this, 'One Sided');">
               <img src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/onesided.png" alt="One Sided">
               <h4>One Sided</h4>
           </div>
       </div>
       <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
        <div class="oneSide twoSide" onclick="selectSideOptions(this, 'Both Sided');">
           <img  src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/bothside.png" alt="Both Sided">
           <h4>Both Sided</h4>
       </div>
   </div>
</div>

</div>

<div class="panel-body panel-body-2">
    <h4 class="panel-title text-center">Upload image for the back side:</h4>
    <div class="frm-algn-holder">
        <div class="frm-sec col-lg-12">
            <div class="file_upload">
                <div id="wrapper">
                    <input type="file" id="drop-area2" name="userImage" onchange="previewFile(2)"
                    class="mydropfile">
                    <div id="div-drop-area2">
                        <h3 class="drop-text">Drag and Drop Images Here</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="close-panel" onclick=""><span>X</span></div>
</div>
<h4 class="panel-title text-center">SIZE TAG</h4>
<div class="panel-body-desig-order">
    <div class="sizeTags" style="margin-top:20px;">
        <label for="sizeTag">Size Tag:</label>
        <select id="sizeTag" class="form-control">
            <option>Choose</option>
            <option>XS</option>
            <option>S</option>
            <option>M</option>
            <option>L</option>
            <option>XL</option>
        </select>
    </div>

</div>
</div>

<!------ amount -------->
<div class="panel" data-div="amount" id="amounts">
    <h4 class="panel-title text-center">QUANTITY</h4>
    <div class="panel-body-table-sec">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="stripped-table">
            <thead>
                <tr>
                    <th width="20%">&nbsp;</th>
                    <th width="20%">Quantity</th>

                    <th width="20%">Unit Price</th>
                </tr>
            </thead>
            <tbody id="priceContainerFull">
            </tbody>
        </table>
    </div>
</div>

<!------ additional  -------->


<div class="cart-sec">
    <div class="row">
        <div class="info">When you create another label, the current design will be added to your shopping cart</div>
    </div>
</div>
</div>

<!-- TABS -->
<div class="tab-pro-des">
        <div id="horizontalTab">
        <ul class="resp-tabs-list hor_1">

             <li>
                Description</li>                 <li>Reviews</li>
                
                 <li>Discount</li>                  <li>Product Photos</li>             </ul>
            <div class="resp-tabs-container hor_1">

                <div><p>When deciding to use clothing labels you want to make sure they are going to be the right size and material for the garment. Printed labels can easily been sewn in and are thin for comfort and flexibility. While the hang tags, are thicker stronger labels used for the exterior of the garment or product.</p>
<p>We offer <u>custom clothing labels</u> in various types of material. The most common type of material used for clothing tags is Satin Acetate. Satin Acetate is used when considering the softness of material or when cost is a major concern. Three different colors can be produced on satin acetate clothing tags. Hang tags also referred to as HangTags are printed on cardstock with options of matte, glossy or semi gloss. Thickness can be from 12pt. to 24pt. String and pin can be customized for your custom hang tag labels. Get the right printed tags and hang tags are the biggest steps in starting your clothing line, fashion labels, home accessories or industrial tags.</p>
<p>The durability of our Xpresa <u>Woven Labels</u> is never in doubt; they are produced with the highest quality and durability to withstand all environmental conditions. However, be advised that printed labels do not withstand as long as woven labels since they are produced using thread to recreate your artwork. Browse our samples of <u>printed labels</u> and see how <u>custom clothing labels</u> can change your brand!</p>
                        <div class="qaPanelCustomProduct">

                                                     <div class="qaPanelCustomProductItem" id="item1">
                           <h4 class="show" data-id="item1">Label type</h4>
                           <div class="qaPanelCustomProductAns item1">

                            <p>Printed Label – Labels printed on satin acetate, card stock or other printed paper-based material. Flexo or Rotary stamping.</p>
<p>See our fold options in our quote forms. Please allow and indicate seam in our Additional Comments section.</p>

                        </div>
                    </div>
                                             <div class="qaPanelCustomProductItem" id="item2">
                           <h4 class="" data-id="item2">Turnaround/Lead time</h4>
                           <div class="qaPanelCustomProductAns item2">

                            <p>Xpresa Labels is one of the oldest and most reputable online label manufacturers. We offer the fastest turn-around time and best quality options in the industry. Once we receive your Quote, we prepare a custom quote and samples within 24 hours. Our quote form will indicate pricing, instructions and lead times in writing. Once we receive your order commitment, we will prepare a proof (physical proof via .jpg) typically within 24 hours. Once we receive your approval, we will ship your order in 8-10 business days.</p>

                        </div>
                    </div>
                                             <div class="qaPanelCustomProductItem" id="item3">
                           <h4 class="" data-id="item3">Proofing</h4>
                           <div class="qaPanelCustomProductAns item3">

                            <p>Once you have completed our quote form and your custom design and submitted an order as instructed in our quote, we prepare a proof which is a physical proof sent as a .jpg for a woven version and a software layout for <u>printed satin</u> or printed hang tags.</p>
<p>Having a design ready as a digital file usually is the simplest way, but you can utilize our Design Tool to Create a simple design, or provide a MS Paint, Clear Sketch or the font written in an email with requested positioning and layout, and we will do our best to reproduce your proof.</p>
<p>We do our best to recreate, but with a woven process, there are some size limitations based on the size of your labels.</p>
<p>Physical samples can be sent out but will delay your project by 7 days. Our physical .jpgs or pdfs will have very clear details with measurements.</p>
<p>Please visit our FAQs page for more questions you may have.</p>

                        </div>
                    </div>
                    
            </div>
            </div>



    <div>
        [woocommerce_reviews id="113" ]    </div>



    




    <div><p>FREE SHIPPING, FREE SAMPLING and Promo Code FREESHIP</p>
</div>

            <div class="proAddiImgCont">
            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/FL220-big-new-version-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/FL220-big-new-version-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="FL220-big-new version" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/FL220-big-new-version-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/FL220-big-new-version-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Grizcoat-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Grizcoat-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Grizcoat" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Grizcoat-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Grizcoat-2-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Grizcoat-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/HS-Variegated-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/HS-Variegated-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="H&amp;S-Variegated" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/HS-Variegated-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/HS-Variegated-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/HCO-Squat-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/HCO-Squat-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="HCO Squat" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/HCO-Squat-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/HCO-Squat-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Isap-new-small-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Isap-new-small-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="ISAP" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Isap-new-small-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Isap-new-small-2-324x324.jpg 324w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Isap-new-small-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/Lexus-2.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/Lexus-2-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Lexus" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/Lexus-2-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/Lexus-2-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

            
                <div class="proAddiImgItems">

                    <a href="https://xpresalabels.com/site/wp-content/uploads/2018/06/domestics-1.jpg" rel="gallery1" class="fancybox">
                        <img width="150" height="150" src="https://xpresalabels.com/site/wp-content/uploads/2018/06/domestics-1-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="Domestics" srcset="https://xpresalabels.com/site/wp-content/uploads/2018/06/domestics-1-150x150.jpg 150w, https://xpresalabels.com/site/wp-content/uploads/2018/06/domestics-1-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" />                    </a>

                </div>

                    </div>
    
</div>
</div>



</div>

</div>
</section>




<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/colorpicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/pdf.js"></script>
<script type="text/javascript" src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/pdf.worker.js"></script>
<script src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/jqupload/html2canvas.js"></script>
<script src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/pluginScript.js"></script>

<script type="text/javascript">
    function closegenimage() {
        jQuery('#div-drop-area1, #div-drop-area2').removeClass('dropareadrag').html(
            '<h3 class="drop-text">Drag and Drop Images Here</h3>');
    }

    function previewFile(n) {
    ////console.log(n);
        jQuery('#changingValueOf').val(n);
        var imgcrtd;
        var preview = (n == 1) ? document.querySelector('#displaydesign') : document.querySelector(
            '#displaydesignnew_bck_vw');
        var file = document.querySelector('input[type=file]').files[0];
        var fileSize = file.size;
        let fileSizeLimit = 7000000;
        const imageTypes = ['image/gif','image/GIF', 'image/jpeg','image/JPEG', 'image/png','image/PNG'];
        fileSizeLimit = (imageTypes.includes(file.type)) ? 7000000 : fileSizeLimit;
        let fileSizeLimitInMB = fileSizeLimit / 1000000;
    //console.log(fileSize);
        if (fileSize >= fileSizeLimit) {
            alert('Your filesize is too big, please use a file less than ' + fileSizeLimitInMB + 'Mb');
            return;
        }

        var reader = new FileReader();

        reader.onloadend = function() {
            preview.src = reader.result;
        }

        if (file) {
        /////start loader
            document.getElementById('div-drop-area' + n).innerHTML =
            '<img src="https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/tenor.gif" id="ldr">';
            var type = file.name.split('.').pop().toLowerCase();

            if (jQuery('div#selectedColors > span').length > 0) {
                jQuery('div#selectedColors > span').each(function() {
                    jQuery(this).click();
                });
            }

            if (type == 'pdf') {
                jQuery('img#upImg' + n).remove();
                jQuery('#div-drop-area' + n).addClass('loading');
            /********************* pdf to canvas ***********************/
                var __PDF_DOC,
                __CURRENT_PAGE,
                __TOTAL_PAGES,
                __PAGE_RENDERING_IN_PROGRESS = 0,
                __CANVAS = jQuery('canvas#the-canvas').get(0),
                __CANVAS_CTX = __CANVAS.getContext('2d');
                jQuery('canvas#the-canvas').show();

                function showPDF(pdf_url) {
                    PDFJS.getDocument({
                        url: pdf_url
                    }).then(function(pdf_doc) {
                        __PDF_DOC = pdf_doc;
                        __TOTAL_PAGES = __PDF_DOC.numPages;
                        showPage(1);

                    }).catch(function(error) {
                        alert(error.message);
                    });;
                }

                function showPage(page_no) {
                    __PAGE_RENDERING_IN_PROGRESS = 1;
                    __CURRENT_PAGE = page_no;

                // Disable Prev & Next buttons while page is being loaded
                    jQuery("#pdf-next, #pdf-prev").attr('disabled', 'disabled');

                // Fetch the page
                    __PDF_DOC.getPage(page_no).then(function(page) {
                    // As the canvas is of a fixed width we need to set the scale of the viewport accordingly
                        var scale_required = __CANVAS.width / page.getViewport(1).width;

                    // Get viewport of the page at required scale
                        var viewport = page.getViewport(scale_required);

                    // Set canvas height
                        __CANVAS.height = viewport.height;

                        var renderContext = {
                            canvasContext: __CANVAS_CTX,
                            viewport: viewport
                        };

                    // Render the page contents in the canvas
                        page.render(renderContext).then(function() {
                            __PAGE_RENDERING_IN_PROGRESS = 0;
                        });
                    });
                }

                if (['application/pdf'].indexOf(jQuery("input#drop-area" + n).get(0).files[0].type) == -1) {
                    alert('Error : Not a PDF');
                    return;
                }
                var start = new Date().getTime();
                showPDF(URL.createObjectURL(jQuery("input#drop-area" + n).get(0).files[0]));
            //console.log('df '+n);
                jQuery('div#div-drop-area' + n).html(
                    '<div class="droppedimgwrapper"><a class="closebutton" href="javascript:void(0);" onclick="closegenimage(1);">X</a></div><input type="hidden" value="" id="imgurl' +
                    n + '">');
                jQuery('canvas#the-canvas').appendTo('div#div-drop-area' + n + ' > .droppedimgwrapper');
                var tm = new Date().getTime() - start;

            /********************* pdf to canvas ***********************/
                jQuery('.windowBody').prepend('<div class="imgDesignPlaceholder"></div>');
                jQuery('body').addClass('plwtlding');
                setTimeout(function() {
                ///////////ajax
                    if (jQuery('canvas#the-canvas').is(":visible")) {
                        var sd = document.getElementById('the-canvas');
                    //console.log(sd);
                        var dataURL = sd.toDataURL('image/jpeg', 1.0);

                    } else {
                        dataURL = '';
                    }
                //console.log(dataURL);
                var form_data = new FormData(); // Creating object of FormData class
                form_data.append("canvasImage",
                    dataURL); // Appending parameter named file with properties of file_field to form_data
                form_data.append("n",
                    n); // Appending parameter named file with properties of file_field to form_data
                jQuery.ajax({
                    url: "https://xpresalabels.com/site/upload_image.php?width1=" + userwidthup +
                    "&height1=" + userheightup + "&n=" + n,
                    type: "POST",
                    data: form_data,
                    dataType: 'json',
                    enctype: 'multipart/form-data',
                    processData: false, // tell jQuery not to process the data
                    contentType: false, // tell jQuery not to set contentType
                    cache: false,
                    success: function(data) {
                        //console.log(data);
                        var img = new Image();
                        img.src = data.imgurl;
                        img.onload = function() {
                            vibrantCreateSwatches1(data.colors, n);
                            var coloursArray = data.hexs;
                            ////console.log(coloursArray);
                            jQuery('.imgDesignPlaceholder').remove();
                            jQuery('body').removeClass('plwtlding');
                            //jQuery().removeClass();
                        };

                        jQuery('#div-drop-area' + n).removeClass('loading');
                    }
                });

            }, 1000);

            } else if (type == 'jpg'||type == 'JPG' || type == 'jpeg' ||type == 'JPEG'||type == 'PNG' || type == 'png') {
                var userwidthup = document.getElementById('selectedwidth').value;
                var userheightup = document.getElementById('selectedwidth').value;

            var file_data = jQuery("#drop-area" + n).prop("files")[0]; // Getting the properties of file from file field
            var form_data = new FormData(); // Creating object of FormData class
            form_data.append("userImage",
                file_data); // Appending parameter named file with properties of file_field to form_data
            form_data.append("n", n); // Appending parameter named file with properties of file_field to form_data
            //Adding extra parameters to form_data

            jQuery.ajax({
                url: "https://xpresalabels.com/site/upload_image.php?width1=" + userwidthup + "&height1=" +
                userheightup + "&n=" + n,
                type: "POST",
                dataType: 'json',
                data: form_data,
                enctype: 'multipart/form-data',
                processData: false,
                contentType: false,
                cache: false,
                success: function(data) {
                    console.log(data);
                    jQuery('#div-drop-area' + n).append(data.html);
                    var img = new Image();
                    img.src = jQuery('#imgurl' + n).val();
                    img.onload = function() {
                        jQuery('#ldr').remove();
                        (n == 1) ? vibrantCreateSwatches1(data.colors, n): makeBackCanvas(n);
                    };
                }
            });

            reader.readAsDataURL(file);
        } else {
            jQuery('div#div-drop-area' + n).html('<h3 class="drop-text">Drag and Drop Images Here</h3>');
            alert('File not supported. Allowed file format: .jpg, .jpeg, png, pdf. Please mail us for other types.');
            return false;
        }

    } else {
        preview.src = "";
    }

    function createcanvas(url) {
        //console.log('ankan');
        // Loaded via <script>tag, create shortcut to access PDF.js exports.
        var pdfjsLib = window['pdfjs-dist/build/pdf'];

        // The workerSrc property shall be specified.
        pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';

        // Asynchronous download of PDF
        var loadingTask = pdfjsLib.getDocument(url);
        loadingTask.promise.then(function(pdf) {
            //console.log('PDF loaded');

            // Fetch the first page
            var pageNumber = 1;
            pdf.getPage(pageNumber).then(function(page) {
                //console.log('Page loaded');

                var scale = 1.5;
                var viewport = page.getViewport({
                    scale: scale
                });

                // Prepare canvas using PDF page dimensions
                var canvas = document.getElementById('the-canvas');
                var context = canvas.getContext('2d');
                canvas.height = viewport.height;
                canvas.width = viewport.width;

                // Render PDF page into canvas context
                var renderContext = {
                    canvasContext: context,
                    viewport: viewport
                };
                var renderTask = page.render(renderContext);
                renderTask.promise.then(function() {
                    imgcrtd = canvas.toDataURL('image/png');
                    jQuery('input#pdfsbmt').val(imgcrtd);
                    jQuery('div#idwovencustom > img').attr('src', imgcrtd);
                    //console.log('canvasurl '+n);
                    jQuery('div#div-drop-area' + n).html(
                        '<div class="droppedimgwrapper"><a class="closebutton" href="javascript:void(0);" onclick="closegenimage();">X</a><img id="upImg"' +
                        n + ' src="' + imgcrtd + '"></div><input type="hidden" value="' +
                        imgcrtd + '" id="imgurl' + n + '">');
                    //jQuery('#pdfsubmit').submit();
                });
            });
        }, function(reason) {
            // PDF loading error
            console.error(reason);
        });
    }
}

function makeBackCanvas(n) {
    var h8 = jQuery('div#displaydesign').css('height');
    var wdth = jQuery('div#displaydesign').css('width');

    jQuery('div#displaydesignnew_bck_vw').css({
        'width': wdth,
        'height': h8,
        'background-color': '#' + jQuery('#userbgcolor').val(),
    });
    var imgLink = jQuery('img#upImg' + n).attr('src');

    jQuery('#backImg').remove();

    jQuery('div#displaydesignnew_bck_vw').append('<img id="backImg" src="' + imgLink + '">');

    html2canvas(jQuery("div#displaydesignnew_bck_vw"), {
        onrendered: function(canvas) {
            jQuery('#myCanvas_back').remove();
            theCanvas = canvas;
            canvas.id = 'myCanvas_back';
            jQuery('div#displaydesignnew_bck_vw')[0].after(canvas);
        }
    });
}

jQuery('.close-panel').click(function() {
    jQuery('.panel-body.panel-body-2').removeClass('full');
});

function createFormData(image) {
    var formImage = new FormData();
    formImage.append('userImage', image[0]);
    uploadFormData(formImage);
}

function uploadFormData(formData) {

    var userwidthup = document.getElementById('selectedwidth').value;
    var userheightup = document.getElementById('selectedwidth').value;

    jQuery.ajax({
        url: "https://xpresalabels.com/site/upload_image.php?width1=" + userwidthup + "&height1=" +
        userheightup,
        type: "POST",
        data: formData,
        contentType: false,
        cache: false,
        processData: false,
        success: function(data) {
            jQuery('#drop-area').html(data);
        }
    });
}



        printPriceChart = {
            1: {
                1000: 0.13,
                2000: 0.12,
                2500: 0.12,
                3000: 0.11,
                5000: 0.10,
                10000: 0.07,
                25000: 0.05,
                50000: 0.04
            },
            2: {
                1000: 0.14,
                2000: 0.13,
                2500: 0.13,
                3000: 0.12,
                5000: 0.11,
                10000: 0.08,
                25000: 0.06,
                50000: 0.05
            },
            3: {
                1000: 0.19,
                2000: 0.18,
                2500: 0.17,
                3000: 0.16,
                5000: 0.14,
                10000: 0.11,
                25000: 0.07,
                50000: 0.06,
            },
            4: {
                1000: 0.25,
                2000: 0.22,
                2500: 0.2,
                3000: 0.18,
                5000: 0.15,
                10000: 0.13,
                25000: 0.09,
                50000: 0,
            },
            5: {
                1000: 0.35,
                2000: 0.33,
                2500: 0.3,
                3000: 0.3,
                5000: 0.26,
                10000: 0.24,
                25000: 0.28,
                50000: 0.18
            },
            6: {
                1000: 0.4,
                2000: 0.38,
                2500: 0.37,
                3000: 0.35,
                3500: 0.35,
                5000: 0.32,
                10000: 0.29,
                25000: 0.33,
                50000: 0.26
            },
            7: {
                1000: 0.50,
                2000: 0.45,
                2500: 0.43,
                3000: 0.43,
                5000: 0.35,
                10000: 0.33,
                25000: 0.29,
                50000: 0.25
            },
            8: {
                1000: 0.6,
                2000: 0.54,
                2500: 0.50,
                3000: 0.48,
                5000: 0.44,
                10000: 0.38,
                25000: 0.33,
                50000: 0.29
            }
        }

        printPriceChart2 = {
            1: {
                10000: 0.07,
                25000: 0.05,
                50000: 0.04
            },
            2: {
                10000: 0.08,
                25000: 0.06,
                50000: 0.05
            },
            3: {
                10000: 0.11,
                25000: 0.07,
                50000: 0.06,
            },
            4: {
                10000: 0.13,
                25000: 0.09,
                50000: 0,
            },
            5: {
                10000: 0.24,
                25000: 0.28,
                50000: 0.18
            },
            6: {
                10000: 0.29,
                25000: 0.33,
                50000: 0.26
            },
            7: {
                10000: 0.33,
                25000: 0.29,
                50000: 0.25
            },
            8: {
                10000: 0.38,
                25000: 0.33,
                50000: 0.29
            }
        }

        printPriceChartN = {
            1: {
                1000: 0.13,
                2000: 0.12,
                2500: 0.12,
                3000: 0.11,
                5000: 0.10,
                10000: 0.07,
                25000: 0.05,
                50000: 0.04
            },
            2: {
                1000: 0.14,
                2000: 0.13,
                2500: 0.13,
                3000: 0.12,
                5000: 0.11,
                10000: 0.08,
                25000: 0.06,
                50000: 0.05
            },
            3: {
                1000: 0.19,
                2000: 0.18,
                2500: 0.17,
                3000: 0.16,
                5000: 0.14,
                10000: 0.11,
                25000: 0.07,
                50000: 0.06,
            },
            4: {
                1000: 0.25,
                2000: 0.22,
                2500: 0.2,
                3000: 0.18,
                5000: 0.15,
                10000: 0.13,
                25000: 0.09,
                50000: 0,
            },
            5: {
                1000: 0.35,
                2000: 0.33,
                2500: 0.3,
                3000: 0.3,
                5000: 0.26,
                10000: 0.24,
                25000: 0.28,
                50000: 0.18
            },
            6: {
                1000: 0.4,
                2000: 0.38,
                2500: 0.37,
                3000: 0.35,
                3500: 0.35,
                5000: 0.32,
                10000: 0.29,
                25000: 0.33,
                50000: 0.26
            },
            7: {
                1000: 0.50,
                2000: 0.45,
                2500: 0.43,
                3000: 0.43,
                5000: 0.35,
                10000: 0.33,
                25000: 0.29,
                50000: 0.25
            },
            8: {
                1000: 0.6,
                2000: 0.54,
                2500: 0.50,
                3000: 0.48,
                5000: 0.44,
                10000: 0.38,
                25000: 0.33,
                50000: 0.29
            }
        }

        
        recommendVals = {1 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },2 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },3 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },4 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },5 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },6 : {1000:'', 2000:'', 2500:'', 3000:'', 3500:'', 5000:'', 10000:'', 20000:'', 50000:'', },};
        var increasedRates = {};
        var designSelection = {};
        var iconAdhesive = {};
        var extraColorHolder = {};

        var baseRates = baseRatesHolder = {
            1000: 0.120,
            2000: 0.120,
            2500: 0.120,
            3000: 0.110,
            5000: 0.100,
            10000: 0.080,
            20000: 0.060,
            50000: 0.060,
        }

        var extraColors = {
            1000: 0.015,
            2000: 0.012,
            2500: 0.012,
            3000: 0.008,
            5000: 0.006,
            10000: 0.005,
            25000: 0.004,
            50000: 0.003,
        }

// Submit Ajax/////////////////////////////////////
        function submitDesign(v, ds) {

            jQuery('.windowBody').addClass('loads');

            jQuery('#displaydesign').closest('.windowBody').prepend("<div class='imgDesignPlaceholder'></div>")
            iconSize = 24;
            valtxcolo = '';
            val = 2;
            sizes = '2.35x0.78';
            colorval = '';
            mytext1 = '111';
            mytext2 = '222';
            mytext3 = '333';
            seliconhere = '/var/www/vhosts/xpresalabels.com/httpdocs2026/site/wp-content/plugins/xpresalabels/upload/1815761437debug.png';
            varalign = '';

            if (document.getElementById("freameininchesw").value == 'undefined') {
                userwidth = 96;
            } else {
                userwidth = document.getElementById("freameininchesw").value * 96;
            }
            if (document.getElementById("freameininchesh").value == 'undefined') {
                userheight = 96;
            } else {
                userheight = document.getElementById("freameininchesh").value * 96;
            }

            var quantityforpdfa = document.getElementById("totalquantity").value;

            var priceperlabelforpdfa = document.getElementById("unitpricehere").value;
            if (quantityforpdfa != '' && priceperlabelforpdfa != '') {

                var totalpricelabelpdfa = quantityforpdfa * priceperlabelforpdfa;

            }

            var foldoptionherea = document.getElementById("foldoptionhere").value;

            if (document.getElementById("freameininchesw").value != '') {
                sizes = document.getElementById("freameininchesw").value + ' X ' + document.getElementById("freameininchesh")
                .value;
            }
            calculatedSize = '20';
            fontpadTop = '37';
            lineSpecingC = '20';
            lineSpecingCLast = '20';

            line1align = '67.80000000000001';
            line2align = '155.3';
            line3align = '164.3';
            varfonthere = '';

    /*********** merge two canvas ***************/
            var dataURL;
            if (jQuery('#displaydesignnew_bck_vw_wrp').hasClass('show')) {

                var canvasFront = document.getElementById('myCanvasP');


                var newCanvas = document.createElement('canvas');
                newCanvas.id = 'newCanvas';
                newCanvas.width = canvasFront.width;
                newCanvas.height = canvasFront.height * 2 + 10;
                var ctxN = newCanvas.getContext('2d');
                ctxN.fillStyle = "#FFF";
                ctxN.fillRect(0, 0, canvasFront.width, canvasFront.height);
                ctxN.drawImage(canvasFront, 0, 0);

                var ctxN2 = newCanvas.getContext('2d');
                var canvasBack = document.getElementById('myCanvas_back');
                ctxN2.drawImage(canvasBack, 0, canvasBack.height);

        //ctxF.drawImage(ctxB, canvasFront.width, canvasFront.height*2);

                dataURL = newCanvas.toDataURL("image/png");
        //var link = document.createElement('a');
        //link.download = "merged.png";
        //link.href = newCanvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
        //link.click();
            } else {
                dataURL = '';
            }

            if (jQuery('canvas#the-canvas').is(':visible')) {

                var destiCnv = document.getElementById('myCanvasP');
                var destiCtx = destiCnv.getContext('2d');
                var sourceCanvas = document.getElementById('the-canvas');

                destiCnv.width = sourceCanvas.clientWidth;
                destiCnv.height = sourceCanvas.clientHeight;
                document.getElementById('prntlabellgoo').style.width = sourceCanvas.clientWidth + 'px';
                document.getElementById('prntlabellgoo').style.height = sourceCanvas.clientHeight + 'px';

                document.getElementById('displaydesign').style.width = sourceCanvas.clientWidth + 'px';
                document.getElementById('displaydesign').style.height = sourceCanvas.clientHeight + 'px';

                for (i = 0; i < 3; i++) {
                    jQuery('.after').css({
                        'width': sourceCanvas.clientWidth + 'px',
                        'height': (sourceCanvas.clientHeight - 10) + 'px',
                        'margin-top': -jQuery('.after img').height() + 'px'
                    });
                }

                destiCtx.drawImage(sourceCanvas, 0, 0);

                var img = new Image();
        //img.src = 'https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/images/pattern-overlay.png';

                img.onload = function() {
                    var pat = destiCtx.createPattern(img, "repeat");
                    destiCtx.rect(0, 0, sourceCanvas.width, sourceCanvas.height);
                    destiCtx.fillStyle = pat;
                    destiCtx.fill();
                }

                var calH8 = jQuery('.previewWindow').height();
                jQuery('.panel').css('height', calH8);

            } else {

                jQuery.ajax({
                    url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
                    type: 'post',
                    dataType: 'json',
                    data: {
                        action: 'my_action_print',
                        keyword: val,
                        size: sizes,
                        usertext1: mytext1,
                        usertext2: mytext2,
                        usertext3: mytext3,
                        selectedwidth: userwidth,
                        selectedheight: userheight,
                        colorhere: colorval,
                        textcolorhere: valtxcolo,
                        selectedicon: seliconhere,
                        fontsize: calculatedSize,
                        topSpace: fontpadTop,
                        lineSpecing: lineSpecingC,
                        userbgcolor: document.getElementById('userbgcolor').value,
                        lineSpecingLast: lineSpecingCLast,
                        iconsize: iconSize,
                        alignment1: line1align,
                        alignment2: line2align,
                        alignment3: line3align,
                        selectedfont: varfonthere,
                        quantityforpdfb: quantityforpdfa,
                        priceperlabelforpdfb: priceperlabelforpdfa,
                        totalpricelabelpdfb: totalpricelabelpdfa,
                        foldoptionhereb: foldoptionherea,
                        imgMerged: dataURL,
                        sizetag: document.getElementById("sizetag").value
                    },
                    beforeSend: function() {

                    },
                    success: function(data) {
                //console.log(data);
                //jQuery().val();
                        if (data == 'fail') {
                            alert('No records found');
                        } else {

                            jQuery('#displaydesign').html(data.html);
                            jQuery('input[name="disigndisplays"]').val(data.imgurl);
                            var img = new Image();
                            img.src = data.imgurl;

                            img.onload = function() {
                                jQuery.get('https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/js/cnvs.js',
                                    function(data, status) {
                                        html2canvas(jQuery("#prntlabellgoo"), {
                                            onrendered: function(canvas) {
                                                jQuery('#myCanvasP').remove();
                                                theCanvas = canvas;
                                                canvas.id = 'myCanvasP';
                                                jQuery('#displaydesign').after(canvas);

                                                var c = document.getElementById("myCanvasP");
                                                var ctx = c.getContext("2d");
                                                var img = new Image();
                                        //img.src = 'https://xpresalabels.com/site/wp-content/plugins/xpresalabels/assets/images/pattern-overlay.png';

                                                img.onload = function() {
                                                    var pat = ctx.createPattern(img,
                                                        "repeat");
                                                    ctx.rect(0, 0, c.width, c.height);
                                                    ctx.fillStyle = pat;
                                                    ctx.fill();
                                                }

                                            }
                                        });
                                    });
                                var calH8 = jQuery('.previewWindow').height();
                                jQuery('.panel').css('height', calH8);
                                (v === 1) ?
                                (jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder')
                                    .delay(1000).queue(function() {
                                        jQuery(this).remove();
                                    }), jQuery('.windowBody').removeClass('loads')) :
                                priceandallgencustom(ds);
                            }

                        }
                    }
                });
}



}

function selectshape(val, useimgwidth, userimgheight, widthininches, heightininches, priceChartId, fl, ds) {

    jQuery(ds).parent().parent().siblings().find('.inner').removeClass('selected');
    jQuery(ds).parent().addClass('selected');

    if (priceChartId != '') {
        document.getElementById('selectedPriceChart').value = priceChartId;
    } else {
        document.getElementById('selectedPriceChart').value = 1;
    }

    var dpi = 200;

    if (document.getElementById("setselectsize")) {
        document.getElementById("setselectsize").value = val;

    }
    document.getElementById("selectedwidth").value = useimgwidth;
    document.getElementById("selectedheight").value = userimgheight;

    document.getElementById("freameininchesw").value = widthininches;
    document.getElementById("freameininchesh").value = heightininches;

    document.getElementById("custom_data_1").value = widthininches + 'X' + heightininches;


    if (document.getElementById("selectprodsize")) {
        document.getElementById("selectprodsize").innerHTML = widthininches + '" X ' + heightininches + '"';
    }
    userwidth = widthininches * dpi;
    userheight = heightininches * dpi;


    jQuery('div#prntlabellgoo, #displaydesign').width(userwidth);
    jQuery('div#prntlabellgoo, #displaydesign').height(userheight);

    for (i = 0; i < 3; i++) {
        jQuery('.after').css({
            'width': userwidth + 'px',
            'height': userheight + 'px',
            'margin-top': -jQuery('.after img').height() + 'px'
        });
    }
    (jQuery('#myCanvas_back').length > 0) ? makeBackCanvas(2): '';

    setPricingTable(fl);

}

function setPricingTable(fl) {
    selectedPriceChart = document.getElementById('selectedPriceChart').value;
    var selectedQuantity = document.getElementById('totalquantity').value;

    if (parseInt(selectedPriceChart) < 0) {
        selectedPriceChart = 1;
    }

    if (selectedQuantity == '') {
        selectedQuantity = 1000;
    }

    var priceChart = "<tr><td colspan='3'>There are some ERROR !! Please check after some time. </td></tr>";
    var priceChartData = '';
    var i = 0,
    printV;

    if (selectedQuantity <= 5000) {
        printV = printPriceChart[selectedPriceChart];
    } else {
        printV = printPriceChart2[selectedPriceChart];
    }

    for (var baseQuantity in printV) {

        if (baseQuantity == selectedQuantity) {
            var selectedDisplay = "checked";
        } else {
            var selectedDisplay = " ";
        }

        //var highlightClass = recommendVals[selectedPriceChart][baseQuantity] ? 'recommended' : '';

        priceChartData +=
        '<tr class=""><td width="20"><label class="customRadio"><input name="quantityhere" id="priceChartData_' +
        i + '" type="radio" value="' + baseQuantity + '" ' + selectedDisplay + ' onchange="selectquantity(' +
        baseQuantity + ',' + (printPriceChart[selectedPriceChart][baseQuantity]).toFixed(3) +
        ')"><span class="checkmark"></span></label></td><td>' + baseQuantity + '</td><td width="20%">$' + (
            printPriceChart[selectedPriceChart][baseQuantity]).toFixed(3) + '</td></tr>';

        i++;

    }


    priceChart = priceChartData;
    document.getElementById('priceContainerFull').innerHTML = priceChart;

    var x = printPriceChart[selectedPriceChart][selectedQuantity];

    selectquantity(selectedQuantity, x);

    //(fl == 1) ? submitDesign() : '';
    //console.log(printPriceChart);

    submitDesign(1);
}

function selectFrameType(foldopn, foldname, foldprice, ds) {
    jQuery(ds).addClass('selected');
    jQuery(ds).siblings().removeClass('selected');
    document.getElementById("labelfold").innerHTML = foldname;
    document.getElementById("foldoptionsprice").value = foldprice;
    document.getElementById("foldoptionhere").value = foldname;
    document.getElementById("custom_data_6").value = foldname;

    var cals = foldname.split(' ');
    //console.log(cals);

    jQuery('#displaydesignW').attr('class', '');
    jQuery('#displaydesignW').addClass(cals[0]);

    jQuery('div#prntlabellgoo').attr('class', '');
    jQuery('div#prntlabellgoo').addClass(cals[0]);

    jQuery('.after').css({
        width: jQuery('input#freameininchesw').val() * 100 + 'px',
        height: jQuery('input#freameininchesh').val() * 100 - 10 + 'px',
        'margin-top': -jQuery('.after img').height() + 'px'
    });

    jQuery('div#label-sizes .inner.selected span').click();

}

function selectquantity(valquantity, vareachunit) {

    if (valquantity >= 10000) {
        jQuery('.colors_b > span').removeClass('hide');
    } else {
        jQuery('.colors_b > span').not('#White').addClass('hide');
    }

    if (valquantity != '') {

        if (valquantity == 'ProofOnly' || valquantity == "FreeSamplePacket") {
            document.getElementById('totalquantity').value = 1;
            vartotalprice = parseFloat(vareachunit);
            vartotalprice1 = parseFloat(vartotalprice);
            document.getElementById("quantitys").innerHTML = "1 PIECE";
            document.getElementById("priceperlabel").innerHTML = vareachunit.toFixed(2);
            document.getElementById("totalprice").innerHTML = (vareachunit).toFixed(2);
            document.getElementById("totalquantity").value = 1;
            document.getElementById("unitpricehere").value = vareachunit;
            document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;
            document.getElementById("totalprice").innerHTML = vareachunit;
            document.getElementById("custom_data_8").value = valquantity;
        } else {
            document.getElementById('totalquantity').value = valquantity;
            vartotalprice = parseFloat(valquantity) * parseFloat(vareachunit);
            vartotalprice1 = parseFloat(vartotalprice);
            document.getElementById("quantitys").innerHTML = valquantity + " PIECES";
            document.getElementById("custom_data_7").value = valquantity;
            document.getElementById("priceperlabel").innerHTML = vareachunit.toFixed(2);
            document.getElementById("totalprice").innerHTML = (valquantity * vareachunit).toFixed(2);
            document.getElementById("totalquantity").value = valquantity;
            document.getElementById("unitpricehere").value = vareachunit;
            document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;
        }
    }
    //submitDesign();
}

function selectquantity1(valquantity, vartotalprice, vareachunit) {
    if (valquantity != '') {
        foldoptionsprice = document.getElementById("foldoptionsprice").value;
        labelprice = document.getElementById("labelprice").value;
        vartotalprice1 = parseFloat(vartotalprice) + parseFloat(foldoptionsprice) + parseFloat(labelprice);

        document.getElementById("totalpricelabeladd2crt").value = vartotalprice1;

        document.getElementById("quantity").innerHTML = valquantity;
        document.getElementById("priceperlabel").innerHTML = vareachunit;
        document.getElementById("totalprice").innerHTML = vartotalprice1;

        document.getElementById("quantityforpdf").value = valquantity;
        document.getElementById("priceperlabelforpdf").value = vareachunit;
        document.getElementById("totalpricelabelpdf").value = vartotalprice1;
    }

}

function designSendMethod(mdtd) {
    if (mdtd == 'email') {
        jQuery('.file_upload').fadeOut(100);
        jQuery('#emailArea').fadeIn(100);
    } else if (mdtd == 'upload') {
        jQuery('.file_upload').fadeIn(100);
        jQuery('#emailArea').fadeOut(100);
    }
}

function priceandallgencustom(vn) {


    /*********** merge two canvas ***************/
    var dataURL;
    if (jQuery('#displaydesignnew_bck_vw_wrp').hasClass('show')) {

        var canvasFront = document.getElementById('myCanvasP');


        var newCanvas = document.createElement('canvas');
        newCanvas.id = 'newCanvas';
        newCanvas.width = canvasFront.width;
        newCanvas.height = canvasFront.height * 2 + 10;
        var ctxN = newCanvas.getContext('2d');
        ctxN.fillStyle = "#FFF";
        ctxN.fillRect(0, 0, canvasFront.width, canvasFront.height);
        ctxN.drawImage(canvasFront, 0, 0);

        var ctxN2 = newCanvas.getContext('2d');
        var canvasBack = document.getElementById('myCanvas_back');
        ctxN2.drawImage(canvasBack, 0, canvasBack.height);

        //ctxF.drawImage(ctxB, canvasFront.width, canvasFront.height*2);

        dataURL = newCanvas.toDataURL("image/png");
        //var link = document.createElement('a');
        //link.download = "merged.png";
        //link.href = newCanvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
        //link.click();
    } else {
        dataURL = '';
    }

    //console.log(dataURL);

    var1 = document.getElementById("custom_data_1").value;
    var2 = document.getElementById("custom_data_2").value;
    var3 = document.getElementById("custom_data_3").value;
    var7 = document.getElementById("totalpricelabeladd2crt").value;
    bnc_qnt = document.getElementById("custom_data_7").value;
    var10 = document.getElementById("custom_data_10").value;
    jQuery.ajax({
        url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
        type: 'post',
        data: {
            action: 'my_action_print_custom_add2cart',
            ctsmdate1: var1,
            ctsmdate2: var2,
            ctsmdate3: var3,
            ctsmdate7: var7,
            bnc_qnt: bnc_qnt,
            ctsmdate10: var10,
            imgMerged: dataURL,
        },
        beforeSend: function() {
            // setting a timeout
            jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').remove();
            jQuery('#displaydesign').closest('.windowBody').prepend(
                "<div class='imgDesignPlaceholder'></div>")
        },
        success: function(data) {
            data = JSON.parse(data);
            //console.log(data);
            if (data == 'fail') {
                alert('No records found');
            } else {
                jQuery('#hereallwillchnage').html(data.html);
                if (data.buyNowLink != '') {
                    jQuery('input[name="buyLink"]').val(data.buyNowLink);
                    jQuery('input[value="Download Quote"]').removeClass('hide');
                    jQuery('#iha5').remove();
                }
                //var ids = jQuery('#valuetobtkn').val();
                //jQuery('.designtoolbutton' + ids).click();
                /*document.getElementById("add2crtfrmsub").submit();*/
                if (vn != 'sbmtQT') {
                    jQuery('button[value="1676"]').click();
                    //jQuery.get('https://xpresalabels.com/site/?post_type=product&add-to-cart=1676', function() {});
                }

            }
        }
    });
}

function priceandallgenanother() {
    var1 = document.getElementById("custom_data_1").value;
    var2 = document.getElementById("custom_data_2").value;
    var7 = document.getElementById("totalpricelabeladd2crt").value;
    jQuery.ajax({
        url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
        type: 'post',
        data: {
            action: 'my_action_print_custom_add2cart',
            ctsmdate1: var1,
            ctsmdate2: var2,
            ctsmdate7: var7
        },
        beforeSend: function() {
            // setting a timeout
            jQuery('#displaydesign').closest('.windowBody').find('.imgDesignPlaceholder').remove();
            jQuery('#displaydesign').closest('.windowBody').prepend(
                "<div class='imgDesignPlaceholder'></div>")
        },
        success: function(data) {
            if (data == 'fail') {
                alert('No records found');
            } else {
                jQuery('#hereallwillchnage').html(data);
                alert('Please wait while the page is redirect');
                jQuery.get('https://xpresalabels.com/site/?post_type=product&add-to-cart=1676',
                    function() {});
            }
        }
    });
}

function vibrantCreateSwatches1(colors, n) {
    if (colors.length > 2) {
        var a = {
            1: {
                1000: (parseFloat(printPriceChart[1]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[1]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[1]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[1]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[1]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[1]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[1]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[1]['50000']) + 0.003),
            },
            2: {
                1000: (parseFloat(printPriceChart[2]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[2]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[2]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[2]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[2]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[2]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[2]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[2]['50000']) + 0.003),
            },
            3: {
                1000: (parseFloat(printPriceChart[3]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[3]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[3]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[3]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[3]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[3]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[3]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[3]['50000']) + 0.003),
            },
            4: {
                1000: (parseFloat(printPriceChart[4]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[4]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[4]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[4]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[4]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[4]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[4]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[4]['50000']) + 0.003),
            },
            5: {
                1000: (parseFloat(printPriceChart[5]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[5]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[5]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[5]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[5]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[5]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[5]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[5]['50000']) + 0.003),
            },
            6: {
                1000: (parseFloat(printPriceChart[6]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[6]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[6]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[6]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[6]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[6]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[6]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[6]['50000']) + 0.003),
            },
            7: {
                1000: (parseFloat(printPriceChart[7]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[7]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[7]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[7]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[7]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[7]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[7]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[7]['50000']) + 0.003),
            },
            8: {
                1000: (parseFloat(printPriceChart[8]['1000']) + 0.015),
                2000: (parseFloat(printPriceChart[8]['2000']) + 0.012),
                2500: (parseFloat(printPriceChart[8]['2500']) + 0.012),
                3000: (parseFloat(printPriceChart[8]['3000']) + 0.008),
                5000: (parseFloat(printPriceChart[8]['5000']) + 0.006),
                10000: (parseFloat(printPriceChart[8]['10000']) + 0.005),
                25000: (parseFloat(printPriceChart[8]['25000']) + 0.004),
                50000: (parseFloat(printPriceChart[8]['50000']) + 0.003),
            }
        }
        printPriceChart = a;
        setPricingTable(printPriceChart);
    } else {
        printPriceChart = printPriceChartN;
        setPricingTable(printPriceChart);
    }


    var swatchHtml = '<ul id="swatchColors">';
    for (var i = 0; i < colors.length; i++) {
        swatchHtml += '<li class="colors' + i + '" count="' + colors[i].count + '" style="background-color:#' + colors[
        i].hex + '"></li>';
        (n == 1) ? selecttextcolor(colors[i].hex, colors[i].hex): '';
    }
    swatchHtml += '</ul>';
    //jQuery('#drop-area').append('<div class="ttlClrs">Total colors in image: <span>' + colors.length + '</span></div>');
    jQuery('#div-drop-area' + n).append(swatchHtml);
}


function selecttextcolor(valtxcolo, valtxcolon, d) {
    jQuery(d).addClass('selected');
    jQuery('#label-sizes').show();
    jQuery('.irs-slider').click();
    jQuery('#label-sizes').hide();

    if (valtxcolo == '') {
        valtxcolo = document.getElementById("usertextcolor").value;
        valtxcolon = document.getElementById('usertextcolorName').value
    }



    setofColor = document.getElementById("usertextcolorSet").value;
    setofColorCount = document.getElementById("usertextcolorSetCount").value;
    setofColorCount = parseInt(setofColorCount);
    document.getElementById("custom_data_3").value = valtxcolon;


    if (setofColorCount < 7) {
        stSearch = setofColor.indexOf(valtxcolo);

        if (stSearch != -1) {
            document.getElementById("coloColorErrorMsg").innerHTML =
            "Color already exists, Please select different color.";
        } else {
            document.getElementById("coloColorErrorMsg").innerHTML = "";
            setofColorCount = setofColorCount + 1;
            if (setofColor == '') {
                setofColor = '#' + valtxcolo;
            } else {
                setofColor = setofColor + ' #' + valtxcolo;
            }

            document.getElementById("usertextcolorSet").value = setofColor;
            document.getElementById("usertextcolorSetCount").value = setofColorCount;
            var valtxcoloHas = "#" + valtxcolo;
            spid = valtxcolo + setofColorCount
            var secColor = "<span data-arr='" + valtxcolo + "' class='selectedColorItem' id='" + spid +
            "' onclick=removeSelectedColor('" + valtxcoloHas + "','" + spid +
            "')><span class='selectedColorItemColor' style='background:#" + valtxcolo +
            "'></span><span class='selectedColorItemName'>" + valtxcolon + "</span></span>";

            jQuery('#selectedColors').append(secColor);
            document.getElementById("coloColorErrorMsg").innerHTML = '';

            var secColordisplay = document.getElementById("textlabelcol").innerHTML;
            if (secColordisplay == 'N/A') {
                secColordisplay = '';
            }
            secColordisplay = secColordisplay + "<span id='" + spid +
            "display' class='selectedColorItemColor' style='background:#" + valtxcolo + "'></span>";



            document.getElementById("usertextcolor").value = valtxcolo;
            document.getElementById("textlabelcol").innerHTML = secColordisplay;



            extraColorHolder['setofColor'] = true;

            for (key in baseRates) {
                if (setofColorCount > 2) {


                    if (designSelection['labelType']) {

                    } else {
                        designSelection[key] = 0;
                    }

                    if (iconAdhesive['ironAdhesive']) {

                    } else {
                        iconAdhesive[key] = 0;
                    }

                    baseRates[key] = baseRatesHolder[key] + extraColors[key] + designSelection[key] + iconAdhesive[key];
                    extraColorHolder[key] = extraColors[key];

                } else {
                    baseRates[key] = baseRatesHolder[key];
                }
            }

            setPricingTable(2);

            var setofColorCount = document.getElementById("usertextcolorSetCount").value;
            setofColorCount = parseInt(setofColorCount);

            if (setofColorCount > 2) {
                var a = {
                    1: {
                        1000: (parseFloat(printPriceChart[1]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[1]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[1]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[1]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[1]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[1]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[1]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[1]['50000']) + 0.003),
                    },
                    2: {
                        1000: (parseFloat(printPriceChart[2]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[2]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[2]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[2]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[2]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[2]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[2]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[2]['50000']) + 0.003),
                    },
                    3: {
                        1000: (parseFloat(printPriceChart[3]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[3]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[3]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[3]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[3]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[3]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[3]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[3]['50000']) + 0.003),
                    },
                    4: {
                        1000: (parseFloat(printPriceChart[4]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[4]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[4]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[4]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[4]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[4]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[4]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[4]['50000']) + 0.003),
                    },
                    5: {
                        1000: (parseFloat(printPriceChart[5]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[5]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[5]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[5]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[5]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[5]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[5]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[5]['50000']) + 0.003),
                    },
                    6: {
                        1000: (parseFloat(printPriceChart[6]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[6]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[6]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[6]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[6]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[6]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[6]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[6]['50000']) + 0.003),
                    },
                    7: {
                        1000: (parseFloat(printPriceChart[7]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[7]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[7]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[7]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[7]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[7]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[7]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[7]['50000']) + 0.003),
                    },
                    8: {
                        1000: (parseFloat(printPriceChart[8]['1000']) + 0.015),
                        2000: (parseFloat(printPriceChart[8]['2000']) + 0.012),
                        2500: (parseFloat(printPriceChart[8]['2500']) + 0.012),
                        3000: (parseFloat(printPriceChart[8]['3000']) + 0.008),
                        5000: (parseFloat(printPriceChart[8]['5000']) + 0.006),
                        10000: (parseFloat(printPriceChart[8]['10000']) + 0.005),
                        25000: (parseFloat(printPriceChart[8]['25000']) + 0.004),
                        50000: (parseFloat(printPriceChart[8]['50000']) + 0.003),
                    }
                }
                printPriceChart = a;
                setPricingTable(printPriceChart);
            } else {
                printPriceChart = printPriceChartN;
                setPricingTable(printPriceChart);
            }
        }

    } else {
        document.getElementById("coloColorErrorMsg").innerHTML =
        "Maximum 7 color are allowed, delete some color by clicking above.";
    }
}

function removeSelectedColor(val, spid) {
    setofColor = document.getElementById("usertextcolorSet").value;
    setofColorCount = document.getElementById("usertextcolorSetCount").value;

    jQuery('span.colorContainer.selected[data-arr="' + val.replace('#', '') + '"]').removeClass('selected');
    var nval = val;
    var nwsetofColor = setofColor.replace(val, '');
    nwsetofColor = nwsetofColor.replace(/\s+/g, ' ');
    document.getElementById("usertextcolorSet").value = nwsetofColor;

    setofColorCount = document.getElementById("usertextcolorSetCount").value;
    setofColorCount = parseInt(setofColorCount);

    setofColorCount = setofColorCount - 1;

    document.getElementById("usertextcolorSetCount").value = setofColorCount;

    jQuery("#" + spid).remove();
    jQuery("#" + spid + "display").remove();

    extraColorHolder['setofColor'] = true;

    for (key in baseRates) {
        if (setofColorCount > 2) {


            if (designSelection['labelType']) {

            } else {
                designSelection[key] = 0;
            }

            if (iconAdhesive['ironAdhesive']) {

            } else {
                iconAdhesive[key] = 0;
            }

            baseRates[key] = baseRatesHolder[key] + extraColors[key] + designSelection[key] + iconAdhesive[key];
            extraColorHolder[key] = extraColors[key];

        } else {
            baseRates[key] = baseRatesHolder[key];
        }
    }

    setPricingTable(2);

    if (setofColorCount > 2) {
        var a = {
            1: {
                1000: (parseFloat(printPriceChart[1]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[1]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[1]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[1]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[1]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[1]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[1]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[1]['50000']) - 0.003),
            },
            2: {
                1000: (parseFloat(printPriceChart[2]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[2]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[2]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[2]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[2]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[2]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[2]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[2]['50000']) - 0.003),
            },
            3: {
                1000: (parseFloat(printPriceChart[3]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[3]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[3]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[3]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[3]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[3]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[3]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[3]['50000']) - 0.003),
            },
            4: {
                1000: (parseFloat(printPriceChart[4]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[4]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[4]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[4]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[4]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[4]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[4]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[4]['50000']) - 0.003),
            },
            5: {
                1000: (parseFloat(printPriceChart[5]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[5]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[5]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[5]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[5]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[5]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[5]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[5]['50000']) - 0.003),
            },
            6: {
                1000: (parseFloat(printPriceChart[6]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[6]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[6]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[6]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[6]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[6]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[6]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[6]['50000']) - 0.003),
            },
            7: {
                1000: (parseFloat(printPriceChart[7]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[7]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[7]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[7]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[7]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[7]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[7]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[7]['50000']) - 0.003),
            },
            8: {
                1000: (parseFloat(printPriceChart[8]['1000']) - 0.015),
                2000: (parseFloat(printPriceChart[8]['2000']) - 0.012),
                2500: (parseFloat(printPriceChart[8]['2500']) - 0.012),
                3000: (parseFloat(printPriceChart[8]['3000']) - 0.008),
                5000: (parseFloat(printPriceChart[8]['5000']) - 0.006),
                10000: (parseFloat(printPriceChart[8]['10000']) - 0.005),
                25000: (parseFloat(printPriceChart[8]['25000']) - 0.004),
                50000: (parseFloat(printPriceChart[8]['50000']) - 0.003),
            }
        }
        printPriceChart = a;
        setPricingTable(printPriceChart);
    } else {
        printPriceChart = printPriceChartN;
        setPricingTable(printPriceChart);
    }
}

function selectLabetType(value) {
    document.getElementById("labelType").innerHTML = value;
    document.getElementById("custom_data_10").value = value;
}

function selectcolor(valc, valcn, d) {
    jQuery(d).addClass('selected').siblings().removeClass('selected');
    document.getElementById("userbgcolor").value = '#' + valc;
    document.getElementById("backlabelcol").innerHTML = valcn;
    document.getElementById("custom_data_2").value = valcn;
    if (document.getElementById("prntlabellgoo").length > 0) document.getElementById("prntlabellgoo").style
        .backgroundColor = valcn;

    document.getElementById('totalquantity').value = (valc == 'ffffff') ? 1000 : 5000;
    setPricingTable();

    colorval = valc;
    submitDesign(1);

    if (document.getElementById("pantoneBG")) {
        jQuery('#pantoneBG').attr('style', '');
        jQuery('#pantoneBG').val('');
    }
}

jQuery(document).ready(function() {
    /*** heading slider ***/
    jQuery('.panel-headings-wrapper').owlCarousel({
        loop: false,
        margin: 0,
        nav: true,
        dots: false,
        mouseDrag: false,
        responsive: {
            0: {
                items: 2
            },
            600: {
                items: 3
            },
            1000: {
                items: 5,
            },
            1200: {
                items: 5,
            },
            1400: {
                items: 5,
            }
        }
    });

    selectFrameType(3, 'Center-folded', '3.00', jQuery('div#label-cuts .default'));
    selectshape(9, '', '', '0.59', '0.78', 1, 2, '.default');
    submitDesign(1);

    jQuery("#drop-area").on('dragenter', function(e) {
        e.preventDefault();
        jQuery(this).addClass('dropareadrag');

    });

    jQuery("#drop-area").on('dragover', function(e) {
        e.preventDefault();
    });

    jQuery("#drop-area").on('drop', function(e) {
        //$(this).css('background', '#D8F9D3');
        jQuery(this).removeClass('dropareadrag');
        document.getElementById('drop-area').innerHTML =
        "<img src='https://xpresalabels.com/site/wp-content/plugins/xpresalabels/images/tenor.gif'>";
        e.preventDefault();
        var image = e.originalEvent.dataTransfer.files;
        createFormData(image);
    });

    jQuery('#pantoneBG').ColorPicker({
        onShow: function(colpkr) {
            jQuery(colpkr).fadeIn(500);
            return false;
        },
        onHide: function(colpkr) {
            jQuery(colpkr).fadeOut(500);
            return false;
        },
        onChange: function(hsb, hex, rgb) {

            jQuery('.colorContainer').removeClass('selected');
            document.getElementById("userbgcolor").value = '#' + hex;
            jQuery('input[name="labelbgcolor"]').val('#' + hex);
            document.getElementById("backlabelcol").innerHTML = '#' + hex;
            document.getElementById("custom_data_2").value = '#' + hex;
            jQuery('#pantoneBG').val("RGB: " + rgb.r + ',' + rgb.g + ',' + rgb.b);
            if (document.getElementById("prntlabellgoo").length > 0) document.getElementById(
                "prntlabellgoo").style.backgroundColor = '#' + hex;


                document.getElementById('totalquantity').value = 5000;
            setPricingTable();

            //colorval = valc;
            submitDesign(1);


        },
        onHide: function(hsb, hex, rgb) {
            //submitDesign(1);
        }

    });

    //code to add validation on print label design order "Add to Cart" button
    jQuery('.designtoolbutton').click(function() {
        //code to add validation, if any
        //If all values are proper, then send AJAX request
        var custom_data_1 = document.getElementById("custom_data_1").value;
        var custom_data_2 = document.getElementById("custom_data_2").value;
        var custom_data_3 = document.getElementById("custom_data_3").value;
        var custom_data_4 = document.getElementById("custom_data_4").value;
        var custom_data_5 = document.getElementById("custom_data_5").value;
        var custom_data_6 = document.getElementById("custom_data_6").value;
        var custom_data_7 = document.getElementById("custom_data_7").value;
        var custom_data_8 = document.getElementById("custom_data_8").value;
        var custom_data_9 = document.getElementById("custom_data_9").value;
        var custom_data_10 = document.getElementById("custom_data_10").value;
        var sizetag = document.getElementById("sizetag").value;


        var ajaxurl = 'https://xpresalabels.com/site/wp-admin/admin-ajax.php';

        jQuery.ajax({
            url: ajaxurl, //AJAX file path - admin_url('admin-ajax.php')
            type: "POST",
            data: {
                //action name
                action: 'wdm_add_user_custom_data_options',
                custom_data_1: custom_data_1,
                custom_data_2: custom_data_2,
                custom_data_3: custom_data_3,
                custom_data_4: custom_data_4,
                custom_data_5: custom_data_5,
                custom_data_6: custom_data_6,
                custom_data_7: custom_data_7,
                custom_data_9: custom_data_9,
                custom_data_10: custom_data_10,
                custom_data_8: custom_data_8,
                sizetag: sizetag,
                product_price: jQuery('input#totalpricelabeladd2crt').val()
            },
            async: false,
            success: function(data) {}
        });
    })

    jQuery('.dwn-pdf-btn a').click(function() {
        jQuery("input[name=labelsize]").val(jQuery('#custom_data_1').val());
        jQuery("input[name=sizetagm]").val(jQuery('input#sizetag').val());
        jQuery("input[name=labelcolor]").val(jQuery('#labelcolor').text());
        jQuery("input[name=labellogocolor]").val(jQuery('#logocolor').text());
        jQuery("input[name=labelfont]").val(jQuery('#designfont').text());
        jQuery("input[name=labeltotalprice]").val('USD' +
            jQuery('#totalpricelabeladd2crt').val());
        jQuery("input[name=labelsymbol]").val(jQuery('#symbolhere').text());
        jQuery("input[name=labelcutnfold]").val(jQuery('#labelfold').text());
        jQuery("input[name=labelwoovenlabtype]").val(jQuery('#woovenlabtype').text());
        jQuery("input[name=labellabirononadhesive]").val(jQuery('#labirononadhesive').text());
        jQuery("input[name=Quantity]").val(jQuery('input[name="custom_data_7"]').val());
        /*setTimeout(function() {
            jQuery("input[name=disigndisplays]").val(jQuery('#displaydesign div img').attr('src'));
        }, 3000);*/
    });

    // jQuery('.panel-heading').click(function() {
    //     submitDesign(1);
    //     jQuery(this).addClass('active-h').parent().siblings().find('.panel-heading').removeClass(
    //         'active-h');
    //     var trgt = jQuery(this).attr('data-target');
    //     jQuery('div[data-div="' + trgt + '"]').show().siblings().not('.cart-sec, .guideArea').hide();
    // });
});

function nxt(d) {
    submitDesign(1);
    var parent = jQuery(d).closest(".panel").attr('data-div');
    jQuery('div[data-target="' + parent + '"]').parent().next().find('.panel-heading').click();

    var owl = jQuery('.panel-headings-wrapper');
    owl.trigger('next.owl.carousel');
}

function repair() {
    submitDesign(1);
}
  /* next */
function nxt_new() {
   var current_step=jQuery('#current_step').val();


   var next_step=parseInt(current_step)+1;

   var custom_logo = jQuery('#drop-area1').val();
   var imagetype = jQuery('input[name="uploadLogo"]:checked').val();
   if(custom_logo=='' && imagetype=='upload'){
    alert('Please upload your logo to proceed');
    jQuery('.panel-heading').removeClass('active-h');
    jQuery('.mobilestep1').addClass("active-h");
    jQuery('.step1').addClass("active-h");
    return false;
}

var background =jQuery('#custom_data_2').val();
if(background=='' && next_step>3){
  alert('Please select background color to proceed');
  jQuery('.panel-heading').removeClass('active-h');

  jQuery('.step3').trigger("click");

  jQuery('.mobilestep3').trigger("click");
  jQuery('.mobilestep3').addClass("active-h");
  jQuery('.step3').addClass("active-h");
  jQuery('#backgroundcolors').show();
  jQuery('#backgroundcolors').prev("h4").addClass("section-open");
  jQuery('html, body').animate({
   scrollTop: jQuery("#backgroundcolors").offset().top-400
}, 1000);
  return false;
}
jQuery('.step'+next_step).trigger('click');
jQuery('.mobilestep'+next_step).addClass('active-h');
jQuery('#current_step').val(next_step);
if(next_step>1){
  jQuery('.btn-prev').removeAttr('disabled');
}
else{
    jQuery('.btn-prev').prop("disabled", true);

}
if(next_step==5 || next_step>5){
 jQuery('.btn-prev-next').hide();
 jQuery('.btn-canvas-submit').show();
}
else{
    jQuery('.btn-prev-next').show();
    jQuery('.btn-canvas-submit').hide();
}
console.log('.step'+next_step);

}


function prev_new() {
   var current_step=jQuery('#current_step').val();
   var prev_step=parseInt(current_step)-1;
   jQuery('.step'+prev_step).trigger('click');
   jQuery('.mobilestep'+prev_step).addClass('active-h');
   jQuery('#current_step').val(prev_step);
   if(prev_step>1){
      jQuery('.btn-prev').removeAttr('disabled');
  }
  else{
    jQuery('.btn-prev').prop("disabled", true);
    
}
if(prev_step==8 || prev_step>8){
 jQuery('.btn-prev-next').hide();
 jQuery('.btn-canvas-submit').show();
}
else{
    jQuery('.btn-prev-next').show();
    jQuery('.btn-canvas-submit').hide();
}
console.log(prev_step);

}
jQuery(document.body).on('click', '.panel-heading', function() {
//   return false;
 var step_id=jQuery(this).data('id');
 var custom_logo = jQuery('#drop-area1').val(); 
 var imagetype = jQuery('input[name="uploadLogo"]:checked').val();
 if(custom_logo=='' && step_id>2 && imagetype=='upload'){
    alert('Please upload your logo to proceed');
    jQuery('.panel-heading').removeClass('active-h');
    jQuery('.mobilestep1').addClass("active-h");
    jQuery('.step1').addClass("active-h");
    return false;
}
var background =jQuery('#custom_data_2').val();
if(background=='' && step_id>3){
  alert('Please select background color to proceed');
  jQuery('.panel-heading').removeClass('active-h');

  jQuery('.step3').trigger("click");

  jQuery('.mobilestep3').trigger("click");
  jQuery('.mobilestep3').addClass("active-h");
  jQuery('.step3').addClass("active-h");
  jQuery('#backgroundcolors').show();
  jQuery('#backgroundcolors').prev("h4").addClass("section-open");
  jQuery('html, body').animate({
   scrollTop: jQuery("#backgroundcolors").offset().top-400
}, 1000);
  return false;
}
jQuery('#current_step').val(step_id);
submitDesign(1);
var trgt = jQuery(this).attr('data-target');
jQuery('div[data-div="' + trgt + '"]').show().siblings().not('.cart-sec, .guideArea').hide();
if(step_id>1){
  jQuery('.btn-prev').removeAttr('disabled');
}
else{
    jQuery('.btn-prev').prop("disabled", true);
    
}
if(step_id==5 || step_id>5){
   jQuery('.btn-prev-next').hide();
   jQuery('.btn-canvas-submit').show();
}
else{
    jQuery('.btn-prev-next').show();
    jQuery('.btn-canvas-submit').hide();
}

});

jQuery(document.body).on('click', '.btn-canvas-submit', function() {
    jQuery('.proPreview-deg-ord-print').addClass('model-preview');
    jQuery('.add-amount').addClass('change-quantity');
    jQuery('.close-preview').show();
    jQuery('.btn-cart-canvas').show();
    jQuery('.btn-prev-next').hide();
    jQuery('.btn-canvas-submit').hide();

});
jQuery(document.body).on('click', '.close-preview', function() {
    jQuery('.proPreview-deg-ord-print').removeClass('model-preview');
    jQuery('.add-amount').removeClass('change-quantity');
    jQuery('.btn-cart-canvas').hide();
    jQuery('.btn-prev-next').show();
    jQuery('.btn-canvas-submit').hide();
    jQuery('.close-preview').hide();
    

});

function loadFunction(action, selector) {
    jQuery.ajax({
        url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
        type: 'post',
        cache: true,
        datattype: 'json',
        data: {
            action: action
        },
        success: function(data) {
            jQuery(selector).html(data);

            var options = "";
            if (options != '') {
                request_time = new Date().getTime() - start_time;
                jQuery(selector).imagesLoaded(function() {
                    addEditedOption(options);

                    (count === 1) ? setTimeout(function() {
                        jQuery('.loading').removeClass('loading');
                    }, request_time): '';
                    count = count + 1;
                });
            } else {
                jQuery('.loading').removeClass('loading');
            }
        }
    });
}


function showMore(ds) {
    jQuery('#divider').slideToggle('medium', function() {
        if (jQuery(this).is(':visible'))
            jQuery(this).css('display', 'flex');
    });
    jQuery(ds).text(jQuery(ds).text() == 'Show More' ? "Show Less" : "Show More");
}

var scroll = false,
start_time, count = 0;
start_time = new Date().getTime();
(scroll == false) ? jQuery('div#folds').prepend("<div class='imgDesignPlaceholder'></div>"): "";
var _scrolled = jQuery(this).scrollTop();

jQuery('.panel:not(.panel-primary)').css('display', 'none');
scroll = true;

loadFunction('load_label_sizes_pc', '#label-sizes'); //load Custom Label Sizes
loadFunction('load_label_cuts_pc', '#label-cuts'); //load Custom Label Sizes

loadFunction('load_backGroundColorsWC', '.colors_b'); //load back colors
//loadFunction('load_logoColors', '.colors_l'); //load logo colors



function saveForLater(p) {
    submitDesign(1);

    var labelSize = jQuery('div#label-sizes .row-sec .desig-order-shrt-des img.selected').parent().data('arr');

    var labelCut = jQuery('div#label-cuts .row-sec .col-lg-4.selected').index() + 1;

    var quantity = jQuery('input#totalquantity').val();

    var arrToSave_pc = [];
    arrToSave_pc.push({
        labelSize: labelSize,
        labelCut: labelCut,
        quantity: quantity
    });

    //console.log(arrToSave_pc);

    p = (p === undefined) ? '' : p;
    jQuery.ajax({
        url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
        type: 'post',
        cache: true,
        datattype: 'json',
        data: {
            action: 'saveForLater_PC',
            arrToSave_pc: arrToSave_pc,
            p: p,
            imgdata: jQuery('#imgFromCanvas').val()
        },
        beforeSend: function() {

        },
        success: function(data) {
            //console.log(data);
            var d = data.split('/');
            //console.log(d);
            var myAccountPageUrl =
            'https://xpresalabels.com/site/my-account/';
            if (data != 0) {
                if (d[1] == 'login=false') {
                    jQuery.fancybox.open(
                        '<div class="message"> <h2>Please Login to continue</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
                        myAccountPageUrl + '?' + d[0] +
                        '">Login</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
                        myAccountPageUrl + '?' + d[0] + '">Sign up</a> </div></div></div>');
                } else if (d[0] == 'already added') {
                    jQuery.fancybox.open(
                        '<div class="message"> <h2>Want to replace previously saved item?</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="javascript:void(0)" data-fancybox-close onclick="saveForLater(3)">Yes</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" data-fancybox-close href="javascript:void(0)" >No</a> </div></div></div>'
                        );
                } else if (d[0] == 'insert successful') {
                    jQuery.fancybox.open(
                        '<div class="message"> <h2>Product saved!</h2> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" href="' +
                        myAccountPageUrl +
                        '/saved-items/">View saved product</a> </div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <a class="btn btn-info" data-fancybox-close href="javascript:void(0)" >Continue customizing</a> </div></div></div>'
                        );
                } else {
                    jQuery.fancybox.open('<div class="message"><h2>Please try again</h2></div>');
                }
            }
        }
    });

}

function addEditedOption(options) {
    jQuery('div#label-sizes .row-sec .desig-order-shrt-des[data-arr="' + options[0].labelSize + '"] img').addClass(
        'selected').click();
    jQuery('div#label-cuts .row-sec .col-lg-4:nth-child(' + options[0].labelCut + ')').addClass('selected').click();
    jQuery('#priceContainerFull input[type="radio"][value="' + options[0].quantity + '"]').trigger('change');
}

//all images loaded count function
(function($) {
    $.fn.extend({
        imagesLoaded: function(callback, cycling) {
            var i, ic,
            c = true,
            $this = $(this),
            t = $this.find('img').andSelf(),
            l = t.length,
            img = [];
            for (i = 0; i < l; i++) {
                if (t[i].tagName === "IMG") {

                    ic = ('fileSize' in t[i] && t[i].fileSize < 0 && t[i].count > 10) ? true : t[i]
                    .complete;

                    c = (c && ic && t[i].height !== 0); // complete flag

                    if (ic === false) {
                        img.push(t[i]);
                        t[i].count = (t[i].count || 0) + 1;
                    }
                }
            }
            if (c) {
                if (typeof callback === "function") {
                    callback();
                }
            } else {
                setTimeout(function() {
                    $(img).imagesLoaded(callback, true);
                }, 200);
            }
            // maintain chainability
            if (!cycling) {
                return $this;
            }
        }
    });
})(jQuery);

jQuery('select#sizeTag').change(function() {
    var dsval = jQuery(this).val();
    (dsval !== 'Choose') ? (jQuery('span#sizetagchosen').text(dsval), jQuery('input#sizetag').val(dsval)) : (
        jQuery('span#sizetagchosen').text('N/A'), jQuery('input#sizetag').val('N/A'));
});

document.addEventListener('wpcf7mailsent', function(event) {
    if ('1710' == event.detail.contactFormId) {
       window.location.href = "https://www.xpresalabels.com/thank-you-quote/";
        ////console.log(jQuery('form.wpcf7-form').serialize());
        //event.preventDefault();
        // jQuery.ajax({
        //     type: 'POST',
        //     url: 'https://xpresalabels.com/site/wp-admin/admin-ajax.php',
        //     data: {
        //         data: jQuery('form.wpcf7-form').serialize(),
        //         action: 'cf7FormSubmit_PC',
        //     },
        //     success: function(data) {
        //         //console.log(data);
        //         window.open(
        //             "https://xpresalabels.com/site/tcpdf/tcpdf/pdfcustomquoteprintlabel.php",
        //             '_blank');
        //         window.location.href = "https://xpresalabels.com/thank-you-quote/";
        //     }
        // });
   }
}, false);

function selectSideOptions(d, printSide) {
    jQuery(d).addClass('selected');
    jQuery('.oneSide').not(d).removeClass('selected');
    jQuery('#printOptionChosen, #newPrintOption').val(printSide);
    jQuery('#labprintOption').text(printSide);
    jQuery('.warning').remove();

    if (printSide == 'Both Sided') {
        if (jQuery('#foldoptionhere').val() == 'Center-folded') {
            jQuery('.panel-body.panel-body-2').addClass('full');
            jQuery('div#displaydesignnew_bck_vw_wrp').addClass('show').removeClass('hide');
        } else {
            jQuery('div#displaydesignnew_bck_vw_wrp').addClass('hide').removeClass('show');
            jQuery('div#printOptions .panel-body').append(
                '<span class="warning">Please choose different label. Both side printing is for "Center Folded" labels only.</span>'
                );
        }

    } else {
        jQuery('.panel-body.panel-body-2').removeClass('full');
        jQuery('div#displaydesignnew_bck_vw_wrp').removeClass('show').addClass('hide');
    }
}

jQuery(document).ready(function() {
    jQuery('.toggle-less').click(function() {
        var txt = jQuery(".label-input-details").is(':visible') ? 'See More' : 'See Less';
        jQuery(this).text(txt);
        jQuery(this).toggleClass('toggle');
        jQuery('.label-input-details').slideToggle();
    });
    //headerTopMargin();
});

// var targetTopHeader = '.header_top_holder';
var previewBox = '#previewRow';
var targetHSpace = '.previewRowHeight';

function previewBoxTopMargin() {
    // var tHeight = $(targetTopHeader).innerHeight();
    var bHeight = jQuery(previewBox).innerHeight();
    jQuery(targetHSpace).css('height', bHeight + "px");
};
jQuery(window).on('load resize', function() {
    previewBoxTopMargin();
});
jQuery('.add-amount').click(function() {
    jQuery('.panel-headings-wrapper .owl-item .panel-heading').removeClass("active-h");
    jQuery('.panel-headings-wrapper').trigger('to.owl.carousel', 8);
    jQuery('.mobilestep8').addClass("active-h");
    jQuery('.step8').addClass("active-h");
    jQuery('#amounts').slideDown().siblings().slideUp();
});
jQuery(document.body).on('click', '.change-quantity', function() {
    jQuery('.panel-headings-wrapper .owl-item .panel-heading').removeClass("active-h");
    jQuery('.panel-headings-wrapper').trigger('to.owl.carousel', 8);
    jQuery('.mobilestep8').addClass("active-h");
    jQuery('.step8').addClass("active-h");
    jQuery('#amounts').slideDown().siblings().slideUp();
    jQuery('.proPreview-deg-ord-print').removeClass('model-preview');

    jQuery('.btn-cart-canvas').hide();
    jQuery('.btn-prev-next').hide();
    jQuery('.btn-canvas-submit').show();
    jQuery('.close-preview').hide();
    jQuery('.add-amount').removeClass('change-quantity');
});

jQuery(document).on('click','.panel-title',function(){
 jQuery(this).toggleClass("section-open");
 console.log('test');
 jQuery(this).next("div").slideToggle();

});
jQuery(document.body).on('click', '.qaPanelCustomProductItem h4', function() {
   var div_to_show=jQuery(this).data('id');
   // jQuery('.qaPanelCustomProductItem h4').removeClass('show');
   jQuery('.qaPanelCustomProductItem').removeClass('open');
   jQuery('#'+div_to_show).addClass('open');
   jQuery('.'+div_to_show).show();
   jQuery(this).addClass('show');
   
});

jQuery(document.body).on('click', '.qaPanelCustomProductItem h4.show', function() {
   var div_to_show=jQuery(this).data('id');
   
   jQuery('.qaPanelCustomProductItem').removeClass('open');
   
   jQuery('.'+div_to_show).hide();
   jQuery(this).removeClass('show');
   
});
</script>

{"id":1272,"date":"2018-05-15T09:35:24","date_gmt":"2018-05-15T09:35:24","guid":{"rendered":"https:\/\/www.xpresalabels.com\/?page_id=1272"},"modified":"2026-02-17T05:35:49","modified_gmt":"2026-02-17T10:35:49","slug":"custom-quote-printed-label","status":"publish","type":"page","link":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/","title":{"rendered":"Printed Label Upload Your Logo"},"content":{"rendered":"<p><!--[logoquotewovenlabel]--><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"designTool.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1272","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Custom Quote Printed Label and Tags- Order from Xpresa<\/title>\n<meta name=\"description\" content=\"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Quote Printed Label and Tags- Order from Xpresa\" \/>\n<meta property=\"og:description\" content=\"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/\" \/>\n<meta property=\"og:site_name\" content=\"Xpresa Labels\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/xpresalabels\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T10:35:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@xpresalabels\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/\",\"url\":\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/\",\"name\":\"Custom Quote Printed Label and Tags- Order from Xpresa\",\"isPartOf\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#website\"},\"datePublished\":\"2018-05-15T09:35:24+00:00\",\"dateModified\":\"2026-02-17T10:35:49+00:00\",\"description\":\"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!\",\"breadcrumb\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xpresalabels.com\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Printed Label Upload Your Logo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#website\",\"url\":\"https:\/\/xpresalabels.com\/site\/\",\"name\":\"Xpresa Labels\",\"description\":\"Custom Woven Clothing Labels and Tags\",\"publisher\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xpresalabels.com\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#organization\",\"name\":\"Xpresa Labels\",\"url\":\"https:\/\/xpresalabels.com\/site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg\",\"contentUrl\":\"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg\",\"width\":110,\"height\":80,\"caption\":\"Xpresa Labels\"},\"image\":{\"@id\":\"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/xpresalabels\/\",\"https:\/\/x.com\/xpresalabels\",\"https:\/\/linkedin.com\/company\/xpresa-labels--custom-woven-printed-labels\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom Quote Printed Label and Tags- Order from Xpresa","description":"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Custom Quote Printed Label and Tags- Order from Xpresa","og_description":"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!","og_url":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/","og_site_name":"Xpresa Labels","article_publisher":"https:\/\/facebook.com\/xpresalabels\/","article_modified_time":"2026-02-17T10:35:49+00:00","twitter_card":"summary_large_image","twitter_site":"@xpresalabels","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/","url":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/","name":"Custom Quote Printed Label and Tags- Order from Xpresa","isPartOf":{"@id":"https:\/\/xpresalabels.com\/site\/#website"},"datePublished":"2018-05-15T09:35:24+00:00","dateModified":"2026-02-17T10:35:49+00:00","description":"Upload your artwork for custom printed label quote. Quick turnaround, vibrant colors, professional results. Perfect for clothing brands. Free quote!","breadcrumb":{"@id":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xpresalabels.com\/site\/custom-quote-printed-label\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xpresalabels.com\/site\/"},{"@type":"ListItem","position":2,"name":"Printed Label Upload Your Logo"}]},{"@type":"WebSite","@id":"https:\/\/xpresalabels.com\/site\/#website","url":"https:\/\/xpresalabels.com\/site\/","name":"Xpresa Labels","description":"Custom Woven Clothing Labels and Tags","publisher":{"@id":"https:\/\/xpresalabels.com\/site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpresalabels.com\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/xpresalabels.com\/site\/#organization","name":"Xpresa Labels","url":"https:\/\/xpresalabels.com\/site\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/","url":"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg","contentUrl":"https:\/\/xpresalabels.com\/site\/wp-content\/uploads\/2022\/03\/logo.jpg","width":110,"height":80,"caption":"Xpresa Labels"},"image":{"@id":"https:\/\/xpresalabels.com\/site\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/xpresalabels\/","https:\/\/x.com\/xpresalabels","https:\/\/linkedin.com\/company\/xpresa-labels--custom-woven-printed-labels"]}]}},"_links":{"self":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/comments?post=1272"}],"version-history":[{"count":1,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1272\/revisions"}],"predecessor-version":[{"id":55274,"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/pages\/1272\/revisions\/55274"}],"wp:attachment":[{"href":"https:\/\/xpresalabels.com\/site\/wp-json\/wp\/v2\/media?parent=1272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}