Hundenapf

thewooflove - Hundemanufaktur Verified independent store

→

.product{ display:block !important; } .product > .grid, .product .product__column-sticky, .product .grid--2-col, .product .grid{ display:block !important; max-width:none !important ; width:100% !important; margin:0 auto !important; } .product .grid__item, .product .product__media-wrapper, .product .product__info-wrapper{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; } .product__media-wrapper{ display:none !important; } .product-form, .product__info-container .price, .product__info-container .product-form__buttons, .product__info-container .product__tax, .product__info-container > product-form{ display:none !important; } .np{--o:#FF751F;--od:#e9650f;--line:#e7e3da;--sand:#f4f1ec;--cream:#faf9f7;--braun:#554E3C;width:100%;max-width:1000px;margin:0 auto;color:var(--braun);text-align:center} .np *,.np *::before,.np *::after{box-sizing:border-box} .np .eyebrow{display:inline-block;font-size:.72em;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--o);margin:0 0 6px} .np h2{font-size:1.5em;font-weight:600;margin:0 0 8px;line-height:1.25} .np p{line-height:1.65;margin:0 0 12px} .np .hero{text-align:center;margin:0 0 22px} .np .hero p{opacity:.9;max-width:560px;margin:0 auto} .np .split{display:flex;gap:20px;align-items:center;margin:0 0 28px;flex-wrap:wrap} .np .split .img{flex:1 1 200px;min-width:180px} .np .split .img img{width:100%;height:auto;border-radius:12px;display:block} .np .split .img .ph{width:100%;aspect-ratio:1/1;border:1.5px dashed var(--braun);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#8a8475;font-size:.85em;text-align:center;padding:16px;background:var(--sand)} .np .split .txt{flex:2 1 280px;min-width:240px} .np .split .txt .feat{display:flex;gap:10px;margin:0 0 9px;align-items:flex-start;font-size:.92em;line-height:1.5} .np .split .txt .feat .i{color:var(--o);font-size:1.1em;flex:0 0 auto;line-height:1.4} .np .feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 26px;margin:0 0 8px;padding:18px 0 0;border-top:1px solid var(--line)} .np .feat{display:flex;gap:11px;align-items:flex-start;font-size:.94em;line-height:1.5} .np .ck{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#fff3ea;color:var(--o);display:inline-flex;align-items:center;justify-content:center;font-size:.72em;font-weight:700;margin-top:1px} .np .hero2{display:flex;gap:24px;align-items:center;padding:20px 0 0;border-top:1px solid var(--line);flex-wrap:wrap;text-align:left} .np .hero2-img{flex:1 1 240px;min-width:200px} .np .hero2-img img{width:100%;height:auto;border-radius:12px;display:block} .np .hero2-feats{flex:1 1 240px;min-width:220px} .np .divider{height:1px;background:var(--line);border:none;margin:24px 0} .np .seclabel{font-size:.72em;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--braun);opacity:.5;margin:0 0 14px} .np .cfg-head{text-align:center;margin:0 0 18px} .np .cfg-eyebrow{display:inline-block;font-size:.72em;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--o);margin:0 0 6px} .np .cfg-title{font-size:1.4em;font-weight:600;margin:0 0 6px} .np .cfg-sub{font-size:.92em;opacity:.7;margin:0;line-height:1.5} .np .menge{margin:0 0 18px} .np .lab{display:block;font-size:.74em;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.7;margin:0 0 9px} .np .opts{display:flex;flex-wrap:wrap;gap:8px} .np .opt{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-size:.88em;line-height:1.25;background:transparent;color:inherit} .np .opt small{display:block;opacity:.6;font-size:.85em;margin-top:2px} .np .opt .tag{display:inline-block;margin-top:3px;font-size:.78em;font-weight:600;color:var(--o)} .np .opt[aria-pressed="true"]{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)} .np .naepfe{display:flex;gap:16px;flex-wrap:wrap} .np .napf{flex:1 1 240px;min-width:220px;border:1px solid var(--line);border-radius:14px;padding:14px} .np .napf.single{flex:1 1 100%} .np .cardhead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.92em;margin:0 0 12px} .np .cardhead .n{display:inline-flex;width:21px;height:21px;border-radius:50%;background:var(--o);color:#fff;font-size:.7em;align-items:center;justify-content:center} .np .stage{position:relative;text-align:center;background:var(--sand);border-radius:11px;padding:12px;margin:0 0 14px} .np .stage svg{display:block;width:100%;max-width:180px;height:auto;margin:0 auto} .np .grav-note{font-size:.76em;opacity:.65;text-align:center;margin:6px 0 0} .np .group{margin:0 0 14px} .np .chips{display:flex;flex-wrap:wrap;gap:9px} .np .chip{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.74em} .np .sw{width:30px;height:30px;border-radius:50%;border:2px solid var(--line)} .np .chip[aria-pressed="true"] .sw{border-color:var(--o);transform:scale(1.06)} .np .sw-beige{background:#e8dcc4}.np .sw-schwarz{background:#1f1f1f}.np .sw-weiss{background:#f7f7f4}.np .sw-orange{background:#FF751F} .np .in{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:.92em;background:#fff;color:inherit;font-family:inherit} .np .in:focus{outline:none;border-color:var(--o)} .np .hint{font-size:.74em;opacity:.6;margin:5px 0 0} .np .pla{font-size:.82em;opacity:.85;line-height:1.5;margin:18px 0 0;padding:11px 13px;background:var(--sand);border-radius:10px} .np .pla b{font-weight:600} .np .summary{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line)} .np .row{display:flex;justify-content:space-between;font-size:.9em;padding:3px 0} .np .row span:last-child{font-weight:600} .np .row.disc span{color:var(--o)} .np .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:11px;border-top:1px solid var(--line)} .np .total .tl{font-weight:600}.np .total .tv{font-size:1.4em;font-weight:700;color:var(--o)} .np .ship{font-size:.78em;opacity:.6;text-align:right;margin:4px 0 0} .np .cta{display:block;width:100%;margin-top:16px;border:none;border-radius:11px;background:var(--o);color:#fff;font-size:.98em;font-weight:600;padding:14px;cursor:pointer;font-family:inherit} .np .cta:hover{background:var(--od)} .np .cta:disabled{opacity:.6;cursor:default} .np .note{font-size:.78em;opacity:.6;text-align:center;margin:11px 0 0} .np .care{display:flex;gap:11px;align-items:flex-start;margin:0 0 11px;font-size:.92em;line-height:1.55;text-align:left;max-width:560px;margin-left:auto;margin-right:auto} .np .specs{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:0 0 4px} .np .specrow{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:.9em} .np .specrow:nth-child(odd){background:var(--sand)} .np .specrow b{font-weight:600} .np .menge,.np .opts,.np .group,.np .chips,.np .summary,.np .pla,.np .specs{text-align:left} .np .opts{justify-content:center} .np .chips{justify-content:center} .np .feats{justify-items:center} .np .hero2{display:flex;gap:24px;align-items:center;padding:20px 0 0;border-top:1px solid var(--line);flex-wrap:wrap;text-align:left} .np .feat{text-align:left} .np .lab{text-align:center} Handgemacht im Hochsauerland Personalisierter Hundenapf Ein Napf, so einzigartig wie dein Hund – 3D-gedruckt, mit Edelstahleinsatz und eingraviertem Namen. Gestalte ihn unten ganz nach deinem Geschmack. ✓Name vorne eingraviert – vertieft, nicht aufgedruckt. ✓Herausnehmbarer Edelstahleinsatz (700 ml), spülmaschinengeeignet. ✓Handgefertigt im Hochsauerland – jedes Stück ein Unikat. ✓Fertigung ca. 1 Woche. ✓Zwei Höhen: 9,5 cm oder 13,2 cm (Ø 16,1 cm). ✓Edelstahleinsatz 700 ml · Ø 16 cm · 6 cm tief. In wenigen Klicks fertig Jetzt deinen Napf gestalten Höhe, Farbe und Name wählen – die Vorschau passt sich live an. Menge 1 Napf Einzelstück 2er-Set 2× individuell−5 € Gut zu wissen: PLA ist nicht lebensmittelzertifiziert. Futter & Wasser kommen ausschließlich in den mitgelieferten Edelstahleinsatz – der gedruckte Napf dient als Halterung. So bleibt alles hygienisch und sicher. NapfNiedrig · Beige Napf 2Niedrig · Beige 2er-Set-Rabatt−5,00 € Gesamt20,00 € zzgl. Versand Ab ins Körbchen Edelstahleinsatz inklusive · Fertigung ca. 1 Woche Pflegehinweise ✓Den Edelstahleinsatz einfach herausnehmen – er ist spülmaschinengeeignet. ✓Den gedruckten Napf mit lauwarmem Wasser und mildem Spülmittel von Hand reinigen. ✓Nicht in die pralle Sonne oder den heißen Trockengang legen – PLA mag keine starke Hitze. ✓Futter & Wasser gehören ausschließlich in den Edelstahleinsatz. (function(){ function init(){ var root=document.getElementById('np-root'); if(!root||root.getAttribute('data-init')==='1')return; root.setAttribute('data-init','1'); var VARIANTEN={niedrig:53431938056539,hoch:53431938089307}; var PRICE={niedrig:20,hoch:25}; var COL={ 'Beige':{body:'#e8dcc4',rim:'#d9cdac',stroke:'#cbbf9f',eng:'#9c8f6b'}, 'Schwarz':{body:'#2a2a2a',rim:'#3a3a3a',stroke:'#1a1a1a',eng:'#000000'}, 'Wei\u00DF':{body:'#f4f4f1',rim:'#e7e7e2',stroke:'#d8d8d2',eng:'#c4c0b6'}, 'Orange':{body:'#FF751F',rim:'#e9650f',stroke:'#cf590c',eng:'#b34a09'} }; var menge=1; var napf=[{hoehe:'niedrig',farbe:'Beige',name:''},{hoehe:'niedrig',farbe:'Beige',name:''}]; function eur(v){return v.toFixed(2).replace('.',',')+'\u00A0\u20AC';} function lbl(i){return napf[i].hoehe==='hoch'?'Hoch':'Niedrig';} function svg(i){ return ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ 'Name wird eingraviert'; } function card(i){ var t=napf[i]; function optH(v,l,s,p){return ''+l+' '+s+''+p+'';} function chip(c){var sw=c==='Wei\u00DF'?'weiss':c.toLowerCase();return ''+c+'';} var head=menge===2?''+(i+1)+' Napf '+(i+1)+'':''; var safeName=t.name.replace(/&/g,'&').replace(/"/g,'"').replace(/'+head+svg(i)+ 'H\u00F6he'+optH('niedrig','Niedrig','9,5 cm','20\u00A0\u20AC')+optH('hoch','Hoch','13,2 cm','25\u00A0\u20AC')+''+ 'Farbe'+chip('Beige')+chip('Schwarz')+chip('Wei\u00DF')+chip('Orange')+''+ 'Name (wird eingraviert)Vertieft eingraviert \u00B7 max. 12 Zeichen'; } function drawPreview(i){ var t=napf[i],c=COL[t.farbe]; var b=root.querySelector('#np-b'+i),r=root.querySelector('#np-r'+i),nm=root.querySelector('#np-n'+i),hi=root.querySelector('#np-n'+i+'h'); if(!b)return; b.setAttribute('fill',c.body);b.setAttribute('stroke',c.stroke); r.setAttribute('fill',c.rim);r.setAttribute('stroke',c.stroke); nm.textContent=t.name;hi.textContent=t.name;nm.setAttribute('fill',c.eng); if(t.hoehe==='hoch'){b.setAttribute('d','M52 96 L32 200 Q31 210 41 210 L159 210 Q169 210 168 200 L148 96 Z');nm.setAttribute('y','162');hi.setAttribute('y','162.8');} else{b.setAttribute('d','M52 96 L36 182 Q35 192 45 192 L155 192 Q165 192 164 182 L148 96 Z');nm.setAttribute('y','150');hi.setAttribute('y','150.8');} } var RABATT_2ER=5; function updateSummary(){ var p1=PRICE[napf[0].hoehe],total=p1; root.querySelector('#np-sum1l').textContent=menge===2?'Napf 1':'Napf'; root.querySelector('#np-sum1v').textContent=lbl(0)+' \u00B7 '+napf[0].farbe+(napf[0].name?' \u00B7 '+napf[0].name:''); if(menge===2){ total=p1+PRICE[napf[1].hoehe]-RABATT_2ER; root.querySelector('#np-sum2').style.display='flex'; root.querySelector('#np-sum2v').textContent=lbl(1)+' \u00B7 '+napf[1].farbe+(napf[1].name?' \u00B7 '+napf[1].name:''); root.querySelector('#np-rowship').style.display='flex'; root.querySelector('#np-ship').textContent='zzgl. Versand'; }else{ root.querySelector('#np-sum2').style.display='none'; root.querySelector('#np-rowship').style.display='none'; root.querySelector('#np-ship').textContent='zzgl. Versand'; } root.querySelector('#np-total').textContent=eur(total); } function render(){ var html=card(0);if(menge===2)html+=card(1); root.querySelector('#np-naepfe').innerHTML=html; drawPreview(0);if(menge===2)drawPreview(1); updateSummary(); } root.addEventListener('click',function(e){ var mg=e.target.closest('[data-g="menge"] .opt'); if(mg){mg.parentNode.querySelectorAll('.opt').forEach(function(x){x.setAttribute('aria-pressed','false');});mg.setAttribute('aria-pressed','true');menge=parseInt(mg.getAttribute('data-val'),10);render();return;} var o=e.target.closest('.opt[data-k="hoehe"]'); if(o){var i=+o.getAttribute('data-i');napf[i].hoehe=o.getAttribute('data-val');render();return;} var c=e.target.closest('.chip'); if(c){var ci=+c.getAttribute('data-i');napf[ci].farbe=c.getAttribute('data-val');render();return;} var add=e.target.closest('#np-add'); if(add){ var items=[]; var n=menge===2?2:1; for(var k=0;k Show more