Select the number of stone colors above to see your price.

';} else pe.innerHTML=''; return; } var qty=parseInt(document.getElementById('nq-qty').value)||0; function hero(u){return '

'+money(u)+' / piece

';} if(p.dtf){ var dh=hero(p.unit); dh+='

'+qty+' pcs'+(p.cut>0?' \u00b7 pre-cut +$0.35/pc':'')+''+money(p.total)+'

'; if(p.saved>0)dh+='

'+window.RD_DLBL2+'\u2212'+money(p.saved)+'

'; if(p.mov)dh+='

Minimum order $9 \u2014 add more pieces and you can get up to '+p.movMax+' pcs for this same price.

'; dh+='

Estimated total'+money(p.total)+'

'; pe.innerHTML=dh;return; } if(p.vinyl){ var vh=hero(p.base/qty); vh+='

\u00d7 '+qty+' pcs'+money(p.base)+'

'; if(p.saved>0)vh+='

'+window.RD_DLBL2+'\u2212'+money(p.saved)+'

'; vh+='

Estimated total'+money(p.total)+'

'; pe.innerHTML=vh;return; } if(p.board){ var bh=hero(p.base/p.boards)+'

per board

'; bh+='

\u00d7 '+p.boards+' board'+(p.boards>1?'s':'')+''+money(p.base)+'

'; if(p.savedTotal>0)bh+='

'+window.RD_DLBL2+'\u2212'+money(p.savedTotal)+'

'; bh+='

Estimated total'+money(p.total)+'

'; pe.innerHTML=bh;return; } var html=hero(p.unit); html+='

\u00d7 '+qty+' pcs'+money(p.base)+'

'; if(p.saved>0)html+='

'+window.RD_DLBL2+'\u2212'+money(p.saved)+'

'; if(p.setup>0)html+='

One-time setup fee+'+money(p.setup)+'

'; html+='

Estimated total'+money(p.total)+'

'; pe.innerHTML=html; } function onWlink(){var wv=parseFloat(document.getElementById('nq-w').value);if(linked&&cropRatio>0&&wv>0)document.getElementById('nq-h').value=(wv*cropRatio).toFixed(2);recalc();} function onHlink(){var hv=parseFloat(document.getElementById('nq-h').value);if(linked&&cropRatio>0&&hv>0)document.getElementById('nq-w').value=(hv/cropRatio).toFixed(2);recalc();} document.getElementById('nq-w').addEventListener('input',onWlink); document.getElementById('nq-h').addEventListener('input',onHlink); document.getElementById('nq-qty').addEventListener('input',recalc); var lockBtn=document.getElementById('nq-lock'); if(lockBtn)lockBtn.addEventListener('click',function(){ if(linked){if(confirm('Unlink width & height so you can set the proportion independently? They will no longer follow the cropped design ratio.')){linked=false;lockBtn.textContent='\ud83d\udd13';}} else{linked=true;lockBtn.textContent='\ud83d\udd17';} }); // Product-type + cutting toggles var btnRh=document.getElementById('nq-type-rh'),btnDtf=document.getElementById('nq-type-dtf'),btnVin=document.getElementById('nq-type-vinyl'); var rhFields=document.getElementById('nq-rh-fields'),dtfFields=document.getElementById('nq-dtf-fields'),vinFields=document.getElementById('nq-vinyl-fields'); function vinylTypeOptions(sel){var s='';var V=window.RD_VINYL||{};for(var k in V){s+='';}return s;} function vinylColorOptions(type,sel){var s='';var C=(window.RD_VINYL_COLORS||{})[type]||[];for(var i=0;i'+C[i]+'';}return s;} function renderVinylLayers(){ var wrap=document.getElementById('nq-vinyl-layers');if(!wrap)return;wrap.innerHTML=''; vinylLayers.forEach(function(L,i){ var card=document.createElement('div');card.style.cssText='border:1px solid #e4e2db;border-radius:8px;padding:8px;margin-bottom:6px'; var head=document.createElement('div');head.style.cssText='display:flex;align-items:center;margin-bottom:4px'; head.innerHTML='Layer '+(i+1)+(i>0?' \u00b7 50% off':'')+''; if(i>0){var rm=document.createElement('button');rm.type='button';rm.textContent='\u2715';rm.style.cssText='margin-left:auto;background:none;border:none;color:#a32d2d;cursor:pointer;font-size:14px';rm.addEventListener('click',function(){vinylLayers.splice(i,1);renderVinylLayers();recalc();});head.appendChild(rm);} card.appendChild(head); var tsel=document.createElement('select');tsel.innerHTML=vinylTypeOptions(L.type);tsel.style.cssText='width:100%;margin-bottom:0'; tsel.addEventListener('change',function(){vinylLayers[i]={type:tsel.value,color:''};renderVinylLayers();recalc();}); card.appendChild(tsel); if(L.type){var csel=document.createElement('select');csel.innerHTML=vinylColorOptions(L.type,L.color);csel.style.cssText='width:100%;margin-top:6px;margin-bottom:0';csel.addEventListener('change',function(){vinylLayers[i].color=csel.value;recalc();});card.appendChild(csel);} wrap.appendChild(card); }); var addBtn=document.getElementById('nq-vinyl-add');if(addBtn)addBtn.style.display=vinylLayers.length<3?'block':'none'; } var btnBoard=document.getElementById('nq-type-board'),boardFields=document.getElementById('nq-board-fields'),dim2=document.getElementById('nq-dim2'); function setType(t){nqType=t; if(btnRh)btnRh.className='nq-type'+(t==='rhinestone'?' nq-type-on':''); if(btnDtf)btnDtf.className='nq-type'+(t==='dtf'?' nq-type-on':''); if(btnVin)btnVin.className='nq-type'+(t==='vinyl'?' nq-type-on':''); if(btnBoard)btnBoard.className='nq-type'+(t==='board'?' nq-type-on':''); if(rhFields)rhFields.style.display=t==='rhinestone'?'block':'none'; if(dtfFields)dtfFields.style.display=t==='dtf'?'block':'none'; if(vinFields)vinFields.style.display=t==='vinyl'?'block':'none'; if(boardFields)boardFields.style.display=t==='board'?'block':'none'; if(dim2)dim2.style.display=t==='board'?'none':'flex'; // board is size-independent if(t==='vinyl')renderVinylLayers(); recalc(); } if(btnRh)btnRh.addEventListener('click',function(){setType('rhinestone');}); if(btnDtf)btnDtf.addEventListener('click',function(){setType('dtf');}); if(btnVin)btnVin.addEventListener('click',function(){setType('vinyl');}); if(btnBoard)btnBoard.addEventListener('click',function(){setType('board');}); var vAdd=document.getElementById('nq-vinyl-add'); if(vAdd)vAdd.addEventListener('click',function(){if(vinylLayers.length<3){vinylLayers.push({type:'',color:''});renderVinylLayers();recalc();}}); // Board size + colors var bs11=document.getElementById('nq-board-11x11'),bs16=document.getElementById('nq-board-16x13'),bColors=document.getElementById('nq-board-colors'); function setBoardSize(s){boardSize=s;if(bs11)bs11.className='nq-cut'+(s==='11x11'?' nq-cut-on':'');if(bs16)bs16.className='nq-cut'+(s==='16x13'?' nq-cut-on':'');recalc();} if(bs11)bs11.addEventListener('click',function(){setBoardSize('11x11');}); if(bs16)bs16.addEventListener('click',function(){setBoardSize('16x13');}); if(bColors)bColors.addEventListener('change',function(){boardColors=parseInt(bColors.value)||1;recalc();}); var cutRoll=document.getElementById('nq-cut-roll'),cutPre=document.getElementById('nq-cut-precut'); function setCut(pc){precut=pc; if(cutRoll)cutRoll.className='nq-cut'+(pc?'':' nq-cut-on'); if(cutPre)cutPre.className='nq-cut'+(pc?' nq-cut-on':''); recalc(); } if(cutRoll)cutRoll.addEventListener('click',function(){setCut(false);}); if(cutPre)cutPre.addEventListener('click',function(){setCut(true);}); recalc(); // set initial submit-button + price state // Pre-select the product tab from the URL (?type=rhinestone|dtf|vinyl), e.g. when arriving from a specific hub card. var _qt=(location.search.match(/[?&]type=(rhinestone|dtf|vinyl|board)/)||[])[1]; if(_qt)setType(_qt); if(window.RD_GUEST){var sbtn=document.getElementById('nq-submit');if(sbtn)sbtn.textContent='Log in to save to your free library';} document.getElementById('nq-submit').addEventListener('click',function(){ if(window.RD_GUEST){window.location.href=(window.RD_LOGIN_URL||'/account');return;} var msg=document.getElementById('nq-msg');msg.className='nq-err'; var name=(document.getElementById('nq-name').value||'').trim(); if(!name){msg.textContent='Please enter a design name.';return;} if(nqType!=='board'&&!cropper){msg.textContent='Please upload and crop your artwork.';return;} var p=calc(); if(!p){msg.textContent=nqType==='board'?'Please enter the number of boards.':nqType==='rhinestone'?'Please select the number of stone colors and each color.':nqType==='vinyl'?'Please choose at least one vinyl type.':'Please enter size and quantity.';return;} if(nqType==='dtf'&&p.w>12&&p.h>12){msg.textContent='At least one side must be 12 inches or less (printer limit).';return;} if(cropper){var canvas=cropper.getCroppedCanvas({maxWidth:1400,maxHeight:1400});croppedDataUrl=canvas?canvas.toDataURL('image/png'):null;} var btn=this;btn.disabled=true;btn.textContent='Saving...'; fetch('/apps/portal/selfquote',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({designName:name,productType:nqType,precut:precut,layers:vinylLayers.filter(function(x){return x&&x.type&&x.color;}),boardSize:boardSize,colors:boardColors,width:p.w||0,height:p.h||0,qty:parseInt(document.getElementById('nq-qty').value),colorIdx:pickedIdx(),artwork:croppedDataUrl})}) .then(function(r){return r.json();}) .then(function(j){if(j.ok){location.reload();}else{msg.textContent=j.error||'Error';btn.disabled=false;btn.textContent='Add to My Designs';}}) .catch(function(){msg.textContent='Connection error';btn.disabled=false;btn.textContent='Add to My Designs';}); }); document.getElementById('nq-custom-toggle').addEventListener('click',function(e){e.preventDefault();var c=document.getElementById('nq-custom');c.style.display=c.style.display==='block'?'none':'block';}); document.getElementById('nq-csubmit').addEventListener('click',function(){ if(window.RD_GUEST){window.location.href=(window.RD_LOGIN_URL||'/account');return;} var cmsg=document.getElementById('nq-cmsg');cmsg.className='nq-err'; var name=(document.getElementById('nq-name').value||'').trim()||'Custom request'; var note=(document.getElementById('nq-cnote').value||'').trim(); if(!note){cmsg.textContent='Please describe what you would like.';return;} var payload={designName:name,note:note};var btn=this;btn.disabled=true;btn.textContent='Sending...'; function send(){fetch('/apps/portal/request',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)}).then(function(r){return r.json();}).then(function(j){if(j.ok){document.getElementById('nq-custom').innerHTML='

Request received. We will email you a quote shortly.

';}else{cmsg.textContent=j.error||'Error';btn.disabled=false;btn.textContent='Send Custom Request';}}).catch(function(){cmsg.textContent='Connection error';btn.disabled=false;btn.textContent='Send Custom Request';});} var f=document.getElementById('nq-file').files[0]; if(croppedDataUrl){payload.artwork=croppedDataUrl;send();} else if(f){var fr=new FileReader();fr.onload=function(){payload.artwork=fr.result;send();};fr.readAsDataURL(f);} else send(); }); })();

Get an Instant Quote

New Quote

Save your designs — free