Shop > Edit with Elementor. Add ONE “HTML” widget (full width, no padding), paste this
whole file, Update. If your theme shows its own shop layout instead, create the same widget in
Elementor > Templates > Theme Builder > Product Archive (condition: Shop page / All archives).
Edit the CFG block in the script if your cart or checkout links are different.
–>

.shp{–ink:#1f1a14;–amber:#d98a1f;–deep:#7a3e0c;–sand:#f7ecd9;–sand2:#efdcbb;–paper:#fffdf9;–mute:#6a5f52;–line:#eadfce;–ok:#2f7d4f;font:16px/1.5 system-ui,-apple-system,”Segoe UI”,Roboto,Arial,sans-serif;color:var(–ink);background:var(–paper);padding:0 0 70px;-webkit-text-size-adjust:100%}
.shp,.shp *{box-sizing:border-box}
.shp img{display:block;max-width:100%}
.shp a{color:inherit;text-decoration:none}
.shp button,.shp input,.shp select{font:inherit;color:inherit}
.shp h1,.shp h2,.shp h3{font-family:Georgia,”Times New Roman”,serif;margin:0;line-height:1.15;letter-spacing:-.015em}
.shp [hidden]{display:none!important}
.shp :focus-visible{outline:3px solid var(–amber);outline-offset:2px}
.shp .w{max-width:1320px;margin:0 auto;padding:0 16px}
.shp .cr{padding:18px 0 12px;font-size:.9rem;color:var(–mute)}
.shp .cr b{color:var(–ink);font-weight:600}.shp .cr i{margin:0 7px;opacity:.5;font-style:normal}
.shp .cr a:hover{text-decoration:underline}
.shp .hd{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.shp h1{font-size:clamp(1.9rem,5vw,2.7rem)}
.shp .cnt{font-size:.9rem;color:var(–mute);margin-top:4px}
.shp .ctl{display:flex;gap:10px;align-items:center;width:100%}
.shp .sr{flex:1;min-width:0;height:46px;border:1.5px solid var(–line);border-radius:999px;padding:0 18px;background:#fff}
.shp .sr:focus{border-color:var(–ink);outline:0}
.shp .fb,.shp .so{height:46px;border:1.5px solid var(–line);border-radius:999px;background:#fff;padding:0 16px;font-weight:600;cursor:pointer}
.shp .so{max-width:150px}
.shp .lay{display:grid;gap:18px}
/* filter panel (bottom sheet on mobile) */
.shp .fp{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:var(–paper);border-radius:24px 24px 0 0;z-index:100001;transform:translateY(105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;padding:0 18px 20px;box-shadow:0 -20px 50px rgba(0,0,0,.25)}
.shp .fp.open{transform:none;visibility:visible;transition-delay:0s}
.shp .fh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 14px;border-bottom:1px solid var(–line)}
.shp .fh h2{font-size:1.3rem;flex:1}
.shp .fh button{border:0;background:none;color:var(–mute);font-weight:600;cursor:pointer;padding:6px}
.shp .fh .fx{width:40px;height:40px;border-radius:50%;background:var(–sand);font-size:1.5rem;line-height:1;color:var(–ink)}
.shp .fs{padding:18px 0 4px}
.shp .fs h3{font-size:1.05rem;margin-bottom:12px}
.shp .cats{display:flex;flex-wrap:wrap;gap:8px}
.shp .chip{min-height:40px;padding:0 15px;border-radius:999px;border:1.5px solid var(–line);background:#fff;font-weight:600;font-size:.92rem;cursor:pointer;transition:.2s}
.shp .chip small{color:var(–mute);font-weight:500;margin-left:4px}
.shp .chip:hover{border-color:var(–ink)}
.shp .chip[aria-pressed=”true”]{background:var(–ink);border-color:var(–ink);color:#fff}
.shp .chip[aria-pressed=”true”] small{color:#d8cdbd}
.shp .pf{display:flex;gap:10px;align-items:flex-end}
.shp .pf label{flex:1;font-size:.82rem;color:var(–mute);display:block;min-width:0}
.shp .pf input{display:block;width:100%;height:46px;margin-top:4px;border:1.5px solid var(–line);border-radius:999px;padding:0 14px;background:#fff}
.shp .pf input:focus{border-color:var(–ink);outline:0}
.shp .pf button{height:46px;padding:0 18px;border:0;border-radius:999px;background:var(–ink);color:#fff;font-weight:700;cursor:pointer}
.shp .fgo{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:999px;background:var(–amber);color:var(–ink);font-weight:700;font-size:1rem;cursor:pointer}
/* grid + cards */
.shp .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shp .cd{display:flex;flex-direction:column;background:#fff;border:1px solid var(–line);border-radius:18px;padding:8px;min-width:0;transition:box-shadow .25s,transform .25s}
.shp .cd:hover{box-shadow:0 14px 30px rgba(31,26,20,.1);transform:translateY(-3px)}
.shp .im{position:relative;display:block;aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:var(–sand)}
.shp .im img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.shp .cd:hover .im img{transform:scale(1.06)}
.shp .bg{position:absolute;right:8px;top:8px;background:var(–ink);color:#fff;font-weight:700;font-size:.72rem;padding:4px 9px;border-radius:7px;z-index:2}
.shp .ht{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.18);cursor:pointer;z-index:2}
.shp .ht svg{width:18px;height:18px;fill:none;stroke:var(–ink);stroke-width:2;stroke-linejoin:round;transition:.2s}
.shp .ht[aria-pressed=”true”] svg{fill:#d6452f;stroke:#d6452f}
.shp .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:.95rem;line-height:1.3;margin:10px 4px 0;min-height:2.6em}
.shp .nm:hover{color:var(–deep)}
.shp .pc{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin:6px 4px 10px}
.shp .pc b{font:700 1.15rem Georgia,serif}
.shp .pc del{color:var(–mute);font-size:.88rem}
.shp .ac{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
.shp .ac.one{grid-template-columns:1fr}
.shp .b{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;border:1.5px solid var(–ink);background:transparent;color:var(–ink);font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;padding:0 6px;white-space:nowrap}
.shp .b:hover:not(:disabled){background:var(–ink);color:#fff}
.shp .b.buy{background:var(–amber);border-color:var(–amber);color:var(–ink)}
.shp .b.buy:hover:not(:disabled){background:var(–ink);border-color:var(–ink);color:#fff}
.shp .b:disabled{opacity:.45;cursor:not-allowed}
.shp .b.bz{opacity:.6;pointer-events:none}
.shp .lg{display:none}
.shp .sk{background:linear-gradient(90deg,#f1e7d6 25%,#f8f1e5 50%,#f1e7d6 75%);background-size:200% 100%;animation:shp-sh 1.3s infinite linear;border-radius:18px;height:300px}
@keyframes shp-sh{to{background-position:-200% 0}}
.shp .more{text-align:center;margin-top:30px}
.shp .more p{color:var(–mute);font-size:.9rem;margin:0 0 12px}
.shp .more button{min-height:52px;padding:0 36px;border-radius:999px;border:1.5px solid var(–ink);background:transparent;font-weight:700;cursor:pointer}
.shp .more button:hover{background:var(–ink);color:#fff}
.shp .emp{text-align:center;padding:60px 10px;color:var(–mute)}
.shp .emp h2{color:var(–ink);margin-bottom:8px}
.shp .emp button{margin-top:14px;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(–ink);color:#fff;font-weight:700;cursor:pointer}
@media(min-width:640px){.shp .grid{gap:16px}.shp .lg{display:inline}.shp .sm{display:none}.shp .b{font-size:.9rem}}
@media(min-width:900px){
.shp .ctl{width:auto}.shp .sr{flex:none;width:250px}.shp .fb,.shp .fh .fx,.shp .fgo{display:none}
.shp .lay{grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.shp .fp{position:sticky;top:90px;transform:none;visibility:visible;max-height:none;overflow:visible;background:#fff;border:1px solid var(–line);border-radius:20px;box-shadow:none;padding:0 22px 22px;z-index:1}
.shp .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1240px){.shp .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.shp *,.shp-dr *{transition:none!important;animation:none!important}}
/* overlay + slide-out cart (appended to body) */
.shp-ov{position:fixed;inset:0;background:rgba(20,14,8,.55);z-index:100000;opacity:0;visibility:hidden;transition:.3s}
.shp-ov.on{opacity:1;visibility:visible}
.shp-dr{–ink:#1f1a14;–amber:#d98a1f;–deep:#7a3e0c;–sand:#f7ecd9;–mute:#6a5f52;–line:#eadfce;–ok:#2f7d4f;position:fixed;inset:0;z-index:100002;visibility:hidden;pointer-events:none;font:16px/1.5 system-ui,-apple-system,Arial,sans-serif;color:var(–ink);transition:visibility 0s .4s}
.shp-dr,.shp-dr *{box-sizing:border-box}
.shp-dr.on{visibility:visible;pointer-events:auto;transition-delay:0s}
.shp-dr .o{position:absolute;inset:0;background:rgba(20,14,8,.55);opacity:0;transition:opacity .35s}
.shp-dr.on .o{opacity:1}
.shp-dr .p{position:absolute;left:0;right:0;bottom:0;max-height:90vh;display:flex;flex-direction:column;background:#fffdf9;border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);outline:0}
.shp-dr.on .p{transform:none}
.shp-dr header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(–line)}
.shp-dr h2{margin:0;font:700 1.3rem Georgia,serif}
.shp-dr .x{width:42px;height:42px;border-radius:50%;border:0;background:var(–sand);font-size:1.5rem;cursor:pointer}
.shp-dr .b{overflow:auto;padding:0 20px 24px;flex:1;transition:opacity .2s}
.shp-dr .b.bz{opacity:.5;pointer-events:none}
.shp-dr .ok{display:flex;gap:12px;align-items:center;background:#e8f4ec;border-radius:16px;padding:12px 14px;margin:16px 0 0}
.shp-dr .ok svg{flex:none;width:30px;height:30px;fill:none;stroke:var(–ok);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.shp-dr .ok span{font-size:.9rem;line-height:1.3}
.shp-dr .it{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(–line)}
.shp-dr .it img,.shp-dr .it i{width:70px;height:70px;border-radius:14px;object-fit:cover;background:var(–sand)}
.shp-dr .it a{font-weight:600;line-height:1.3;display:block}
.shp-dr .r{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.shp-dr .r b{font:700 1.02rem Georgia,serif;color:var(–deep)}
.shp-dr .q{display:inline-flex;align-items:center;border:1.5px solid var(–line);border-radius:999px;height:36px}
.shp-dr .q button{width:34px;height:100%;border:0;background:none;font-size:1.1rem;cursor:pointer;border-radius:999px}
.shp-dr .q button:disabled{opacity:.35}
.shp-dr .q span{min-width:22px;text-align:center;font-weight:700}
.shp-dr .rm{border:0;background:none;color:var(–mute);font-size:.82rem;text-decoration:underline;cursor:pointer;padding:4px 0}
.shp-dr .sub{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 4px}
.shp-dr .sub b{font:700 1.4rem Georgia,serif}
.shp-dr .nt{font-size:.82rem;color:var(–mute);margin:0 0 14px}
.shp-dr .go,.shp-dr .vc{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;font-weight:700;width:100%;text-decoration:none;cursor:pointer}
.shp-dr .go{background:var(–amber);color:var(–ink);border:0}
.shp-dr .vc{margin-top:10px;border:1.5px solid var(–ink);color:var(–ink);background:none}
.shp-dr .cs{display:block;margin:10px auto 0;border:0;background:none;color:var(–mute);font-weight:600;text-decoration:underline;cursor:pointer;padding:8px}
.shp-dr .em{text-align:center;padding:36px 0 6px;color:var(–mute)}
@media(min-width:760px){.shp-dr .p{left:auto;top:0;width:430px;max-height:none;border-radius:24px 0 0 24px;transform:translateX(100%)}.shp-dr.on .p{transform:none}}

(function(){
/* ============ SETTINGS ============ */
var CFG={perPage:12,cartUrl:’/cart/’,checkoutUrl:’/checkout/’,title:’Shop’};
/* ================================== */
var $=function(i){return document.getElementById(i);};
var root=$(‘shp’);if(!root){return;}
var API=’/wp-json/wc/store/v1/’,S={cat:0,catName:”,min:”,max:”,sort:’date-desc’,q:”,page:1},MU=100,L={},total=0,pages=1,loading=false,seq=0,wl=[];
var G=$(‘shp-g’),M=$(‘shp-m’),FP=$(‘shp-fp’),OV=$(‘shp-ov’),DR=$(‘shp-dr’),DB=$(‘shp-db’);
try{document.body.appendChild(OV);document.body.appendChild(DR);}catch(e){}
try{wl=JSON.parse(localStorage.getItem(‘shp_wl’)||'[]’);}catch(e){wl=[];}
function esc(s){return String(s==null?”:s).replace(/[&”‘]/g,function(c){return {‘&’:’&’,”:’>’,'”‘:’"’,”‘”:’'’}[c];});}
function money(v,p){var mu=+p.currency_minor_unit||0,n=parseInt(v,10)/Math.pow(10,mu);if(isNaN(n)){return ”;}return (p.currency_prefix||”)+n.toLocaleString(‘en-IN’,{minimumFractionDigits:(n%1?mu:0),maximumFractionDigits:mu})+(p.currency_suffix||”);}
function get(u){return fetch(API+u,{credentials:’same-origin’,headers:{Accept:’application/json’}}).then(function(r){if(!r.ok){throw new Error(r.status);}return r.json().then(function(d){return {d:d,t:+r.headers.get(‘X-WP-Total’)||0,p:+r.headers.get(‘X-WP-TotalPages’)||1};});});}
function lock(on){document.documentElement.style.overflow=on?’hidden’:”;}
var heart=’‘;

/* ———- products ———- */
function qs(){
var o=S.sort.split(‘-‘),a=[‘per_page=’+CFG.perPage,’page=’+S.page,’orderby=’+o[0],’order=’+o[1]];
if(S.cat){a.push(‘category=’+S.cat);}
if(S.q){a.push(‘search=’+encodeURIComponent(S.q));}
if(S.min!==”){a.push(‘min_price=’+Math.round(S.min*MU));}
if(S.max!==”){a.push(‘max_price=’+Math.round(S.max*MU));}
return a.join(‘&’);
}
function skel(n){var h=”;for(var i=0;i<n;i++){h+='

‘;}return h;}
function load(reset){
if(reset){S.page=1;G.innerHTML=skel(8);M.hidden=true;}
loading=true;var me=++seq;
get(‘products?’+qs()).then(function(r){
if(me!==seq){return;}
loading=false;total=r.t;pages=r.p;
if(r.d[0]&&r.d[0].prices){MU=Math.pow(10,+r.d[0].prices.currency_minor_unit||0);}
if(reset){G.innerHTML=”;}
if(!r.d.length&&S.page===1){G.innerHTML=”;M.hidden=true;$(‘shp-n’).textContent=”;G.insertAdjacentHTML(‘beforeend’,’

‘);return;}
G.insertAdjacentHTML(‘beforeend’,r.d.map(card).join(”));
$(‘shp-n’).textContent=total+’ product’+(total===1?”:’s’);
var shown=G.querySelectorAll(‘.cd’).length;
if(S.page<pages){M.hidden=false;M.innerHTML='

Showing ‘+shown+’ of ‘+total+’

Load more‘;}else{M.hidden=true;}
}).catch(function(){
if(me!==seq){return;}
loading=false;G.innerHTML=’

‘;
});
}
function buyable(x){return x.type===’simple’&&x.is_in_stock!==false&&x.is_purchasable!==false;}
function card(x){
L[x.id]=x;
var p=x.prices,reg=+p.regular_price,now=+p.price,im=(x.images&&x.images[0])||null,pc=reg>now?Math.round((reg-now)/reg*100):0,on=wl.indexOf(x.id)>-1;
var act=buyable(x)?’

‘
:(x.is_in_stock===false?’

‘:’

‘);
return ‘

‘+(im?’‘:”)+(pc?’‘+pc+’% off‘:”)+’‘+heart+’‘
+’‘+esc(x.name)+’

‘+esc(money(p.price,p))+’‘+(pc?’‘+esc(money(p.regular_price,p))+’‘:”)+’

‘+act+’

‘;
}

/* ———- filters ———- */
function loadCats(){
get(‘products/categories?per_page=100&hide_empty=true’).then(function(r){
var l=r.d.filter(function(c){return c.slug!==’uncategorized’&&c.count>0;});if(!l.length){return;}
var h=’All‘;
l.forEach(function(c){h+=’‘+esc(c.name)+’‘+c.count+’‘;});
$(‘shp-cats’).innerHTML=h;$(‘shp-cs’).hidden=false;
}).catch(function(){});
}
function head(){
$(‘shp-h’).textContent=S.catName||CFG.title;
$(‘shp-cr’).innerHTML=S.catName?’Shop/‘+esc(S.catName)+’‘:’Shop‘;
}
function clearAll(){
S.cat=0;S.catName=”;S.min=”;S.max=”;S.q=”;$(‘shp-min’).value=”;$(‘shp-max’).value=”;$(‘shp-q’).value=”;
[].forEach.call(root.querySelectorAll(‘.chip’),function(c){c.setAttribute(‘aria-pressed’,c.getAttribute(‘data-cat’)===’0′?’true’:’false’);});
head();load(true);
}
function applyPrice(){
var a=$(‘shp-min’).value.trim(),b=$(‘shp-max’).value.trim();
S.min=a===”?”:Math.max(0,+a);S.max=b===”?”:Math.max(0,+b);
if(S.min!==”&&S.max!==”&&S.min>S.max){var t=S.min;S.min=S.max;S.max=t;$(‘shp-min’).value=S.min;$(‘shp-max’).value=S.max;}
load(true);
}
function openF(on){FP.classList.toggle(‘open’,on);OV.classList.toggle(‘on’,on);lock(on);}
$(‘shp-fb’).addEventListener(‘click’,function(){openF(true);});
$(‘shp-fx’).addEventListener(‘click’,function(){openF(false);});
$(‘shp-show’).addEventListener(‘click’,function(){applyPrice();openF(false);});
OV.addEventListener(‘click’,function(){openF(false);});
$(‘shp-clr’).addEventListener(‘click’,clearAll);
$(‘shp-go’).addEventListener(‘click’,applyPrice);
[‘shp-min’,’shp-max’].forEach(function(i){$(i).addEventListener(‘keydown’,function(e){if(e.key===’Enter’){applyPrice();}});});
$(‘shp-so’).addEventListener(‘change’,function(e){S.sort=e.target.value;load(true);});
var qt;$(‘shp-q’).addEventListener(‘input’,function(e){clearTimeout(qt);var v=e.target.value.trim();qt=setTimeout(function(){S.q=v;load(true);},380);});

/* ———- cart ———- */
var nonce=”,cart=null,added=null,drOpen=false,last=null;
function cartReq(m,path,body,r){
if(m!==’GET’&&!nonce&&!r){return cartReq(‘GET’,’cart’,null,true).then(function(){return cartReq(m,path,body,true);});}
var h={Accept:’application/json’};if(m!==’GET’){h[‘Content-Type’]=’application/json’;h.Nonce=nonce;}
return fetch(API+path,{method:m,credentials:’same-origin’,headers:h,body:body?JSON.stringify(body):undefined}).then(function(x){
var n=x.headers.get(‘Nonce’)||x.headers.get(‘nonce’);if(n){nonce=n;}
if(!x.ok){if(m!==’GET’&&!r&&(x.status===401||x.status===403)){return cartReq(‘GET’,’cart’,null,true).then(function(){return cartReq(m,path,body,true);});}throw new Error(x.status);}
return x.json();
});
}
function frag(){try{if(window.jQuery){jQuery(document.body).trigger(‘wc_fragment_refresh’);}}catch(e){}}
function addItem(p,buy,btn){
if(btn){btn.classList.add(‘bz’);}
cartReq(‘POST’,’cart/add-item’,{id:p.id,quantity:1}).then(function(c){
cart=c;if(btn){btn.classList.remove(‘bz’);}
if(buy){window.location.href=CFG.checkoutUrl;return;}
var im=p.images&&p.images[0];added={n:p.name,i:im?(im.thumbnail||im.src):”};frag();openDr();
}).catch(function(){
if(btn){btn.classList.remove(‘bz’);}
window.location.href=(buy?CFG.checkoutUrl:window.location.pathname)+’?add-to-cart=’+p.id;
});
}
function openDr(){
if(!drOpen){last=document.activeElement;drOpen=true;DR.classList.add(‘on’);DR.setAttribute(‘aria-hidden’,’false’);lock(true);try{history.pushState({shpd:1},”);}catch(e){}}
renderDr();setTimeout(function(){DR.querySelector(‘.p’).focus();},60);
}
function doClose(){if(!drOpen){return;}drOpen=false;added=null;DR.classList.remove(‘on’);DR.setAttribute(‘aria-hidden’,’true’);lock(false);if(last&&last.focus){try{last.focus();}catch(e){}}}
function closeDr(){if(!drOpen){return;}if(history.state&&history.state.shpd){history.back();}else{doClose();}}
window.addEventListener(‘popstate’,function(){if(drOpen){doClose();}});
function renderDr(){
var c=cart,h=”;if(!c){DB.innerHTML=”;return;}
var it=c.items||[],t=c.totals||{};
$(‘shp-dt’).textContent=’Your cart’+(c.items_count?’ (‘+c.items_count+’)’:”);
if(added){h+=’

‘;}
if(!it.length){DB.innerHTML=h+’

‘;return;}
it.forEach(function(x){
var im=(x.images&&x.images[0])?(x.images[0].thumbnail||x.images[0].src):”,lt=x.totals||{},line=(parseInt(lt.line_total,10)||0)+(parseInt(lt.line_total_tax,10)||0),ql=x.quantity_limits||{},mx=ql.maximum||9999,mn=ql.minimum||1,nm=esc(x.name);
h+=’

‘+(im?’‘:’‘)+’

‘+nm+’

<button type="button" data-k="'+esc(x.key)+'" data-q="'+(x.quantity-1)+'" aria-label="Decrease quantity of '+nm+'"'+(x.quantity−‘+x.quantity+’=mx?’ disabled’:”)+’>+

‘+esc(money(String(line),lt))+’

Remove

‘;
});
var sub=(parseInt(t.total_items,10)||0)+(parseInt(t.total_items_tax,10)||0);
h+=’

Shipping and discounts are calculated at checkout.

CheckoutView full cartContinue shopping‘;
DB.innerHTML=h;
}
function dReq(path,body){
added=null;DB.classList.add(‘bz’);
cartReq(‘POST’,path,body).then(function(c){cart=c;DB.classList.remove(‘bz’);renderDr();frag();}).catch(function(){cartReq(‘GET’,’cart’).then(function(c){cart=c;DB.classList.remove(‘bz’);renderDr();}).catch(function(){DB.classList.remove(‘bz’);});});
}
DB.addEventListener(‘click’,function(e){
var b=e.target.closest?e.target.closest(‘button’):null;if(!b){return;}
if(b.hasAttribute(‘data-cs’)){closeDr();}
else if(b.hasAttribute(‘data-k’)){var q=+b.getAttribute(‘data-q’);if(q-1){wl.splice(i,1);}else{wl.push(id);}
b.setAttribute(‘aria-pressed’,i<0?'true':'false');try{localStorage.setItem('shp_wl',JSON.stringify(wl));}catch(x){}return;
}
if((b=t.closest('[data-cat]'))){
S.cat=+b.getAttribute('data-cat');S.catName=S.cat?b.getAttribute('data-name'):'';
[].forEach.call(root.querySelectorAll('.chip'),function(c){c.setAttribute('aria-pressed',c===b?'true':'false');});
head();load(true);return;
}
if(t.closest('[data-more]')){if(!loading&&S.page<pages){S.page++;load(false);}return;}
if(t.closest('[data-clear]')){e.preventDefault();clearAll();return;}
});

head();loadCats();load(true);
})();