<!doctype html><html lang="fr"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#"><meta charset="utf-8"/><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"e3293f3f43",applicationID:"383678063"};;/*! For license information please see nr-loader-rum-1.297.0.min.js.LICENSE.txt */
(()=>{var e,t,r={122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),a=0===Object.keys(r).length?e:r;for(let s in a)if(void 0!==e[s])try{if(null===e[s]){r[s]=null;continue}Array.isArray(e[s])&&Array.isArray(t[s])?r[s]=Array.from(new Set([...e[s],...t[s]])):"object"==typeof e[s]&&"object"==typeof t[s]?r[s]=i(e[s],t[s]):r[s]=e[s]}catch(e){r[s]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},555:(e,t,r)=>{"use strict";r.d(t,{D:()=>o,f:()=>s});var n=r(384),i=r(122);const a={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function s(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const o=e=>(0,i.a)(e,a)},324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>a,xv:()=>n});const n="1.297.0",i="PROD",a="CDN"},154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>c,RI:()=>i,WN:()=>d,bv:()=>a,gm:()=>s,mw:()=>o,sb:()=>u});var n=r(863);const i="undefined"!=typeof window&&!!window.document,a="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),s=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===s?.document?.visibilityState),c=/iPad|iPhone|iPod/.test(s.navigator?.userAgent),u=c&&"undefined"==typeof SharedWorker,d=((()=>{const e=s.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)())},241:(e,t,r)=>{"use strict";r.d(t,{W:()=>a});var n=r(154);const i="newrelic";function a(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>u,Ze:()=>f,x3:()=>d});var n=r(241),i=r(836),a=r(606),s=r(860),o=r(646);const c={};function u(e,t){const r={staged:!1,priority:s.P3[t]||0};l(e),c[e].get(t)||c[e].set(t,r)}function d(e,t){e&&c[e]&&(c[e].get(t)&&c[e].delete(t),p(e,t,!1),c[e].size&&g(e))}function l(e){if(!e)throw new Error("agentIdentifier required");c[e]||(c[e]=new Map)}function f(e="",t="feature",r=!1){if(l(e),!e||!c[e].get(t)||r)return p(e,t);c[e].get(t).staged=!0,g(e)}function g(e){const t=Array.from(c[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{c[e].delete(t),p(e,t)})))}function p(e,t,r=!0){const s=e?i.ee.get(e):i.ee,c=a.i.handlers;if(!s.aborted&&s.backlog&&c){if((0,n.W)({agentIdentifier:e,type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=c[t];if(r){for(let t=0;e&&t<e.length;++t)m(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof o.y&&t[0].on(e,t[1])}))}))}}s.isolatedBacklog||delete c[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function m(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],a=e[2];n.apply(i,a)}}))}},836:(e,t,r)=>{"use strict";r.d(t,{P:()=>o,ee:()=>c});var n=r(384),i=r(990),a=r(646),s=r(607);const o="nr@context:".concat(s.W),c=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,a){!1!==a&&(a=!0);if(c.aborted&&!i)return;t&&a&&t.emit(e,r,n);var o=g(n);m(e).forEach((e=>{e.apply(o,r)}));var u=v()[s[e]];u&&u.push([f,e,r,o]);return o},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,o,(()=>new a.y(o))):new a.y(o)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c)},646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(836).ee.get("handle");function i(e,t,r,i,a){a?(a.buffer([e],i),a.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},606:(e,t,r)=>{"use strict";r.d(t,{i:()=>a});var n=r(908);a.on=s;var i=a.handlers={};function a(e,t,r,a){s(a||n.d,i,e,t,r)}function s(e,t,r,i,a){a||(a="feature"),e||(e=n.d);var s=t[a]=t[a]||{};(s[r]=s[r]||[]).push([e,i])}},878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function a(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>a,jT:()=>n,sp:()=>i})},607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(566).bz)()},566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>o,bz:()=>s});var n=r(154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function a(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?a(t,r++).toString(16):"y"===e?(3&a()|8).toString(16):e)).join("")}function o(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const s=[];for(var o=0;o<e;o++)s.push(a(r,i++).toString(16));return s.join("")}},614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>s,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>o,uh:()=>i,wk:()=>a});const n="NRBA",i="SESSION",a=144e5,s=18e5,o={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({agentIdentifier:null,drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},701:(e,t,r)=>{"use strict";r.d(t,{B:()=>a,t:()=>s});var n=r(241);const i=new Set,a={};function s(e,t){const r=t.agentIdentifier;a[r]??={},e&&"object"==typeof e&&(i.has(r)||(t.ee.emit("rumresp",[e]),a[r]=e,i.add(r),(0,n.W)({agentIdentifier:r,loaded:!0,drained:!0,type:"lifecycle",name:"load",feature:void 0,data:e})))}},990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},910:(e,t,r)=>{"use strict";r.d(t,{i:()=>a});var n=r(944);const i=new Map;function a(...e){return e.every((e=>{if(i.has(e))return i.get(e);const t="function"==typeof e&&e.toString().includes("[native code]");return t||(0,n.R)(64,e?.name||e?.toString()),i.set(e,t),t}))}},289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>a,Qr:()=>o,sB:()=>s});var n=r(878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(i())return e();(0,n.sp)("load",e,t)}function s(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}function o(e){if(i())return e();(0,n.sp)("popstate",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>s,US:()=>d,Zm:()=>o,bQ:()=>u,dV:()=>c,pV:()=>l});var n=r(154),i=r(863),a=r(910);const s={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function o(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function c(){let e=o();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=o();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function d(e,t){o()[e]=t}function l(){return function(){let e=o();const t=e.info||{};e.info={beacon:s.beacon,errorBeacon:s.errorBeacon,...t}}(),function(){let e=o();const t=e.init||{};e.init={...t}}(),c(),function(){let e=o();const t=e.loader_config||{};e.loader_config={...t}}(),o()}},843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},773:(e,t,r)=>{"use strict";r.d(t,{z_:()=>a,XG:()=>o,TZ:()=>n,rs:()=>i,xV:()=>s});r(154),r(566),r(384);const n=r(860).K7.metrics,i="sm",a="cm",s="storeSupportabilityMetrics",o="storeEventMetrics"},630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},234:(e,t,r)=>{"use strict";r.d(t,{W:()=>a});var n=r(836),i=r(687);class a{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},741:(e,t,r)=>{"use strict";r.d(t,{W:()=>a});var n=r(944),i=r(261);class a{#e(e,...t){if(this[e]!==a.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e){return this.#e(i.Dl,e)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(){return this.#e(i.dT)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}}},261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>o,CH:()=>g,Dl:()=>_,Fw:()=>y,PA:()=>h,Pl:()=>n,Tb:()=>l,U2:()=>a,V1:()=>k,Wb:()=>x,bt:()=>b,cD:()=>v,d3:()=>w,dT:()=>c,eY:()=>p,fF:()=>f,hG:()=>i,k6:()=>s,nb:()=>m,o5:()=>d});const n="api-",i="addPageAction",a="addToTrace",s="addRelease",o="finished",c="interaction",u="log",d="noticeError",l="pauseReplay",f="recordCustomEvent",g="recordReplay",p="register",m="setApplicationVersion",h="setCurrentRouteName",v="setCustomAttribute",b="setErrorHandler",y="setPageViewName",_="setUserId",w="start",x="wrapLogger",k="measure"},163:(e,t,r)=>{"use strict";r.d(t,{j:()=>E});var n=r(384),i=r(741);var a=r(555);r(860).K7.genericEvents;const s="experimental.marks",o="experimental.measures",c="experimental.resources",u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=r(614),l=r(944),f=r(122);const g="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{marks:!1,measures:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{allow_registered_children:!0,duplicate_registered_data:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(s)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(o)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(c)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:d.wk,inactiveMs:d.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(g):""===t||null===t?e.mask_selector=g:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},spa:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var m=r(154),h=r(324);let v=0;const b={buildEnv:h.F3,distMethod:h.Xs,version:h.xv,originTime:m.WN},y={appMetadata:{},customTransaction:void 0,denyList:void 0,disabled:!1,entityManager:void 0,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,jsAttributesMetadata:{bytes:0},get harvestCount(){return++v}},_=e=>{const t=(0,f.a)(e,y),r=Object.keys(b).reduce(((e,t)=>(e[t]={value:b[t],writable:!1,configurable:!0,enumerable:!0},e)),{});return Object.defineProperties(t,r)};var w=r(701);const x=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};var k=r(836),A=r(241);const S={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},T=e=>(0,f.a)(e,S),R=new Set;function E(e,t={},r,s){let{init:o,info:c,loader_config:u,runtime:d={},exposed:l=!0}=t;if(!c){const e=(0,n.pV)();o=e.init,c=e.info,u=e.loader_config}e.init=p(o||{}),e.loader_config=T(u||{}),c.jsAttributes??={},m.bv&&(c.jsAttributes.isWorker=!0),e.info=(0,a.D)(c);const f=e.init,g=[c.beacon,c.errorBeacon];R.has(e.agentIdentifier)||(f.proxy.assets&&(x(f.proxy.assets),g.push(f.proxy.assets)),f.proxy.beacon&&g.push(f.proxy.beacon),function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(i.W.prototype).forEach((r=>{const n=i.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let a=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return a?a(...t):n})}))}(e),(0,n.US)("activatedFeatures",w.B),e.runSoftNavOverSpa&&=!0===f.soft_navigations.enabled&&f.feature_flags.includes("soft_nav")),d.denyList=[...f.ajax.deny_list||[],...f.ajax.block_internal?g:[]],d.ptid=e.agentIdentifier,d.loaderType=r,e.runtime=_(d),R.has(e.agentIdentifier)||(e.ee=k.ee.get(e.agentIdentifier),e.exposed=l,(0,A.W)({agentIdentifier:e.agentIdentifier,drained:!!w.B?.[e.agentIdentifier],type:"lifecycle",name:"initialize",feature:void 0,data:e.config})),R.add(e.agentIdentifier)}},374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>d,K7:()=>c,P3:()=>u,XX:()=>i,Yy:()=>o,df:()=>a,qY:()=>n,v4:()=>s});const n="events",i="jserrors",a="browser/blobs",s="rum",o="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},u={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.spa]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.softNav]:8,[c.sessionReplay]:9,[c.logging]:10,[c.genericEvents]:11},d={[c.pageViewEvent]:s,[c.pageViewTiming]:n,[c.ajax]:n,[c.spa]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:a,[c.sessionReplay]:a,[c.logging]:o,[c.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return r[e](a,a.exports,i),a.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"nr-rum-1.297.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.297.0.PROD:",i.l=(r,n,a,s)=>{if(e[r])e[r].push(n);else{var o,c;if(void 0!==a)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+a){o=l;break}}if(!o){c=!0;var f={296:"sha512-n/1z7EiYHaupoJ3s8MajMxY/CH6se33KTGkEkqAgtuatNOjpM3V8Fm2j4AZJGysIchvpcxiQG5GRqMG0rnAWqQ=="};(o=document.createElement("script")).charset="utf-8",o.timeout=120,i.nc&&o.setAttribute("nonce",i.nc),o.setAttribute("data-webpack",t+a),o.src=r,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),f[s]&&(o.integrity=f[s])}e[r]=[n];var g=(t,n)=>{o.onerror=o.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],o.parentNode&&o.parentNode.removeChild(o),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=g.bind(null,o.onerror),o.onload=g.bind(null,o.onload),c&&document.head.appendChild(o)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={374:0,840:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var a=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=a);var s=i.p+i.u(t),o=new Error;i.l(s,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var a=r&&("load"===r.type?"missing":r.type),s=r&&r.target&&r.target.src;o.message="Loading chunk "+t+" failed.\n("+a+": "+s+")",o.name="ChunkLoadError",o.type=a,o.request=s,n[1](o)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,a,[s,o,c]=r,u=0;if(s.some((t=>0!==e[t]))){for(n in o)i.o(o,n)&&(i.m[n]=o[n]);if(c)c(i)}for(t&&t(r);u<s.length;u++)a=s[u],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0},r=self["webpackChunk:NRBA-1.297.0.PROD"]=self["webpackChunk:NRBA-1.297.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(374);var e=i(566),t=i(741);class r extends t.W{agentIdentifier=(0,e.LA)(16)}var n=i(860);const a=Object.values(n.K7);var s=i(163);var o=i(908),c=i(863),u=i(261),d=i(241),l=i(944),f=i(701),g=i(773);function p(e,t,i,a){const s=a||i;!s||s[e]&&s[e]!==r.prototype[e]||(s[e]=function(){(0,o.p)(g.xV,["API/"+e+"/called"],void 0,n.K7.metrics,i.ee),(0,d.W)({agentIdentifier:i.agentIdentifier,drained:!!f.B?.[i.agentIdentifier],type:"data",name:"api",feature:u.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,l.R)(23,e)}})}function m(e,t,r,n,i){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(i||null===r)&&(0,o.p)(u.Pl+n,[(0,c.t)(),t,r],void 0,"session",e.ee)}var h=i(687),v=i(234),b=i(289),y=i(154),_=i(384);const w=e=>y.RI&&!0===e?.privacy.cookies_enabled;function x(e){return!!(0,_.dV)().o.MO&&w(e)&&!0===e?.session_trace.enabled}var k=i(389);class A extends v.W{constructor(e,t){super(e.agentIdentifier,t),this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise(((t,r)=>{this.ee.on("manual-start-all",(0,k.J)((()=>{(0,h.Ak)(e.agentIdentifier,this.featureName),t()})))})):(0,h.Ak)(e.agentIdentifier,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;let a;this.onAggregateImported=new Promise((e=>{a=e}));const s=async()=>{let s;await this.deferred;try{if(w(e.init)){const{setupAgentSession:t}=await i.e(296).then(i.bind(i,305));s=t(e)}}catch(e){(0,l.R)(20,e),this.ee.emit("internal-error",[e]),this.featureName===n.K7.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,s,e.init))return(0,h.Ze)(this.agentIdentifier,this.featureName),void a(!1);const{Aggregate:n}=await t();this.featAggregate=new n(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),a(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,h.Ze)(this.agentIdentifier,this.featureName,!0),a(!1),this.ee&&this.ee.abort()}};y.RI?(0,b.GG)((()=>s()),!0):s()}#t(e,t,r){switch(e){case n.K7.sessionReplay:return x(r)&&!!t;case n.K7.sessionTrace:return!!t;default:return!0}}}var S=i(630),T=i(614);class R extends A{static featureName=S.T;constructor(e){var t;super(e,S.T),this.setupInspectionEvents(e.agentIdentifier),t=e,p(u.Fw,(function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,o.p)(u.Pl+u.Fw,[(0,c.t)()],void 0,void 0,t.ee))}),t),this.ee.on("api-send-rum",((e,t)=>(0,o.p)("send-rum",[e,t],void 0,this.featureName,this.ee))),this.importAggregator(e,(()=>i.e(296).then(i.bind(i,108))))}setupInspectionEvents(e){const t=(t,r)=>{t&&(0,d.W)({agentIdentifier:e,timeStamp:t.timeStamp,loaded:"complete"===t.target.readyState,type:"window",name:r,data:t.target.location+""})};(0,b.sB)((e=>{t(e,"DOMContentLoaded")})),(0,b.GG)((e=>{t(e,"load")})),(0,b.Qr)((e=>{t(e,"navigate")})),this.ee.on(T.tS.UPDATE,((t,r)=>{(0,d.W)({agentIdentifier:e,type:"lifecycle",name:"session",data:r})}))}}var E=i(843),N=i(878),j=i(782);class I extends A{static featureName=j.T;constructor(e){super(e,j.T),y.RI&&((0,E.u)((()=>(0,o.p)("docHidden",[(0,c.t)()],void 0,j.T,this.ee)),!0),(0,N.sp)("pagehide",(()=>(0,o.p)("winPagehide",[(0,c.t)()],void 0,j.T,this.ee))),this.importAggregator(e,(()=>i.e(296).then(i.bind(i,350)))))}}class O extends A{static featureName=g.TZ;constructor(e){super(e,g.TZ),y.RI&&document.addEventListener("securitypolicyviolation",(e=>{(0,o.p)(g.xV,["Generic/CSPViolation/Detected"],void 0,this.featureName,this.ee)})),this.importAggregator(e,(()=>i.e(296).then(i.bind(i,373))))}}new class extends r{constructor(e){var t;(super(),y.gm)?(this.features={},(0,_.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(R),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===n.K7.softNav)),(0,s.j)(this,e,e.loaderType||"agent"),t=this,p(u.cD,(function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return m(t,e,r,u.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)}),t),function(e){p(u.Dl,(function(t){if("string"==typeof t||null===t)return m(e,"enduser.id",t,u.Dl,!0);(0,l.R)(41,typeof t)}),e)}(this),function(e){p(u.nb,(function(t){if("string"==typeof t||null===t)return m(e,"application.version",t,u.nb,!1);(0,l.R)(42,typeof t)}),e)}(this),function(e){p(u.d3,(function(){e.ee.emit("manual-start-all")}),e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return a.forEach((r=>{t[r]=!!e[r]?.enabled})),t}(this.init),t=[...this.desiredFeatures];t.sort(((e,t)=>n.P3[e.featureName]-n.P3[t.featureName])),t.forEach((t=>{if(!e[t.featureName]&&t.featureName!==n.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&t.featureName===n.K7.spa)return;if(!this.runSoftNavOverSpa&&t.featureName===n.K7.softNav)return;const r=function(e){switch(e){case n.K7.ajax:return[n.K7.jserrors];case n.K7.sessionTrace:return[n.K7.ajax,n.K7.pageViewEvent];case n.K7.sessionReplay:return[n.K7.sessionTrace];case n.K7.pageViewTiming:return[n.K7.pageViewEvent];default:return[]}}(t.featureName).filter((e=>!(e in this.features)));r.length>0&&(0,l.R)(36,{targetFeature:t.featureName,missingDependencies:r}),this.features[t.featureName]=new t(this)}))}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,_.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}({features:[R,I,O],loaderType:"lite"})})()})();</script>
<meta name="title" content="Tasse à café personnalisée avec monogramme"/>
<meta name="description" content="Tasse à expresso personnalisée ✅ Avec monogramme ✅ Avec votre propre texte ✅ Avec la soucoupe associée ✅ En céramique et lavable à la main ✅ livraison rapide ❤"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>Tasse à café personnalisée avec monogramme</title>
<link rel="stylesheet" type="text/css" defer="defer" href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/css/styles.css?tas=version202509040v1" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Algolia_AlgoliaSearch/css/grid.css?tas=version202509040v1" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Algolia_AlgoliaSearch/css/algolia-reset.css?tas=version202509040v1" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Algolia_AlgoliaSearch/css/recommend.css?tas=version202509040v1" />
<script type="text/javascript" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_ProductsDesigner/js/jquery.js?tas=version202509040v1"></script>
<link rel="icon" type="image/x-icon" href="https://www.cadeauxfolies.fr/media/favicon/stores/3/favicon-32x32_180x180_1.jpg" />
<link rel="shortcut icon" type="image/x-icon" href="https://www.cadeauxfolies.fr/media/favicon/stores/3/favicon-32x32_180x180_1.jpg" />
<meta name="google-site-verification" content="gTYcYyDfe9sqdnJN7PNr-iiMgzw7dM3zgzjRKByCHLk" />
<!-- Matomo Tag Manager -->
<script>
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src='https://upsidedown.radbag.de/scripts/matomo/js/container_w3gZbfwz.js'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
window.gtag = function() { dataLayer.push(arguments); }
window.gtag('consent', 'default', {
ad_storage: 'granted',
analytics_storage: 'granted',
ad_user_data: 'granted',
ad_personalization: 'granted',
wait_for_update: 500
});
</script> <script>
const firedEvents = JSON.parse(sessionStorage.getItem('__cvg_events_dedup') || '{}');
const isDuplicateEvent = (eventData) => {
if (eventData.triggered) return true;
eventData.triggered = true;
if (!eventData.eventID) return false;
const key = `${eventData.eventName}::${eventData.eventID}`;
if (firedEvents[key]) return true;
firedEvents[key] = true;
sessionStorage.setItem('__cvg_events_dedup', JSON.stringify(firedEvents));
return false;
};
const processIdentify = function (sectionData) {
const aliases = sectionData?.cvg_aliases;
const profileProperties = sectionData?.cvg_profile_properties;
if (aliases || profileProperties) {
window.cvg({
method: 'set',
aliases,
profileProperties
})
}
}
const processSection = (sectionData) => {
processIdentify(sectionData);
const cvgEvents = sectionData?.cvg_events || {};
for (const eventId in cvgEvents) {
const eventData = cvgEvents[eventId];
if (!isDuplicateEvent(eventData)) window.cvg(eventData);
}
}
window.addEventListener('private-content-loaded', function(event) {
processSection(event.detail.data.cart);
processSection(event.detail.data.customer);
});</script><script type="text/x-magento-init">
{"*":{"converge": {}}}</script> <script> const publicToken = "CDt3CZ";
if (window !== window.parent) {
// we are in an iframe
window.cvg = (e) => {
console.info('Skipping tracking a Converge event because the pixel is loaded in an iFrame:', e);
}
} else if (!publicToken) {
window.cvg = (e) => {
console.warn('Cannot track event because Converge public token is not set:', e);
}
} else {
!function(){"use strict";!function(e,t,c,n,s,o,r){e.cvg||(s=e.cvg=function(){
s.process?s.process.apply(s,arguments):s.queue.push(arguments)},s.queue=[],(o=
t.createElement(c)).async=1,o.src="https://static.runconverge.com/pixels/"+publicToken+".js",
(r=t.getElementsByTagName(c)[0]).parentNode.insertBefore(o,r))}(window,document,
"script")}();
}
window.cvg||(cvg=function(){cvg.process?cvg.process.apply(cvg,arguments):cvg.queue.push(arguments)},cvg.queue=[]);
window.cvg({ method: 'set', eventProperties: {"$magento_store_name":"Cadeauxfolies.fr","$magento_store_id":"3"} })
window.cvg({ method: "track", eventName: "$page_load" });</script> <script type="text/javascript" >
var eventNames = [
"wheel",
"touchstart",
"mouseover",
"scroll",
"keydown"
];
function addMultiEventListener(element, eventNames, listener) {
for (var i=0, iLen=eventNames.length; i<iLen; i++) {
element.addEventListener(eventNames[i], listener, true);
}
}
function removeMultiEventListener(element, eventNames, listener) {
for (var i=0, iLen=eventNames.length; i<iLen; i++) {
element.removeEventListener(eventNames[i], listener, true);
}
}
var isMtmLoaded = false;
const loadMtmScript = () => {
if (!isMtmLoaded){
var _mtm = window._mtm = window._mtm || [];
var mtmData;
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true;
g.onload = () => {
let product = [];
if (typeof require !== 'undefined') {
products = document.querySelectorAll('.products [id^="product-item"]');
} else {
products = document.querySelectorAll('.product-slider a.product, .products a.product');
}
if (products.length) {
products.forEach(function(product) {
product.addEventListener('click', function(event, s) {
const regex = /_(\d+)$/;
let productId = '';
if (product.id) {
const matches = product.id.match(regex);
if (matches.length) {
productId = matches[1];
}
} else {
if (product.parentElement) {
let parentElementNode = product.parentElement.nodeName.toLowerCase();
if (parentElementNode == 'form') {
productId = product.parentElement.querySelector('input[name="product"]').value;
}
}
}
if (productId) {
const productData = window['JAJUMA_MATOMO_PRODUCT_DATA_ID_' + productId] || {};
productData.item_id = productId;
mtmData = {
'event': 'click_product',
'ecommerce': {
'items': [productData]
}
}
_mtm.push(mtmData);
}
})
})
}
var productId = '77737';
const productData = window['JAJUMA_MATOMO_PRODUCT_DATA_ID_' + productId] || {};
mtmData = {
'event': 'view_product',
'ecommerce': {
'items': [productData]
}
}
_mtm.push(mtmData);
if (typeof require !== 'undefined') {
require(['Magento_Customer/js/customer-data'], function(customerData) {
let sectionData = customerData.get('cart');
sectionData.subscribe(function (cartValue) {
if (cartValue.mtmUpdateCart) {
mtmData = {
'event': cartValue.mtmUpdateCart.event,
'ecommerce': {
'items': cartValue.mtmUpdateCart.item,
'qty': cartValue.mtmUpdateCart.qty
}
}
_mtm.push(mtmData);
}
});
});
} else {
window.addEventListener("private-content-loaded", event => {
const sectionData = event.detail.data;
if (sectionData) {
const cart = sectionData.cart;
if (!cart.triggered) {
if (cart.mtmUpdateCart) {
mtmData = {
'event': cart.mtmUpdateCart.event,
'ecommerce': {
'items': cart.mtmUpdateCart.item,
'qty': cart.mtmUpdateCart.qty
}
}
_mtm.push(mtmData);
}
sectionData.cart.triggered = true;
}
}
});
}
}
g.src='https://upsidedown.radbag.de/scripts/matomo/js/container_w3gZbfwz.js'; s.parentNode.insertBefore(g,s);
removeMultiEventListener(window, eventNames, loadMtmScript);
} else {
removeMultiEventListener(window, eventNames, loadMtmScript);
}
}
addMultiEventListener(window, eventNames, loadMtmScript);
</script> <script>
/* dataLayer */
window.dataLayer = window.dataLayer || [];
/* Algolia User Token */
var algoliaUserToken = getCookie('aa-search');
if(algoliaUserToken == null) {
algoliaUserToken = getCookie('_ALGOLIA');
}
getCookie('_ALGOLIA') == '' ? document.cookie = "_ALGOLIA=12341234" : '';
let random = Math.floor(Date.now() * Math.random());
dataLayer.push({"eventID": random});
var pageType = 'product';
dataLayer.push({
"referrer": document.referrer,
"url_path": window.location.pathname,
"url": window.location.href,
"url_hostname": window.location.host,
"clicked_element_text": window.location.host,
"ecomm_pagetype": 'product',
"pageType": 'product',
"customerGroup": 'NOT LOGGED IN',
"customerGroupId": 0,
"algoliaUserToken": algoliaUserToken
});
dataLayer.push({
"sku": 'ESMOXT',
"price": 0.00,
"stock_status": 1,
"productname": 'Tasse à café personnalisée avec monogramme',
"productcategory": 'Exklusiv - Tassen/Gläser'
});
document.addEventListener('click', function(e) {
e = e || window.event;
var target = e.target || e.srcElement,
text = target.textContent || target.innerText;
window.dataLayer.clicked_element_text = text;
}, false);
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for(var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if(name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}</script> <!-- GTM --> <script>
var move = 0;
function moveCursor(){
if(move == 0){
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MTTBZD2');
move = 1;
}
}
addEventListener('mousemove', moveCursor, false);
addEventListener('touchstart', moveCursor, false);
addEventListener('scroll', moveCursor, false);</script> <script>
var BASE_URL = 'https://www.cadeauxfolies.fr/';
var THEME_PATH = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".www.cadeauxfolies.fr",
"secure": true,
"lifetime": "86400",
"cookie_restriction_enabled": false };
var CURRENT_STORE_CODE = 'cadeauxfolies';
var CURRENT_WEBSITE_ID = '1';
window.hyva = window.hyva || {}
window.cookie_consent_groups = window.cookie_consent_groups || {}
window.cookie_consent_groups['necessary'] = true;
window.cookie_consent_config = window.cookie_consent_config || {};
window.cookie_consent_config['necessary'] = [].concat(
window.cookie_consent_config['necessary'] || [],
[
'user_allowed_save_cookie',
'form_key',
'mage-messages',
'private_content_version',
'mage-cache-sessid',
'last_visited_store',
'section_data_ids'
]
);</script> <script>
'use strict';
(function( hyva, undefined ) {
function lifetimeToExpires(options, defaults) {
const lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
const date = new Date;
date.setTime(date.getTime() + lifetime * 1000);
return date;
}
return null;
}
function generateRandomString() {
const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
length = 16;
let formKey = '',
charactersLength = allowedCharacters.length;
for (let i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
const sessionCookieMarker = {noLifetime: true}
const cookieTempStorage = {};
const internalCookie = {
get(name) {
const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return v ? v[2] : null;
},
set(name, value, days, skipSetDomain) {
let expires,
path,
domain,
secure,
samesite;
const defaultCookieConfig = {
expires: null,
path: '/',
domain: null,
secure: false,
lifetime: null,
samesite: 'lax'
};
const cookieConfig = window.COOKIE_CONFIG || {};
expires = days && days !== sessionCookieMarker
? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
: lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
path = cookieConfig.path || defaultCookieConfig.path;
domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
secure = cookieConfig.secure || defaultCookieConfig.secure;
samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
document.cookie = name + "=" + encodeURIComponent(value) +
(expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
(path ? '; path=' + path : '') +
(domain ? '; domain=' + domain : '') +
(secure ? '; secure' : '') +
(samesite ? '; samesite=' + samesite : 'lax');
},
isWebsiteAllowedToSaveCookie() {
const allowedCookies = this.get('user_allowed_save_cookie');
if (allowedCookies) {
const allowedWebsites = JSON.parse(unescape(allowedCookies));
return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
}
return false;
},
getGroupByCookieName(name) {
const cookieConsentConfig = window.cookie_consent_config || {};
let group = null;
for (let prop in cookieConsentConfig) {
if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
if (cookieConsentConfig[prop].includes(name)) {
group = prop;
break;
}
}
return group;
},
isCookieAllowed(name) {
const cookieGroup = this.getGroupByCookieName(name);
return cookieGroup
? window.cookie_consent_groups[cookieGroup]
: this.isWebsiteAllowedToSaveCookie();
},
saveTempStorageCookies() {
for (const [name, data] of Object.entries(cookieTempStorage)) {
if (this.isCookieAllowed(name)) {
this.set(name, data['value'], data['days'], data['skipSetDomain']);
delete cookieTempStorage[name];
}
}
}
};
hyva.getCookie = (name) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
}
return internalCookie.get(name);
}
hyva.setCookie = (name, value, days, skipSetDomain) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
cookieTempStorage[name] = {value, days, skipSetDomain};
return;
}
return internalCookie.set(name, value, days, skipSetDomain);
}
hyva.setSessionCookie = (name, value, skipSetDomain) => {
return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
}
hyva.getBrowserStorage = () => {
const browserStorage = window.localStorage || window.sessionStorage;
if (!browserStorage) {
console.warn('Browser Storage is unavailable');
return false;
}
try {
browserStorage.setItem('storage_test', '1');
browserStorage.removeItem('storage_test');
} catch (error) {
console.warn('Browser Storage is not accessible', error);
return false;
}
return browserStorage;
}
hyva.postForm = (postParams) => {
const form = document.createElement("form");
let data = postParams.data;
if (! postParams.skipUenc && ! data.uenc) {
data.uenc = btoa(window.location.href);
}
form.method = "POST";
form.action = postParams.action;
Object.keys(postParams.data).map(key => {
const field = document.createElement("input");
field.type = 'hidden'
field.value = postParams.data[key];
field.name = key;
form.appendChild(field);
});
const form_key = document.createElement("input");
form_key.type = 'hidden';
form_key.value = hyva.getFormKey();
form_key.name="form_key";
form.appendChild(form_key);
document.body.appendChild(form);
form.submit();
}
hyva.getFormKey = function () {
let formKey = hyva.getCookie('form_key');
if (!formKey) {
formKey = generateRandomString();
hyva.setCookie('form_key', formKey);
}
return formKey;
}
hyva.formatPrice = (value, showSign, options = {}) => {
const formatter = new Intl.NumberFormat(
'fr\u002DFR',
Object.assign({
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? 'always' : 'auto'
}, options)
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '\u20AC' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
const formatStr = function (str, nStart) {
const args = Array.from(arguments).slice(2);
return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
const idx = parseInt(n) - nStart;
if (args[idx] === null || args[idx] === void 0) {
return m;
}
return p.length % 2
? p.slice(0, -1).replace('%%', '%') + args[idx]
: p.replace('%%', '%') + n;
})
}
hyva.str = function (string) {
const args = Array.from(arguments);
args.splice(1, 0, 1);
return formatStr.apply(undefined, args);
}
hyva.strf = function () {
const args = Array.from(arguments);
args.splice(1, 0, 0);
return formatStr.apply(undefined, args);
}
/**
* Take a html string as `content` parameter and
* extract an element from the DOM to replace in
* the current page under the same selector,
* defined by `targetSelector`
*/
hyva.replaceDomElement = (targetSelector, content) => {
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
if (!contentNode) {
return;
}
hyva.activateScripts(contentNode)
document.querySelector(targetSelector).replaceWith(contentNode);
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
hyva.activateScripts = (contentNode) => {
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
scripts[i].parentNode.removeChild(scripts[i]);
}
}
return contentNode;
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
let currentTrap;
const focusableElements = (rootElement) => {
const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
return Array.from(rootElement.querySelectorAll(selector))
.filter(el => {
return el.style.display !== 'none'
&& !el.disabled
&& el.tabIndex !== -1
&& (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
})
}
const focusTrap = (e) => {
const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
if (!isTabPressed) return;
const focusable = focusableElements(currentTrap)
const firstFocusableElement = focusable[0]
const lastFocusableElement = focusable[focusable.length - 1]
e.shiftKey
? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
: document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
};
hyva.releaseFocus = (rootElement) => {
if (currentTrap && (!rootElement || rootElement === currentTrap)) {
currentTrap.removeEventListener('keydown', focusTrap)
currentTrap = null
}
}
hyva.trapFocus = (rootElement) => {
if (!rootElement) return;
hyva.releaseFocus()
currentTrap = rootElement
rootElement.addEventListener('keydown', focusTrap)
const firstElement = focusableElements(rootElement)[0]
firstElement && firstElement.focus()
}
hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));</script> <script>
if (!window.IntersectionObserver) {
window.IntersectionObserver = function (callback) {
this.observe = el => el && callback(this.takeRecords());
this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
this.disconnect = () => {};
this.unobserve = () => {};
}
}</script> <meta property="og:type" content="product" /><meta property="og:title" content="Tasse à café personnalisée avec monogramme" /><meta property="og:image" content="https://www.cadeauxfolies.fr/media/catalog/product/cache/f47a9295ad87af8e3a00c829c5ecfb0b/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg" /><meta property="og:description" content="Pour savourer son café dans sa propre tasse." /><meta property="og:url" content="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" /> <meta property="product:price:amount" content="14.99"/> <meta property="product:price:currency" content="EUR"/> <script>
window.cvg||(cvg=function(){cvg.process?cvg.process.apply(cvg,arguments):cvg.queue.push(arguments)},cvg.queue=[]);
window.cvg({
method: "track",
eventName: "Viewed Product",
properties: {"product_id":"77737","name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme","sku":"ESMOXT","price":0,"currency":"EUR"} });</script><link rel="canonical" href="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme"><meta property="product:price:amount" content="14.99"/><meta property="product:price:currency" content="EUR"/> <script>
function productInfoLoad() {
if (typeof dataLayer !== 'undefined') {
dataLayer.push({ ecommerce: null });
dataLayer.push( {"event":"ProductView","ecommerce":{"currencyCode":"EUR","detail":{"products":[{"name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme","id":"77737","price":0,"category":"","status":"in stock","item_category":"Exklusiv - Tassen\/Gl\u00e4ser"}]},"items":[{"item_name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme","item_id":"ESMOXT","price":0,"status":"in stock","item_category":"Exklusiv - Tassen\/Gl\u00e4ser"}]}} );
document.removeEventListener('mousemove', productInfoLoad, false);
document.removeEventListener('touchstart', productInfoLoad, false);
}
}
document.addEventListener('mousemove', productInfoLoad, false);
document.addEventListener('touchstart', productInfoLoad, false);</script> <script>
window.addEventListener('DOMContentLoaded', () => {
if (window._amSwiperLoaded) {
return;
}
const script = document.createElement('script');
script.src = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js';
script.async = true;
document.body.appendChild(script);
window._amSwiperLoaded = true;
script.onload = () => {
window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
}
const styles = document.createElement('link');
styles.rel = 'stylesheet';
styles.href = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Amasty_ShopByBrandHyvaCompatibility/css/swiper.min.css';
document.head.appendChild(styles);
});</script><link rel="alternate" href="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="fr-FR" /><link rel="alternate" href="https://www.radbag.de/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="de-DE" /><link rel="alternate" href="https://www.radbag.ch/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="de-CH" /><link rel="alternate" href="https://www.cadeauxfolies.ch/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="fr-CH" /><link rel="alternate" href="https://www.troppotogo.it/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="it-IT" /><link rel="alternate" href="https://www.radbag.nl/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="nl-NL" /><link rel="alternate" href="https://www.radbag.at/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="de-AT" /><link rel="alternate" href="https://www.radbag.be/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="nl-BE" /><link rel="alternate" href="https://www.cadeauxfolies.be/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="fr-BE" /><link rel="alternate" href="https://www.radbag.dk/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="da-DK" /><link rel="alternate" href="https://firebox.es/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="es-ES" /><link rel="alternate" href="https://firebox.com/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="en-GB" /><link rel="alternate" href="https://firebox.com/intl/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="en-US" /><link rel="alternate" href="https://firebox.eu/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="en" /><link rel="alternate" href="https://firebox.com/intl/tasse-a-cafe-personnalisee-avec-monogramme" hreflang="x-default" /> <!-- OG tags --><meta property="og:type" content="product" /><meta property="og:title" content="Tasse à café personnalisée avec monogramme" /><meta property="og:description" content="Pour savourer son café dans sa propre tasse." /><meta property="og:image" content="https://www.cadeauxfolies.fr/media/catalog/product/cache/f47a9295ad87af8e3a00c829c5ecfb0b/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg" /><meta property="og:url" content="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" /> <meta property="product:price:amount" content="14.99"/><meta property="product:price:currency" content="EUR"/></head><body id="html-body" itemtype="http://schema.org/Product" itemscope="itemscope" class="page-product-bundle catalog-product-view product-tasse-a-cafe-personnalisee-avec-monogramme storeid-3 page-layout-1column"> <script nonce='Zm1zdnR1bjNyMzRjbnlibjBta3Z5OWdsMXZ4MWJmNGo=' >
'use strict';
(function (blackbird) {
const addEventListenerOnElementToLoad = (elementToLoad, source) => new Promise((resolve, reject) => {
elementToLoad.addEventListener('load', () => {
elementToLoad.dataset.loaded = true;
resolve(elementToLoad);
})
elementToLoad.addEventListener('error', () => {
reject(new Error(`[External resource loader] : The resource "${source}", failed to load.`));
});
});
blackbird.loadExternalScript = async (source) => {
const scriptWithSameSrc = document.querySelector(`script[src="${source}"][data-loaded]`);
if (scriptWithSameSrc && scriptWithSameSrc.dataset.loaded === 'true') {
return scriptWithSameSrc;
}
const script = scriptWithSameSrc ?? document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = source;
script.dataset.loaded = false;
document.head.appendChild(script);
await addEventListenerOnElementToLoad(script, source);
return script;
}
blackbird.loadExternalStyle = async (source) => {
const linkWithSameHref = document.querySelector(`link[href="${source}"][data-loaded]`);
if (linkWithSameHref && linkWithSameHref.dataset.loaded === 'true') {
return linkWithSameHref;
}
const link = linkWithSameHref ?? document.createElement('link');
link.type = 'text/css'
link.rel = 'stylesheet';
link.href = source;
link.dataset.loaded = false;
document.head.prepend(link);
await addEventListenerOnElementToLoad(link, source);
return link;
}
blackbird.loadExternalResource = (source) => {
const scriptUrlRegex = /\.(js)$/i;
const styleUrlRegex = /\.(css)$/i;
if (scriptUrlRegex.test(source)) {
return blackbird.loadExternalScript(source);
}
if (styleUrlRegex.test(source)) {
return blackbird.loadExternalStyle(source);
}
}
}(window.blackbird = window.blackbird || {}));</script> <!-- GTM --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTTBZD2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/x-magento-init">
{
"*": {
"Wallee_Payment/js/wallee-device": {
"scriptUrl" : "https://app-wallee.com/s/65938/payment/device.js?sessionIdentifier=",
"identifierUrl" : "https://www.cadeauxfolies.fr/wallee_payment/checkout/deviceSession/"
}
}
}</script><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <noscript><section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"><div class="container text-center"><p><strong>Javascript est désactivé dans votre navigateur.</strong> <span> For the best experience on our site, be sure to turn on Javascript in your browser.</span></p></div></section></noscript> <script>
document.body.addEventListener('touchstart', () => {}, {passive: true})</script> <div class="page-wrapper"><p> <div id="comm-bar" class="w-full relative z-auto md:z-999 no-iframe font-poppins" style="z-index: 99999;"> <div class="commbar-loading w-full h-full absolute top-0 animate-pulse" style="animation-delay:0.2s"></div><div x-data="initCommbar()" x-init="checkCommBar()" class="flex commbar-wrapper min-h-40px opacity-0 text-sm py-1 px-0 md:px-12 items-center relative text-center justify-center" style="background-color:#3f5644;color:#fff5eb;font-weight:normal;" :class="{'flex': showBanner, 'hidden': !showBanner}"><div class=""> <a class="" href="" style="color:#fff5eb !important"><strong>15 % de réduction sur TOUT</strong> - inscrivez-vous simplement à la newsletter et commencez à économiser ! </a> </div></div> </div><script>
'use strict';
const initCommbar = () => {
setTimeout(() => {
if(document.querySelector("#comm-bar .com-text-banner") != null) {
document.querySelector("#comm-bar .com-text-banner").classList.remove("invisible");
}
document.querySelector(".commbar-loading").classList.add("hidden");
document.querySelector(".commbar-wrapper").classList.remove("opacity-0");
},500)
return {
isOpen: false,
cookieName: 'comm_hidden',
showBanner: false,
checkCommBar() {
var cookieNameBanner = this.cookieName;
if (sessionStorage[cookieNameBanner] == '1') {
this.showBanner = false;
} else {
this.showBanner = true;
}
},
setCookieComm() {
var cookieNameBanner = this.cookieName;
sessionStorage[cookieNameBanner] = '1';
this.showBanner = false;
}
}
}</script><style> #comm-bar{font-family: 'Poppins', sans-serif;font-size: .875rem;line-height: 1.25rem;} .com-text-banne{.padding-left: 10px;padding-right: 40px;}</style></p><header class="page-header"> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="#contentarea"><span> Skip to Content</span></a> <script defer>
var loaded = 0;
document.addEventListener('scroll', function (event) {
if(!loaded) {
var script = document.createElement("script");
script.src = "https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=J5UP3J";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
loaded = 1;
}
}, true );</script><script type="text/x-magento-init">
{
"*": {
"KlaviyoCustomerData": {}
}
}</script> <script defer>
function initHeader () {
var fragment = document.createDocumentFragment();
return {
searchOpen: false,
cart: {},
visibleSearch: false,
getData(data) {
if(!this.visibleSearch) {
this.visibleSearch = true;
document.getElementById('menu-search-icon').click();
}
document.querySelector(".algolia-search-input").classList.remove("hidden");
document.querySelector(".algolia-search-input-loading").classList.add("hidden");
setTimeout(() => {
document.getElementById('autocomplete-0-input').onkeydown = function(){
document.getElementById('recommended-wrapper').style.opacity = "0";
document.getElementById('recommended-wrapper').style.height = "0";
}
var specifiedElement = document.getElementById('autocomplete-0-input');
document.addEventListener('click', function(event) {
var isClickInside = specifiedElement.contains(event.target);
if (isClickInside && specifiedElement.value == '') {
document.getElementById('recommended-wrapper').style.opacity = "1";
document.getElementById('recommended-wrapper').style.height = "400px";
}
else {
document.getElementById('recommended-wrapper').style.opacity = "0";
document.getElementById('recommended-wrapper').style.height = "0";
}
});
},500);
if (data.cart) { this.cart = data.cart }
},
menu: initHeaderNavigation(),
isMobile: false,
mobileAlgolia: 0,
desktopAlgolia: 0,
algoliaContainer: '',
checkIsMobileResolution() {
if(window.matchMedia('(max-width: 767px)').matches) {
this.isMobile = true;
this.mobileAlgolia = this.mobileAlgolia+1;
this.desktopAlgolia = 0;
} else {
this.isMobile = false;
this.mobileAlgolia = 0;
this.desktopAlgolia = this.desktopAlgolia+1;
}
},
algoliaChangePosition() {
if(this.mobileAlgolia == 1) {
this.isChanged = false;
document.getElementById('algolia-autocomplete-container-mobile').appendChild(this.algoliaContainer);
} else if(this.desktopAlgolia == 1) {
document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer);
}
},
}
}
var link2 = document.createElement('link');
var link5 = document.createElement('link');
link2.setAttribute('rel', 'stylesheet');
link5.setAttribute('rel', 'stylesheet');
link2.setAttribute('type', 'text/css');
link5.setAttribute('type', 'text/css');
link2.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
link5.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500;700&display=swapp');
document.head.appendChild(link2);
document.head.appendChild(link5);</script><nav id="header" class="" x-data="initHeader()" x-init="checkIsMobileResolution()" @resize.window.debounce="checkIsMobileResolution()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)" ><div class="bg-white relative header-wrapper"><div class="h-82px 2xl:h-24 lg:h-88px lg:border-b border-borderImg"><div class="h-82px 2xl:h-24 lg:h-88px max-w-1920px mx-auto flex justify-between px-4 md:px-72px xl:px-120px items-center"><!--Logo--><div class="flex-1 flex items-center header-logo"> <div class="header-logo"><a class="" href="https://www.cadeauxfolies.fr/" title="cadeau original" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.cadeauxfolies.fr/media/logo/stores/3/cadeauxfolies_logo_2023.png" title="cadeau original" alt="cadeau original" width="189" height="64" /></a></div></div><div class="flex flex-1 gap-4"><!--Search--><button id="menu-search-icon" class="rounded p-1 hover:bg-primary/10 outline-offset-2 hidden" @click.prevent=" searchOpen = !searchOpen; $dispatch('search-open'); " aria-label="Toggle search form" aria-haspopup="true" :aria-expanded="searchOpen" x-ref="searchButton" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="md:h-6 md:w-6" width="28" height="28" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <div class="order-2 lg:order-1 md:flex search-header-block bg-white flex-initial lg:flex-1 h-60px md:w-48 lg:w-full items-center 2lg:h-20 shadow-none 2lg:w-72 2lg:p-0 z-9999 md:z-70 lg:z-995 search-autocomplete" x-show="true"><span id="menu-search-icon" class="hidden"></span> <div class="w-full flex justify-start py-2" id="search-content" x-cloak x-show="true" @keydown.escape=" $refs.searchButton.focus(); " > <div class="algolia-search-input-loading aa-Input relative border border-borderImg 2xl:h-12 h-10 rounded-full overflow-hidden search-input-block w-full md:w-280px pl-46px input-text transition appearance-none focus:outline-none focus:ring-0 focus:text-primary pl-42px pr-2 py-2 text-sm font-medium text-grayColor focus:border-borderImg" style="animation-delay:0.2s"><div class="aa-InputWrapperPrefix absolute top-7px md:top-11px flex" style="left:-1px;"><label class="aa-Label m-0 leading-none" for="autocomplete-0-input" id="autocomplete-0-label"><button class="aa-SubmitButton leading-none" type="submit" title="Submit"></button></label> <span class="pl-11px pt-0.5 text-sm leading-5" style="color:#6b7280">Que cherchez-vous ?</span></div></div><div class="algolia-search-block"><div id="algoliaAutocomplete" class="block block-search algolia-search-input mx-auto w-full md:w-5/6 xl:w-9/12 2xl:w-1/2 algolia-search-block hidden" ></div></div><div id="panelContainer" class="" x-data="initAutocompleteInsight"></div><script>
'use strict';
function initAutocompleteInsight() {
return {
bindClickEvent(element, eventName, objectID, indexName, position, queryId) {
element.querySelector('.algoliasearch-autocomplete-hit')?.addEventListener("click", function () {
buildInsightsEventData(eventName, objectID, indexName, position, queryId);
});
}
}
}</script><style> #panelContainer .aa-Panel{ top: 68px !important; position: absolute; z-index: 99999; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-top: 0.25rem; padding-top: 0.5rem; background-color: white; width: 100%; border-radius: 0.5rem; display: block; } .aa-PanelLayout mark,.highlight mark,.search-item mark { background-color: #D0D5F6; } @media all and (max-width: 768px) { #panelContainer .aa-Panel{top: 36px !important;} .menu-open #panelContainer .aa-Panel{width: 100% !important;left: 20px !important;} }</style></div> <div id="recommended-wrapper" class="recommended-wrapper"><div class="most_searches ml-2 md:ml-5"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="border-b font-bold text-xs">Les plus recherchés</p><div class="flex gap-2 mt-4 mb-2 overflow-y-hidden overflow-x-auto whitespace-nowrap disable-scrollbar"> <a href="/catalogsearch/result/?q=paillasson" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">paillasson</a> <a href="/catalogsearch/result/?q=tablier" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">tablier</a> <a href="/catalogsearch/result/?q=serviette" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">serviette</a> <a href="/catalogsearch/result/?q=chaussettes" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">chaussettes</a> <a href="/catalogsearch/result/?q=anniversaire" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">anniversaire</a> <a href="/catalogsearch/result/?q=calecon" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">calecon</a> <a href="/catalogsearch/result/?q=porte%20cle" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">porte cle</a> <a href="/catalogsearch/result/?q=mug" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">mug</a> <a href="/catalogsearch/result/?q=verre" class="flex gap-2 cursor-pointer font-semibold border rounded-full px-3 py-1 md:border-categories text-categoriesSearch text-xs capitalize">verre</a> </div></div><div class="favorite_products mt-4"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="ml-2 md:ml-5 border-b font-bold text-xs">Produits préférés</p><div class="favorite_products_wrapper"> <a href="https://www.cadeauxfolies.fr/lot-de-6-tatouages-personnalises-avec-visage-et-texte"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.de/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/t/t/ttgtxt_fr_main_1000x1000px.jpg" alt="Lot de 6 tatouages personnalisés avec visage et texte"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personnalisable</span></div> <h3>Lot de 6 tatouages personnalisés avec visage et texte</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="90%" stop-color="#FFC303"/><stop offset="90%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">plus de 23.100</span> exemplaires vendus</div><div class="text-sm"> 16,99 € </div></div></a> <a href="https://www.cadeauxfolies.fr/peignoir-personnalise-avec-picto-et-texte"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.de/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/b/a/bademantel_zwei_zeilen_symbol_1200x1200px_rosa_1.jpg" alt="Peignoir personnalisé avec picto et texte"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personnalisable</span></div> <h3>Peignoir personnalisé avec picto et texte</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">plus de 1.200</span> exemplaires vendus</div><div class="text-sm"> 34,99 € </div></div></a> <a href="https://www.cadeauxfolies.fr/chaussettes-personnalisees-special-mariage-avec-2-visages"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.de/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/h/o/hochzeit_faceupload_1200x1200px_v1_2.jpg" alt="Chaussettes personnalisées Spécial Mariage avec 2 visages"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personnalisable</span></div> <h3>Chaussettes personnalisées Spécial Mariage avec 2 visages</h3> <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">plus de 1.900</span> exemplaires vendus</div><div class="text-sm"> 19,99 € </div></div></a> <a href="https://www.cadeauxfolies.fr/geburtstagsgeschenke/peignoir-princesse-personnalisable"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.de/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/f/r/fr_badixt_muttertag.jpg" alt="Peignoir personnalisé princesse"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personnalisable</span></div> <h3>Peignoir personnalisé princesse</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="80%" stop-color="#FFC303"/><stop offset="80%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">plus de 21.500</span> exemplaires vendus</div><div class="text-sm"> 34,99 € </div></div></a> <a href="https://www.cadeauxfolies.fr/verre-aperol-spritz-personnalise-avec-prenom"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.de/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/a/p/aperolglas_weihnachten_1200x1200px_fr_v3.jpg" alt="Verre Aperol Spritz personnalisé avec prénom"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personnalisable</span></div> <h3>Verre Aperol Spritz personnalisé avec prénom</h3> <div class="rating-summary flex justify-start gap-1" > <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewbox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><lineargradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="70%" stop-color="#FFC303"/><stop offset="70%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></lineargradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg> </div> <div class="lifetime"><span class="text-blackfont font-semibold">plus de 26.500</span> exemplaires vendus</div><div class="text-sm"> 14,99 € </div></div></a> </div></div></div><style> .recommended-wrapper {opacity: 0;height:0;transition: 0.5s;background: white;width: 100%;max-width: 380px;top: 95px;position: absolute;z-index: 1000;border-top: 1px solid #E4E4E4;overflow-y: scroll;font-family: Lexend Deca;padding-top: 15px;overflow-x: hidden;box-shadow: 0 3px 4px -1px #ccc; scrollbar-color: #b2b2b2 white;scrollbar-width: thin;} .recommended-wrapper .favorite_products_wrapper {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;margin-top: 5px;margin-bottom: 20px;} .recommended-wrapper .favorite_products_wrapper a {display: flex;flex-direction: row;position: relative;margin-top: 10px;margin-bottom: 10px;} .favorite_products_text{margin-left:10px; height: auto;} .favorite_products_text h3{font-size: 14px;margin: 0px;width: 220px;line-height: 16px;font-weight: 450;} .favorite-image{width: 100px;height: 100px;border-radius: 12px;} .lifetime{font-size: 11px;width:78px;line-height: 12px;position: absolute;right: 0;bottom: 0;} @media only screen and (max-width: 768px) { .recommended-wrapper{left: 0;top: 55px;} .favorite-image img,.favorite-image{width: 80px;height: 80px;} .favorite_products_text{height:auto} }</style></div><div class="flex items-center lg:hidden"><div class="flex lg:hidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#newmenu" /></svg></div><!-- Account Icon --><span class="w-30px h-30px md:w-6 md:h-6 order-1 lg:order-2 block md:hidden ml-3"><a class="w-full" href="https://www.cadeauxfolies.fr/customer/account/"><img width="40" height="40" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/userIcon.png" alt="account" /></a></span></div></div><div class="flex items-center justify-end order-3 mr-0 flex-1 gap-2"><!-- Account Icon --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px hidden md:block" @mouseover="$dispatch('toggle-account-menu',{});" @mouseleave="$dispatch('toggle-account-menu-close',{});"><a class="w-full" href="https://www.cadeauxfolies.fr/customer/account/"><img width="40" height="40" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/userIcon.png" alt="account" /></a> <!--account menu--> <section id="account-menu" x-data="initAccountMenu()" @toggle-account-menu.window="fetchcustomerdata()" @toggle-account-menu-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-264px md:pt-8 lg:pt-53px top-0 hidden" :class="{'hidden': !open}" ><div class="relative shadow-useas rounded-lg" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-2 rounded-lg"><div id="login-menu" class="hidden"><div class="bg-activePageLight rounded-lg p-2 flex justify-between items-center gap-2"><div><span id="customer_name" class="block font-semibold text-sm text-blackfont"></span> <span id="customer_email" class="block mt-0.5 text-labeltext text-xs"></span></div><a href="https://www.cadeauxfolies.fr/customer/account/"><svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 11H10.25" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 1.75L2.5 8.75" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.365 1.75L9.5 1.75V6.885" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><div class="h-9 items-center justify-between px-2 hidden"><a class="text-blackfont text-sm" href="https://www.cadeauxfolies.fr/sales/order/history/">Mes commandes</a> <span class="bg-menured w-4 h-4 flex justify-center items-center text-white text-10px font-medium rounded-full"></span></div><div class="h-9 flex items-center justify-between px-2"><a href="https://www.cadeauxfolies.fr/customer/account/logout/" class="text-menured text-sm">Se déconnecter</a></div></div><div id="outlogin-menu" class="hidden"><div class="text-sm"><span class="block font-bold text-blackfont">Identifiant client</span> <span class="font-semibold text-labeltext hidden">Sign up and get <span class="font-bold text-blackfont">10% off</span> coupons</span></div><div class="flex flex-col gap-2 mt-2"><a href="https://www.cadeauxfolies.fr/customer/account/create/" class="shadow-signupbutton h-10 flex justify-center items-center w-full rounded-lg text-white text-xs font-semibold bg-activePage">Créer un compte</a> <a href="https://www.cadeauxfolies.fr/customer/account/login/" class="h-10 flex justify-center items-center w-full rounded-lg text-blackfont text-xs font-semibold bg-grayStars">Mon compte</a></div></div></div></div></div></section><script>
function initAccountMenu() {
return {
open: false,
customerInfo: false,
fetchcustomerdata() {
this.open = true;
if(!this.customerInfo) {
fetch(
window.BASE_URL+"mhdirekt_mhdutility/customer_account/customerData",
{
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
}
)
.then(response => response.json())
.then(result => {
if(result.logged){
document.querySelector("#login-menu").classList.remove('hidden');
document.querySelector("#login-menu").classList.add('block');
this.customerInfo=true;
if(result.name) {
document.querySelector("#customer_name").innerText = result.name;
document.querySelector("#customer_email").innerText = result.email;
}
} else {
document.querySelector("#outlogin-menu").classList.remove('hidden');
document.querySelector("#outlogin-menu").classList.add('block');
}
});
}
},
}
}</script></span> <!-- Wishlist Icon --><a class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px relative" href="https://www.cadeauxfolies.fr/mywishlist/"><img width="40" height="40" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/heartIcon.png" alt="wishlist" /><span id="wishlist-header-count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white flex justify-center items-center text-8px lg:text-10px">0</span></a> <!--Cart Icon--><!-- <span @click.prevent.stop="$dispatch('toggle-cart',{});" id="menu-cart-show-mini" class="hidden"></span> --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" @mouseover="$dispatch('toggle-cart-new',{});" @mouseleave="$dispatch('toggle-cart-new-close',{});"><a id="menu-cart-icon" class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" href="https://www.cadeauxfolies.fr/checkout/cart/index/" ><span x-text="cart.summary_count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white hidden justify-center items-center text-8px lg:text-10px z-10" :class="{ 'hidden': !cart.summary_count, 'flex': cart.summary_count }" ></span> <img width="40" height="40" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/cartIcon.png" alt="cart" /></a> <!--Cart Drawer--> <script>
function initCartDrawerNew() {
return {
open: false,
isLoading: false,
cart: {},
maxItemsToDisplay: 10,
itemsCount: 0,
totalCartAmount: 0,
getData(data) {
if (data.cart) {
this.cart = data.cart;
this.itemsCount = data.cart.items && data.cart.items.length || 0;
this.totalCartAmount = this.cart.summary_count;
this.setCartItems();
}
this.isLoading = false;
},
cartItems: [],
getItemCountTitle() {
return hyva.strf('(%0 of %1)', this.maxItemsToDisplay, this.itemsCount)
},
setCartItems() {
this.cartItems =Array.isArray(this.cart?.items) ? this.cart.items.sort((a, b) => a.item_id - b.item_id) : [];
if (this.maxItemsToDisplay > 0) {
this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
}
},
getPriceItems(item) {
return window.hyva.formatPrice(item.product_price_value * item.qty);
},
deleteItemFromCart(itemId) {
this.isLoading = true;
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&item_id=" + itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(response => {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
window.dispatchMessages && window.dispatchMessages([{
type: 'warning',
text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
}]);
this.isLoading = false;
}
}).then(result => {
window.dispatchMessages && window.dispatchMessages([{
type: result.success ? 'success' : 'error',
text: result.success
? 'Vous\u0020avez\u0020supprim\u00E9\u0020l\u2019article'
: result.error_message
}], result.success ? 5000 : 0)
window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
});
}
}
}</script><section id="cart-drawer-new" x-data="initCartDrawerNew()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart-new.window="open=true" @toggle-cart-new-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-440px shadow-useas rounded-lg md:top-8 lg:top-53px"><div class="relative" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-4 rounded-lg"> <header class="flex justify-between items-center pb-2.5 border-b border-borderImg"><h2 id="cart-drawer-title" class="text-black text-lg font-semibold">Mon Panier</h2><div class="text-labeltext text-xs">Total produits: <span class="items-total" x-text="totalCartAmount"></span></div></header><div class="relative overflow-y-auto bg-white flex flex-col gap-3 pt-4"><template x-for="item in cartItems"><div class="flex"><div class="w-full flex justify-between items-center gap-2"><div class="flex items-center gap-2"><a :href="item.product_url" class="w-16 rounded-lg overflow-hidden"><img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" /></a> <div class="flex flex-col flex-1 gap-0.5"><span class="text-blackfont text-sm font-semibold" x-html="item.product_name"></span> <span class="text-labeltext text-xs">Quantité : <span x-html="item.qty"></span></span></div></div><div class="text-blackfont text-base font-bold flex gap-2 items-center"><span class="flex-1" x-html="getPriceItems(item)"></span> <span class="h-2 w-px bg-grayStars"></span> <button class="w-6 h-6 rounded-5px flex justify-center items-center minicart-delete-btn" @click="deleteItemFromCart(item.item_id)" ><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.98665C11.78 3.76665 9.54667 3.65332 7.32 3.65332C6 3.65332 4.68 3.71999 3.36 3.85332L2 3.98665" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.66699 3.31301L5.81366 2.43967C5.92033 1.80634 6.00033 1.33301 7.12699 1.33301H8.87366C10.0003 1.33301 10.087 1.83301 10.187 2.44634L10.3337 3.31301" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5669 6.09375L12.1336 12.8071C12.0603 13.8537 12.0003 14.6671 10.1403 14.6671H5.86026C4.00026 14.6671 3.94026 13.8537 3.86693 12.8071L3.43359 6.09375" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.88672 11H9.10672" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.33301 8.33301H9.66634" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div></div></div></template></div><div class="relative mt-4 pt-4 border-t border-borderImg"><a href="https://www.cadeauxfolies.fr/checkout/cart/" class="underline text-activeInputText text-sm font-medium">Voir le panier (<span class="items-total" x-text="totalCartAmount"></span>)</a></div></div></div> <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-1" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --><svg width="57" height="57" viewbox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" class="stroke-current text-primary"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle cx="5" cy="50" r="5"><animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"/></circle><circle cx="27" cy="5" r="5"><animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"/></circle><circle cx="49" cy="50" r="5"><animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"/></circle></g></g></svg><div class="ml-10 text-primary text-xl">En cours de chargement...</div></div></div></template></section></span></div></div></div><!--Main Navigation--><div class="max-w-1920px mx-auto relative"> <div class="h-auto 2xl:h-16 lg:h-60px flex items-center justify-center lg:px-5 xl:px-20"><!-- mobile --><div x-ref="nav-mobile" @load.window="menu.setActiveMenu($refs['nav-mobile'])" class="z-99999 bg-opacityLayer 2lg:hidden w-full min-h-screen fixed top-0 close-menu-mobile" :class="{'open-menu-mobile' : menu.open}" @toggle-mobile-menu.window="menu.open = !menu.open;document.querySelector('body').classList.add('menu-open');menu.algoliaChangePosition()" @keydown.window.escape="menu.open=false;document.querySelector('body').classList.remove('menu-open');" ><div class="mobile-nav-menu bg-container-lighter overflow-x-hidden overflow-y-scroll min-h-screen w-full shadow-mobileMenu h-screen" @click.away="menu.open=false;document.querySelector('body').classList.remove('menu-open');"><div class="flex items-baseline justify-between menu-icon relative" :class="{ 'block': menu.open, 'flex': !menu.open}"><div class="flex w-full" :class="{ 'h-60px': menu.open,'absolute top-7 left-4': !menu.open}"><a @click="$dispatch('toggle-mobile-menu'); menu.open == true ? document.querySelector('body').classList.add('menu-open') : document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="flex items-center justify-center cursor-pointer relative z-10 mobile-menu-icon" :class="{ 'ml-0': menu.open }"><span class="hidden w-45px h-45px fill-current ml-5px" :class="{ 'hidden' : !menu.open, 'block': menu.open }"><svg class="w-45px h-45px"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965004/frontend/Radbag/hyva/fr_FR/images/sprite.svg#newcross" /></svg></span></a> <span class="hidden items-center ml-1" :class="{ 'hidden' : !menu.open, 'flex': menu.open }"> <div class="header-logo"><a class="" href="https://www.cadeauxfolies.fr/" title="cadeau original" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.cadeauxfolies.fr/media/logo/stores/3/cadeauxfolies_logo_2023.png" title="cadeau original" alt="cadeau original" width="200" height="150" /></a></div></span></div><div id="search-block-menu" class="hidden pl-5 pr-6 pt-2.5 search-content" :class="{ 'hidden' : !menu.open, 'block h-60px': menu.open }"><div class="" id="algolia-autocomplete-container-mobile-menu"></div></div></div><nav class="hidden w-full duration-150 ease-in-out transform transition-display mt-2.5 text-sm leading-21px pb-100px font-poppins px-5" :class="{ 'hidden' : !menu.open }" >
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.cadeauxfolies.fr/cadeaux-de-noel" title="Noël"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/22/icons/e/m/emojis_1_.jpg" alt="" />Noël</a>
</span>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4231' ? 0 : 'category-node-4231'"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/a/u/augen_drei.png" alt="" />Pour qui ?</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4231', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4231' }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Pour qui ?</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeau" title="Pour qui ?" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">Tout afficher</span>
</a>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4232' ? 0 : 'category-node-4232'" title="Hommes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Hommes
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4232', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4232', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Hommes</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-hommes" title="Hommes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-papa" title="Papa" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Papa
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-copain" title="Copain" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Copain
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-frere" title="Frère" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Frère
</span>
</a>
</div>
</div>
</div>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4236' ? 0 : 'category-node-4236'" title="Femmes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Femmes
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4236', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4236', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Femmes</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-femmes" title="Femmes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-maman" title="Maman" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Maman
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-copine" title="Copine" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Copine
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-soeur" title="Soeur" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Soeur
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-mamie" title="Mamie" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Mamie
</span>
</a>
</div>
</div>
</div>
<a href="https://www.cadeauxfolies.fr/idee-cadeau-parents" title="Parents" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Parents
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-enfants" title="Enfants" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Enfants
</span>
</a>
</div>
</div>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4244' ? 0 : 'category-node-4244'"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/a/n/anlass.png" alt="" />Quelle occasion ?</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4244', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4244' }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Quelle occasion ?</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/idee-cadeau" title="Quelle occasion ?" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">Tout afficher</span>
</a>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4245' ? 0 : 'category-node-4245'" title="Anniversaire" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Anniversaire
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4245', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4245', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Anniversaire</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeau-d-anniversaire" title="Anniversaire" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-18-ans" title="18 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
18 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-20-ans" title="20 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
20 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-30-ans" title="30 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
30 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-40-ans" title="40 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
40 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-50-ans" title="50 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
50 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-60-ans" title="60 ans" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
60 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-homme" title="Hommes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Hommes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-femme" title="Femmes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Femmes
</span>
</a>
</div>
</div>
</div>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-mariage" title="Mariage" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Mariage
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-bebe" title="Bébé" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Bébé
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-cremaillere" title="Crémaillère" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Crémaillère
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-d-adieu" title="Adieu" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Adieu
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-rentree-scolaire" title="Rentrée Scolaire" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Rentrée Scolaire
</span>
</a>
<a href="https://www.cadeauxfolies.fr/enterrement-de-vie-de-garcon-et-fille" title="EVJF et EVG" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
EVJF et EVG
</span>
</a>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4263' ? 0 : 'category-node-4263'" title="Noël" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Noël
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4263', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4263', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Noël</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel" title="Noël" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-hommes" title="Hommes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Hommes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-femmes" title="Femmes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Femmes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-parents" title="Parents" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Parents
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-enfants" title="Enfants" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Enfants
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-personnalises" title="Personnalisés" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Personnalisés
</span>
</a>
<a href="https://www.cadeauxfolies.fr/idees-cadeaux-pour-mettre-dans-le-calendrier-de-l-avent" title="Remplir le calendrier de l'Avent" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Remplir le calendrier de l'Avent
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-secret-santa" title="Secret Santa" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Secret Santa
</span>
</a>
<a href="https://www.cadeauxfolies.fr/decoration-de-noel" title="Décoration" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Décoration
</span>
</a>
</div>
</div>
</div>
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-fete-des-meres" title="Fête des Mères" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Fête des Mères
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-fete-des-peres" title="Fête des Pères" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Fête des Pères
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-paques" title="Pâques" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Pâques
</span>
</a>
</div>
</div>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4277' ? 0 : 'category-node-4277'"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/s/t/stern.png" alt="" />Personnalisé</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4277', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4277' }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Personnalisé</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeaux-personnalises" title="Personnalisé" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">Tout afficher</span>
</a>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4278' ? 0 : 'category-node-4278'" title="Décoration" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Décoration
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4278', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4278', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Décoration</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/decoration-personnalise" title="Décoration" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/lampes-personnalisees" title="Lampes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Lampes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/poster-personnalise" title="Posters" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Posters
</span>
</a>
<a href="https://www.cadeauxfolies.fr/porte-cles-exclusifs" title="Porte-clés" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Porte-clés
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-en-bois-personnalises" title="Tableau en bois" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Tableau en bois
</span>
</a>
<a href="https://www.cadeauxfolies.fr/coussins-personnalises" title="Coussin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Coussin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/paillassons-personnalises" title="Paillassons" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Paillassons
</span>
</a>
<a href="https://www.cadeauxfolies.fr/couvertures-personnalisees" title="Couvertures" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Couvertures
</span>
</a>
</div>
</div>
</div>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4287' ? 0 : 'category-node-4287'" title="Tasses et Verres" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Tasses et Verres
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4287', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4287', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Tasses et Verres</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/tasses-et-verres-personnalises" title="Tasses et Verres" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-vin-personnalise" title="Vin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Vin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-gin-personnalise" title="Gin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Gin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-biere-personnalise" title="Bière" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Bière
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-whisky-personnalise" title="Whisky" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Whisky
</span>
</a>
<a href="https://www.cadeauxfolies.fr/mug-personnalise" title="Mug" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Mug
</span>
</a>
</div>
</div>
</div>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4293' ? 0 : 'category-node-4293'" title="Vêtements" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Vêtements
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4293', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4293', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Vêtements</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/vetements-accessoires" title="Vêtements" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/peignoirs-pour-femmes" title="Peignoirs" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Peignoirs
</span>
</a>
<a href="https://www.cadeauxfolies.fr/chaussettes" title="Chaussettes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Chaussettes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/calecon-personnalise" title="Caleçons homme" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Caleçons homme
</span>
</a>
<a href="https://www.cadeauxfolies.fr/body-personnalise" title="Bodys bébé" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Bodys bébé
</span>
</a>
<a href="https://www.cadeauxfolies.fr/tabliers" title="Tabliers" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Tabliers
</span>
</a>
<a href="https://www.cadeauxfolies.fr/t-shirts" title="T-Shirts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
T-Shirts
</span>
</a>
<a href="https://www.cadeauxfolies.fr/pull" title="Pull" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Pull
</span>
</a>
<a href="https://www.cadeauxfolies.fr/t-shirts-personnalises-enfant" title="T-shirts Enfant" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
T-shirts Enfant
</span>
</a>
<a href="https://www.cadeauxfolies.fr/casquettes-pour-hommes" title="Casquettes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Casquettes
</span>
</a>
</div>
</div>
</div>
<a @click="menu.menuLevel = menu.menuLevel === 'category-node-4301' ? 0 : 'category-node-4301'" title="Sacs" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Sacs
</span>
</a>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4301', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4301', }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Sacs</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/sacs" title="Sacs" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/trousse-de-toilette" title="Trousse de toilette" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Trousse de toilette
</span>
</a>
<a href="https://www.cadeauxfolies.fr/sac-cabas" title="Sac cabas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Sac cabas
</span>
</a>
<a href="https://www.cadeauxfolies.fr/sac-a-dos-personnalise" title="Sacs à dos" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Sacs à dos
</span>
</a>
<a href="https://www.cadeauxfolies.fr/tote-bag" title="Tote Bag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="">
Tote Bag
</span>
</a>
</div>
</div>
</div>
<a href="https://www.cadeauxfolies.fr/balles-de-golf-personnalisees" title="Balles de golf" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Balles de golf
</span>
</a>
<a href="https://www.cadeauxfolies.fr/tatouage-personnalise" title="Tatouages" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Tatouages
</span>
</a>
<a href="https://www.cadeauxfolies.fr/puzzle-personnalise" title="Puzzles" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Puzzles
</span>
</a>
<a href="https://www.cadeauxfolies.fr/chocolat-personnalise" title="Chocolat" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Chocolat
</span>
</a>
<a href="https://www.cadeauxfolies.fr/desodorisant-voiture-personnalise" title="Désodorisant voiture" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Désodorisant voiture
</span>
</a>
<a href="https://www.cadeauxfolies.fr/papier-cadeau-personnalise" title="Papier cadeau" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Papier cadeau
</span>
</a>
<a href="https://www.cadeauxfolies.fr/serviette-personnalisee" title="Serviette" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Serviette
</span>
</a>
<a href="https://www.cadeauxfolies.fr/porte-cles-personnalise" title="Porte-clés" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Porte-clés
</span>
</a>
<a href="https://www.cadeauxfolies.fr/nouveautes-cadeaux-personnalises" title="Nouveautés" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Nouveautés
</span>
</a>
</div>
</div>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4320' ? 0 : 'category-node-4320'"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/g/e/geschenk.png" alt="" />Cadeau dernière minute</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4320', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4320' }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Cadeau dernière minute</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeau-derniere-minute" title="Cadeau dernière minute" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/fun-au-bureau" title="Bureau" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Bureau
</span>
</a>
<a href="https://www.cadeauxfolies.fr/deco-confort" title="Décoration" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Décoration
</span>
</a>
<a href="https://www.cadeauxfolies.fr/plaisirs-gustatifs" title="Plaisirs gustatifs" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Plaisirs gustatifs
</span>
</a>
<a href="https://www.cadeauxfolies.fr/jeux-farces" title="Jeux & Farces" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Jeux & Farces
</span>
</a>
<a href="https://www.cadeauxfolies.fr/gadgets-high-tech" title="Gadgets" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Gadgets
</span>
</a>
<a href="https://www.cadeauxfolies.fr/jeux-de-soiree" title="Soirée" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Soirée
</span>
</a>
<a href="https://www.cadeauxfolies.fr/boite-cadeau-personnalisee" title="Boîte cadeau" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Boîte cadeau
</span>
</a>
<a href="https://www.cadeauxfolies.fr/ballons" title="Ballons" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Ballons
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cartes" title="Cartes" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Cartes
</span>
</a>
</div>
</div>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4330' ? 0 : 'category-node-4330'"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/i/n/interesse.png" alt="" />Lifestyle</a>
</span>
<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4330', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4330' }">
<div class="pb-100px px-5">
<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></svg>
<span class="text-center font-semibold text-base leading-4">Lifestyle</span>
<span class="w-4 h-4 block"></span>
</a>
<div class="grid grid-cols-2 gap-2">
<a href="https://www.cadeauxfolies.fr/cadeau" title="Lifestyle" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">Tout afficher</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-aperol" title="Aperol" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Aperol
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-biere" title="Bière" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Bière
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-vin" title="Vin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Vin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-fans-d-animaux" title="Animaux" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Animaux
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-rigolos" title="Rigolo" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Rigolo
</span>
</a>
<a href="https://www.cadeauxfolies.fr/bain-et-bien-etre" title="Bain et bien-être" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Bain et bien-être
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cuisine-barbecue" title="Cuisine" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
<span class="text-center font-medium">
Cuisine
</span>
</a>
</div>
</div>
</div>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.cadeauxfolies.fr/nouveautes" title="Nouveautés"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/_/3/_3_.png" alt="" />Nouveautés</a>
</span>
</div>
<div class="level-0">
<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.cadeauxfolies.fr/top-produits" title="Meilleures ventes"><img width="24" height="24" src="https://upsidedown.radbag.de/media/menu/18/icons/_/4/_4_.png" alt="" />Meilleures ventes</a>
</span>
</div>
<div class="flex flex-col font-medium gap-4 text-base mt-12"><a href="https://www.cadeauxfolies.fr/customer/account/">Mon compte</a> <a href="https://www.cadeauxfolies.fr/faq/">FAQ</a> <a href="https://www.cadeauxfolies.fr/supportpage/">Aide</a></div></nav></div></div><!-- desktop --><div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex justify-start relative min-h-0 transition-display mx-auto 2xl:px-18px">
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-5504'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/cadeaux-de-noel" title="Noël">
<span class="px-3">Noël</span>
</a>
</span>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4231'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/cadeau" title="Pour qui ?">
<span class="px-3">Pour qui ?</span>
</a>
</span>
<div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row" :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4231', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4231'}">
<div class="max-w-1920px mx-auto w-full">
<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
<div class="">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-hommes" title="Hommes" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Hommes
</span>
</a>
<div class="relative z-10" style="column-count: 0;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/cadeau-papa" title="Papa" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Papa
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-copain" title="Copain" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Copain
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-frere" title="Frère" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Frère
</span>
</a>
</div>
</div>
<div class="">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-femmes" title="Femmes" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Femmes
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/cadeau-maman" title="Maman" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Maman
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-copine" title="Copine" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Copine
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-soeur" title="Soeur" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Soeur
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-mamie" title="Mamie" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Mamie
</span>
</a>
</div>
</div>
<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/idee-cadeau-parents" title="Parents" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Parents
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-enfants" title="Enfants" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Enfants
</span>
</a></div></div>
</div>
</div>
</div>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4244'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/idee-cadeau" title="Quelle occasion ?">
<span class="px-3">Quelle occasion ?</span>
</a>
</span>
<div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row" :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4244', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4244'}">
<div class="max-w-1920px mx-auto w-full">
<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
<div class="">
<a href="https://www.cadeauxfolies.fr/cadeau-d-anniversaire" title="Anniversaire" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Anniversaire
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/cadeau-18-ans" title="18 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
18 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-20-ans" title="20 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
20 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-30-ans" title="30 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
30 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-40-ans" title="40 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
40 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-50-ans" title="50 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
50 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-60-ans" title="60 ans" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
60 ans
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-homme" title="Hommes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Hommes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-anniversaire-femme" title="Femmes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Femmes
</span>
</a>
</div>
</div>
<div class="">
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel" title="Noël" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Noël
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-hommes" title="Hommes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Hommes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-femmes" title="Femmes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Femmes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-parents" title="Parents" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Parents
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-pour-enfants" title="Enfants" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Enfants
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-de-noel-personnalises" title="Personnalisés" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Personnalisés
</span>
</a>
<a href="https://www.cadeauxfolies.fr/idees-cadeaux-pour-mettre-dans-le-calendrier-de-l-avent" title="Remplir le calendrier de l'Avent" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Remplir le calendrier de l'Avent
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeau-secret-santa" title="Secret Santa" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Secret Santa
</span>
</a>
<a href="https://www.cadeauxfolies.fr/decoration-de-noel" title="Décoration" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Décoration
</span>
</a>
</div>
</div>
<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-de-mariage" title="Mariage" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Mariage
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-bebe" title="Bébé" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Bébé
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-cremaillere" title="Crémaillère" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Crémaillère
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-d-adieu" title="Adieu" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Adieu
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-rentree-scolaire" title="Rentrée Scolaire" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Rentrée Scolaire
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/enterrement-de-vie-de-garcon-et-fille" title="EVJF et EVG" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
EVJF et EVG
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-fete-des-meres" title="Fête des Mères" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Fête des Mères
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-la-fete-des-peres" title="Fête des Pères" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Fête des Pères
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-de-paques" title="Pâques" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Pâques
</span>
</a></div></div>
</div>
</div>
</div>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4277'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/cadeaux-personnalises" title="Personnalisé">
<span class="px-3">Personnalisé</span>
</a>
</span>
<div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row" :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4277', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4277'}">
<div class="max-w-1920px mx-auto w-full">
<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
<div class="">
<a href="https://www.cadeauxfolies.fr/decoration-personnalise" title="Décoration" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Décoration
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/lampes-personnalisees" title="Lampes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Lampes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/poster-personnalise" title="Posters" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Posters
</span>
</a>
<a href="https://www.cadeauxfolies.fr/porte-cles-exclusifs" title="Porte-clés" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Porte-clés
</span>
</a>
<a href="https://www.cadeauxfolies.fr/cadeaux-en-bois-personnalises" title="Tableau en bois" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Tableau en bois
</span>
</a>
<a href="https://www.cadeauxfolies.fr/coussins-personnalises" title="Coussin" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Coussin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/paillassons-personnalises" title="Paillassons" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Paillassons
</span>
</a>
<a href="https://www.cadeauxfolies.fr/couvertures-personnalisees" title="Couvertures" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Couvertures
</span>
</a>
</div>
</div>
<div class="">
<a href="https://www.cadeauxfolies.fr/tasses-et-verres-personnalises" title="Tasses et Verres" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Tasses et Verres
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/verre-a-vin-personnalise" title="Vin" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Vin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-gin-personnalise" title="Gin" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Gin
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-biere-personnalise" title="Bière" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Bière
</span>
</a>
<a href="https://www.cadeauxfolies.fr/verre-a-whisky-personnalise" title="Whisky" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Whisky
</span>
</a>
<a href="https://www.cadeauxfolies.fr/mug-personnalise" title="Mug" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Mug
</span>
</a>
</div>
</div>
<div class="">
<a href="https://www.cadeauxfolies.fr/vetements-accessoires" title="Vêtements" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Vêtements
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/peignoirs-pour-femmes" title="Peignoirs" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Peignoirs
</span>
</a>
<a href="https://www.cadeauxfolies.fr/chaussettes" title="Chaussettes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Chaussettes
</span>
</a>
<a href="https://www.cadeauxfolies.fr/calecon-personnalise" title="Caleçons homme" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Caleçons homme
</span>
</a>
<a href="https://www.cadeauxfolies.fr/body-personnalise" title="Bodys bébé" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Bodys bébé
</span>
</a>
<a href="https://www.cadeauxfolies.fr/tabliers" title="Tabliers" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Tabliers
</span>
</a>
<a href="https://www.cadeauxfolies.fr/t-shirts" title="T-Shirts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
T-Shirts
</span>
</a>
<a href="https://www.cadeauxfolies.fr/pull" title="Pull" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Pull
</span>
</a>
<a href="https://www.cadeauxfolies.fr/t-shirts-personnalises-enfant" title="T-shirts Enfant" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
T-shirts Enfant
</span>
</a>
<a href="https://www.cadeauxfolies.fr/casquettes-pour-hommes" title="Casquettes" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Casquettes
</span>
</a>
</div>
</div>
<div class="">
<a href="https://www.cadeauxfolies.fr/sacs" title="Sacs" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary font-semibold text-sm">
Sacs
</span>
</a>
<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;">
<a href="https://www.cadeauxfolies.fr/trousse-de-toilette" title="Trousse de toilette" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Trousse de toilette
</span>
</a>
<a href="https://www.cadeauxfolies.fr/sac-cabas" title="Sac cabas" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Sac cabas
</span>
</a>
<a href="https://www.cadeauxfolies.fr/sac-a-dos-personnalise" title="Sacs à dos" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Sacs à dos
</span>
</a>
<a href="https://www.cadeauxfolies.fr/tote-bag" title="Tote Bag" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm flex h-9 items-centre">
Tote Bag
</span>
</a>
</div>
</div>
<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/balles-de-golf-personnalisees" title="Balles de golf" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Balles de golf
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/tatouage-personnalise" title="Tatouages" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Tatouages
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/puzzle-personnalise" title="Puzzles" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Puzzles
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/chocolat-personnalise" title="Chocolat" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Chocolat
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/desodorisant-voiture-personnalise" title="Désodorisant voiture" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Désodorisant voiture
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/papier-cadeau-personnalise" title="Papier cadeau" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Papier cadeau
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/serviette-personnalisee" title="Serviette" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Serviette
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/porte-cles-personnalise" title="Porte-clés" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Porte-clés
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/nouveautes-cadeaux-personnalises" title="Nouveautés" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Nouveautés
</span>
</a></div></div>
</div>
</div>
</div>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4320'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/cadeau-derniere-minute" title="Cadeau dernière minute">
<span class="px-3">Cadeau dernière minute</span>
</a>
</span>
<div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row" :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4320', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4320'}">
<div class="max-w-1920px mx-auto w-full">
<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/fun-au-bureau" title="Bureau" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Bureau
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/deco-confort" title="Décoration" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Décoration
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/plaisirs-gustatifs" title="Plaisirs gustatifs" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Plaisirs gustatifs
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/jeux-farces" title="Jeux & Farces" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Jeux & Farces
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/gadgets-high-tech" title="Gadgets" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Gadgets
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/jeux-de-soiree" title="Soirée" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Soirée
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/boite-cadeau-personnalisee" title="Boîte cadeau" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Boîte cadeau
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/ballons" title="Ballons" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Ballons
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cartes" title="Cartes" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Cartes
</span>
</a></div></div>
</div>
</div>
</div>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4330'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/cadeau" title="Lifestyle">
<span class="px-3">Lifestyle</span>
</a>
</span>
<div class="w-full left-6 justify-start absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px flex-row" :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4330', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4330'}">
<div class="max-w-1920px mx-auto w-full">
<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-aperol" title="Aperol" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Aperol
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-biere" title="Bière" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Bière
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeau-vin" title="Vin" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Vin
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-pour-fans-d-animaux" title="Animaux" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Animaux
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cadeaux-rigolos" title="Rigolo" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Rigolo
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/bain-et-bien-etre" title="Bain et bien-être" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Bain et bien-être
</span>
</a></div>
<div class="menu-item-nochild pr-10 font-semibold">
<a href="https://www.cadeauxfolies.fr/cuisine-barbecue" title="Cuisine" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
<span class="text-primary text-sm">
Cuisine
</span>
</a></div></div>
</div>
</div>
</div>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4338'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/nouveautes" title="Nouveautés">
<span class="px-3">Nouveautés</span>
</a>
</span>
</div>
<div class="level-0" @mouseenter="menu.hoverPanelActiveId = 'category-node-4339'" @mouseleave="menu.hoverPanelActiveId = 0">
<span class="bg-opacity-95">
<a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg" href="https://www.cadeauxfolies.fr/top-produits" title="Meilleures ventes">
<span class="px-3">Meilleures ventes</span>
</a>
</span>
</div>
</nav></div></div><style> .search-back-icon{display:none} .search-content .search-back-icon{display:block}</style><script>
'use strict';
const initHeaderNavigation = () => {
var fragmentmenu = document.createDocumentFragment();
return {
mobilePanelActiveId: null,
hoverPanelActiveId: null,
menuLevel: null,
isActive: '',
open: false,
algoliaContainer: '',
menuAlgolia: 0,
headerAlgolia: 0,
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
const linkmenu = link.href.split('/');
const linkwindow = window.location.href.split('?')[0].split('/');
return linkmenu[3] != '' ? linkmenu[3] === linkwindow[3] : '';
}).map(item => {
const span = item.querySelector("span");
const element = item.closest(".level-0").querySelector('.top-menu-item');
if(element) {
element.classList.add('menu-item-active')
}
if(span) {
span.classList.add("underline");
}
item.classList.add('menu-item-active');
});
},
algoliaChangePosition() {
if(this.algoliaContainer == '') {
this.algoliaContainer = fragmentmenu.appendChild(document.querySelector('#algoliaAutocomplete'))
}
if(this.open == true) {
document.getElementById('algolia-autocomplete-container-mobile-menu').appendChild(this.algoliaContainer);
if(document.querySelector("#algolia-autocomplete-container-mobile-menu input") != null) {
document.querySelector("#algolia-autocomplete-container-mobile-menu").onclick = function() {
document.querySelector('#search-block-menu').classList.add('search-content')
};
}
} else if(this.open == false) {
document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer);
document.querySelector('#search-block-menu').classList.remove('search-content')
}
},
goBack() {
document.querySelector('#search-block-menu').classList.remove('search-content');
if(document.querySelector('.aa-Panel.autocomplete-block') != null){
document.querySelector('.aa-Panel.autocomplete-block').remove();
}
}
}
}</script></div></div><!--advantages mobile--> <div class="advantages-mobile md:hidden lg:mt-1.5 bg-navbar lg:h-12 sm:h-10 h-9 mt-14"><div><p> <div class="advantages-block-wrapper advantages-block block"><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=fraisdeport/">Livraison gratuite dès 50 €</a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retour/">100 jours satisfait ou remboursé</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#klarnatransparent" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=paiement/">Payez avec Klarna</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto sm:w-6 sm:h-6 w-5 h-5" width="20" height="20"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#small_ts" /></svg></span> <span class="pl-7px"> <a target="_blank" href="https://www.trustedshops.fr/evaluation/info_X9A28A0360751E6EB297ECEBED2803199.html">Trusted Shops 4.28 / 5.00</a> </span></div></div></div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div> <!--Cart Drawer--> <script defer>
function initCartDrawer() {
return {
open: false,
cart: {},
isOpen:false,
showGiftInput: false,
giftText: 'Choisir un emballage',
gwId: 0,
gwTo: '',
gwPrice:0,
openGiftInfoPopup: true,
showgift: true,
useGw: false,
getData: function (data) {
if (data.cart) {
this.cart = data.cart
this.setCartItems();
}
},
cartItems: {},
setCartItems: function getCartItems () {
this.cartItems = Array.isArray(this.cart?.items) ? this.cart.items.sort((a, b) => a.item_id - b.item_id) : [];
setTimeout(() => {
if(document.getElementById('giftwrap-block') != 'undefined' && document.getElementById('giftwrap-block') != null){
var js_array_giftwrap = [];
if(js_array_giftwrap.length > 0){
this.showgift = false;
js_array_giftwrap.map(item => {
var attrId = document.querySelector('#child-item-'+item).getAttribute('data-variant-id');
if(document.querySelector('#attribute-option-'+attrId).checked) {
this.showgift = true;
}
});
}
if(!this.useGw) {
this.useGw = true;
if(this.showgift) {
document.querySelector('#giftwrap-block').classList.add('block');
document.querySelector('#giftwrap-block').classList.remove('hidden');
this.showgift = false;
} else {
document.querySelector('#giftwrap-block').classList.add('hidden');
document.querySelector('#giftwrap-block').classList.remove('block');
}
}
}
},500);
},
deleteItemFromCart: function deleteItemFromCart (itemId) {
var formKey = document.querySelector('input[name=form_key]').value;
fetch(BASE_URL+"checkout/sidebar/removeItem/", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&item_id="+itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Could not remove item from quote."
}], 5000
);
}
}).then(function (response) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: response.success ? "success" : "error",
text: response.success
? "Vous avez supprimé l’article"
: response.error_message
}], 5000
);
});
},
setGwOption(showGiftInputInfo, isOpenBlock,gwText,selectedGwId,selectedGwPrice) {
this.showGiftInput = showGiftInputInfo;
this.isOpen = isOpenBlock;
this.giftText=gwText;
this.gwId = selectedGwId;
this.gwPrice = selectedGwPrice;
},
saveGwOption: function saveGwOption() {
if(document.getElementById('gift_input').value == '') {
document.getElementById('gw-error-message').classList.add("text-redColor");
} else {
document.getElementById('gw-error-message').classList.remove("text-redColor");
for (const item of this.cartItems) {
if(item.product_id == '77737') {
var itemId = item.item_id;
}
}
var item_qty = document.querySelector('input[name=qty]').value;
this.gwTo = document.getElementById('gift_input').value;
var formKey = document.querySelector('input[name=form_key]').value;
fetch(BASE_URL+"mhdirekt_giftwrapping/cart/saveMinicart/", {
method: 'POST',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&item_id="+itemId+ "&gw_id="+this.gwId+ "&gw_to="+this.gwTo+ "&gw_price="+this.gwPrice+ "&item_qty="+item_qty+"&product_id=77737",
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
document.getElementById('giftwrap-block').classList.add("hidden");
document.getElementById('giftwrap-message').classList.add("block");
document.getElementById('giftwrap-message').classList.remove("hidden");
document.getElementById('go-to-cart').classList.add("pointer-events-none");
setTimeout(() => {
document.getElementById('go-to-cart').classList.remove("pointer-events-none");
}, 1500);
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Giftwrap error"
}], 5000
);
}
}).then(function (response) {
});
}
},
closeCart: function closeCart() {
this.open = false;
this.setGwOption(false,false,'Choisir un emballage',0,0);
document.getElementById('gift_input').value = '';
if(document.getElementById('giftwrap-block') != 'undefined' && document.getElementById('giftwrap-block') != null) {
document.getElementById('giftwrap-block').classList.add("block");
document.getElementById('giftwrap-block').classList.remove("hidden");
document.getElementById('giftwrap-message').classList.add("hidden");
document.getElementById('giftwrap-message').classList.remove("block");
}
},
loadDataFromFaqGift: function() {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_FaqArticles/css/faqarticles.css';
link.media = 'all';
document.getElementsByTagName("head")[0].appendChild(link);
jQuery(".popup-giftwrap-des-minicart").each(function() {
jQuery(this).load("/faq #crapwrap");
});
},
}
}</script><section id="cart-drawer" x-data="initCartDrawer()" @private-content-loaded.window="getData(event.detail.data)" @toggle-cart.window="open=true;" @keydown.window.escape="open=false" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.away="closeCart()" class="fixed inset-y-0 mx-auto h-full bottom-0 w-full z-995 flex top-auto left-0 right-0 text-primary md:top-0 md:mr-0 md:h-screen md:right-0 md:left-auto md:max-w-336px" :class="{'hidden': !open}"><div class="backdrop bg-layer" x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="closeCart()" aria-label="Close panel"></div><div class="relative w-full lg:w-375px" x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div class="flex flex-col h-full pb-6 bg-white overflow-y-scroll"><div class="max-w-450px w-full my-0 mx-auto"><header class="px-18px items-center mb-2"><div x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="relative -right-2.5 flex w-full h-8 justify-end mt-2.5"><button @click="closeCart()" aria-label="Close panel"><span class="w-9 h-9 fill-current block"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 43 43" fill="none" class="w-9 h-9" role="img">
<path d="M14.4253 14.425L28.0017 28.0014" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
<path d="M28.0015 14L14.425 27.5765" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
<title>cross</title></svg>
</span></button></div><h2 id="cart-drawer-title" class="flex-9 text-black text-28px font-extrabold text-center">Mon Panier</h2></header><div class="px-5 text-center"><div class="minicart-added-product px-5 text-center text-xs"> Tasse à café personnalisée avec monogramme est dans votre panier </div><div class="h-3px relative mt-14 mx-5 bg-searchBtn"><span class="block absolute -top-10 -right-7px"><svg class="w-10 h-10" width="40" height="40" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#freeshipHeader" /></svg></span> <div class="h-3px bg-primary-darker rounded-3px" :style="`width: ${cart.free_percent}`" ></div><span class="block absolute bg-searchBtn z-10 rounded-full w-3 h-3 -top-1" :class="{'bg-primary-darker': cart.free_percent=='100%', 'bg-searchBtn': cart.free_percent!='100%'}" :style="`left: 98%;transform: translate(-98%, 0);`"></span></div></div><div class="px-5 mb-10 mt-2.5"><div class="flex gap-2.5 justify-center"><span class="text-xs flex items-center"><span x-html="cart.free_shipping"></span></span></div></div><!-- Giftwrapping --> <div class="mx-auto mt-11px w-full px-5"><a id="go-to-cart" href="https://www.cadeauxfolies.fr/checkout/cart/" class="bg-buttonCheckout shadow-none h-12 md:h-50px w-full md:w-auto px-25px rounded-30px flex justify-center items-center text-primary text-sm md:text-base font-bold">Paiement</a></div><div class="px-5 text-primary"> </div><div class="pl-2.5 pr-0 md:px-5"> <span class="block text-center text-base font-extrabold mt-5 mb-3.5">Cela pourrait également vous intéresser</span> <div class="flex max-w-336px m-auto"> <div class="bg-container-lighter w-6/12 flex-1 mr-3 relative h-284px max-w-162px"><img loading="lazy" class="mx-auto" width="170" height="170" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/b/i/birra_moretti_bierkrug_1200x1200px_all_v1.jpg" alt="Chope de bière personnalisée avec logo et visage"><div class="mt-2 item-name text-primary font-semibold text-base h-9 leading-17px overflow-hidden text-center truncate-two-lines">Chope de bière personnalisée avec logo et visage</div><div class="price-block font-semibold text-base text-primary text-center"> 19,99 € </div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/chope-de-biere-personnalisee-avec-logo-et-visage"></a></div> <div class="bg-container-lighter w-6/12 flex-1 mr-3 relative h-284px max-w-162px"><img loading="lazy" class="mx-auto" width="170" height="170" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/a/p/aperol_logo_jahreszahl_1200x1200px_fr_v2.jpg" alt="Verre Aperol Spritz personnalisé avec année"><div class="mt-2 item-name text-primary font-semibold text-base h-9 leading-17px overflow-hidden text-center truncate-two-lines">Verre Aperol Spritz personnalisé avec année</div><div class="price-block font-semibold text-base text-primary text-center"> 14,99 € </div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/verre-aperol-spritz-personnalise-avec-annee"></a></div> </div></div></div></div></div></div></template></section> <!--Authentication Pop-Up--> <script>
function initAuthentication() {
return {
open: false,
forceAuthentication: false,
checkoutUrl: 'https://www.cadeauxfolies.fr/checkout/index/',
errors: 0,
hasCaptchaToken: 0,
displayErrorMessage: false,
errorMessages: [],
setErrorMessages: function setErrorMessages(messages) {
this.errorMessages = [messages];
this.displayErrorMessage = this.errorMessages.length;
},
submitForm: function () {
const $form = document.querySelector('#login-form');
if (this.errors === 0) {
this.dispatchLoginRequest($form);
}
},
onPrivateContentLoaded: function (data) {
const isLoggedIn = data.customer && data.customer.firstname;
if (data.cart && !isLoggedIn) {
this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
}
},
redirectIfAuthenticated: function (event) {
if (event.detail && event.detail.url) {
this.checkoutUrl = event.detail.url;
}
if (!this.forceAuthentication) {
window.location.href = this.checkoutUrl;
}
},
dispatchLoginRequest: function(form) {
this.isLoading = true;
const username = this.$refs['customer-email'].value;
const password = this.$refs['customer-password'].value;
const formKey = hyva.getFormKey();
const bodyFields = {
'username': username,
'password': password,
'formKey': formKey
};
const fieldName = 'g\u002Drecaptcha\u002Dresponse';
const recaptchaField = fieldName && form[fieldName];
if (recaptchaField) {
bodyFields[fieldName] = recaptchaField.value;
}
fetch('https://www.cadeauxfolies.fr/customer/ajax/login/', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(bodyFields)
}
).then(response => {
return response.json()
}
).then(data=> {
this.isLoading = false;
if (data.errors) {
dispatchMessages([{
type: 'error',
text: data.message
}], 5000);
this.errors = 1;
this.hasCaptchaToken = 0;
} else {
window.location.href = this.checkoutUrl;
}
});
}
}
}</script><section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" ><div class="backdrop" aria-hidden="true" x-cloak x-show="open" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="open = false" ></div><div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full fixed" x-cloak x-show="open" ><div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-cloak="" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><div x-show="open" x-cloak="" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"><button type="button" @click="open = false;" aria-label="Close panel" class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>Close panel</title></svg>
</button></div><template x-if="open"><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"><div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"><strong class="font-medium">Commander en utilisant votre compte</strong></p><form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form" > <div class="fieldset login"><div class="field email required"><label class="label" for="form-login-username" form="login-form" ><span>E-mail </span></label> <div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required autocomplete="off" class="form-input input-text" ></div></div><div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Mot de passe</span></label> <div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required x-ref="customer-password" autocomplete="off" @change="errors = 0" ></div></div><input name="context" type="hidden" value="checkout" /><div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" >Mon compte</button> <a href="https://www.cadeauxfolies.fr/customer/account/forgotpassword/" >Vous avez oublié votre mot de passe ?</a></div></div></form></div><div class="mx-4"></div><div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"><strong class="font-medium">Commander en tant que nouveau client</strong></p><div class="block-content"><p class="mb-1">Creating an account has many benefits:</p><ul class="list-disc pl-5"><li> See order and shipping status</li> <li> Track order history</li> <li> Check out faster</li></ul><div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"><a href="https://www.cadeauxfolies.fr/customer/account/create/" class="inline-flex btn btn-primary">Créer un compte</a></div></div></div></div></template></div></div></section></nav><!--advantages desktop--><div class="hidden md:flex items-center justify-center lg:h-12 sm:h-10 h-9 bg-navbar advantages-container"><div><p> <div class="advantages-block-wrapper advantages-block block"><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=fraisdeport/">Livraison gratuite dès 50 €</a> </span></div></div> <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retour/">100 jours satisfait ou remboursé</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#klarnatransparent" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=paiement/">Payez avec Klarna</a> </span></div></div> <div class="mySlides w-full"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto sm:w-6 sm:h-6 w-5 h-5" width="20" height="20"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#small_ts" /></svg></span> <span class="pl-7px"> <a target="_blank" href="https://www.trustedshops.fr/evaluation/info_X9A28A0360751E6EB297ECEBED2803199.html">Trusted Shops 4.28 / 5.00</a> </span></div></div></div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div><script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.querySelectorAll(".advantages-mobile .mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
if(x[slideIndex-1]){
x[slideIndex-1].style.display = "block";
}
}
setInterval(() => {
plusDivs(1);
},3500);
function openmobilemenu() {
setTimeout(() => {
if(document.querySelector('.aa-ClearButton')){
document.querySelector('.aa-ClearButton').click();
}
document.querySelector('.mobile-menu-icon').click();
},300)
}</script><style> .algolia-search-input-loading,.algolia-search-block input,.algolia-search-block{width: 100%;position: relative;} .algolia-search-input-loading,.algolia-search-block input{border-color: #B4B4B4;color:#515151;} .recommended-wrapper{max-width: inherit;top: 72px;width: 458px;border: none;--tw-shadow: 0px 8px 32px 0px #1F1F1F1A;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);} .autocomplete-block {width: inherit !important;} .aa-InputWrapperPrefix{z-index: 1;} .header-logo {order:0; justify-content: flex-start;} #algoliaAutocomplete .aa-Input { border-color: #B4B4B4; color: #515151; height: 48px; width: 100%; font-weight: 500; font-size: .875rem; line-height: 1.25rem; padding-left: 46px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 9999px; transition: transform 250ms ease, color 250ms ease; } #algoliaAutocomplete .aa-Input:focus { outline: none; box-shadow: none; } #algoliaAutocomplete .aa-Form { display:flex; align-items: center; } #algoliaAutocomplete .aa-InputWrapper { flex:1 } .aa-InputWrapperPrefix .aa-Label { margin-bottom:0; } .autocomplete-block{ top: 68px !important; } .aa-Source { display: flex; flex-direction: column; } .aa-SourceHeader { font-weight: 600; font-size: 1rem; line-height: 1.5rem; color: #000000; padding: 0 16px; } .aa-List { padding: 16px; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 16px; } .aa-Item { width: 100%; display: flex; align-items: center; gap: 6px; height: 64px; } span.after_special { font-size: 0.875rem; line-height: 1.25rem; color: #1F1F1F; font-weight: 700; } .after_special.promotion { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } [data-autocomplete-source-id="product_tags"] .aa-List,[data-autocomplete-source-id="categories"] .aa-List { border-radius: 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item { height: 32px; width: auto; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(228, 228, 227, var(--tw-border-opacity)); padding: 4px 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item a { font-size: .75rem; line-height: 1rem; font-weight: 500; } .aa-InputWrapperSuffix { display: none; } @media only screen and (max-width: 1535px) { .recommended-wrapper{top: 70px;width:428px;} } @media only screen and (max-width: 1023px) { .header-logo {order:1; justify-content: center;} .recommended-wrapper{top: 67px; width: 192px;} } @media only screen and (max-width: 768px) { .recommended-wrapper{top: 115px;width: 100%;} .autocomplete-block {top: 36px !important;} .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 83% !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 83% !important;left: 20px !important;} .catalog-product-view .search-autocomplete {display: block !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open .header-wrapper{position: static !important;} .menu-open #panelContainer .aa-Panel {top: 124px !important;} } .algoliasearch-autocomplete-category{display: none;}</style></header><div class="bg-white"> </div><main id="maincontent" class="page-main"><div id="algolia-autocomplete-container"></div> <div id="contentarea" tabindex="-1"></div><div class="page messages"> <script>
function initMessages() {
"use strict";
return {
messages: window.mageMessages || [],
isEmpty() {
return this.messages.reduce(
function (isEmpty, message) {
return isEmpty && message === undefined
}, true
)
},
removeMessage(messageIndex) {
this.messages[messageIndex] = undefined;
},
addMessages(messages, hideAfter) {
messages.map((message) => {
this.messages = this.messages.concat(message);
if (hideAfter) {
this.setHideTimeOut(this.messages.length -1, hideAfter);
}
});
},
setHideTimeOut(messageIndex, hideAfter) {
setTimeout((messageIndex) => {
this.removeMessage(messageIndex);
}, hideAfter, messageIndex);
},
eventListeners: {
['@messages-loaded.window']() {
this.addMessages(event.detail.messages, event.detail.hideAfter)
},
['@private-content-loaded.window'](event) {
const data = event.detail.data;
if (
data.messages &&
data.messages.messages &&
data.messages.messages.length
) {
this.addMessages(data.messages.messages);
}
},
['@clear-messages.window']() {
this.messages = [];
}
}
}
}</script><section id="messages" x-data="initMessages()" x-bind="eventListeners" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message flex items-center justify-between w-full p-2 bg-gray-600 shadow rounded text-white mb-2" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <a href="#" class="close cursor-pointer" title="close" @click.prevent="removeMessage(index)"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="18" height="18" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>x</title></svg>
</a></div></template></div></template></div></div></template></section></div><div class="columns"><div class="column main"> <div class="loading-logo"><div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div><div id="cart-success-popup-data-action" data-action="https://www.cadeauxfolies.fr/cartsuccesspopup/popup/show/"></div><div class="product-info-main"> <!-- <script type="text/javascript">
require(["jquery"], function ($) {
$(document).ready(function () {
$('.price-notice').hide();
});
});</script> --> <div x-data="initKlaviyoProductViewed()" x-init="trackKlaviyoProductView()"></div><script>
function initKlaviyoProductViewed() {
return {
trackKlaviyoProductView() {
var _learnq = window._learnq || [];
_learnq.push(['track', 'Viewed Product', {"ProductID":"77737","Name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme","SKU":"ESMOXT","URL":"https:\/\/www.cadeauxfolies.fr\/tasse-a-cafe-personnalisee-avec-monogramme","Price":null,"FinalPrice":"14.99","Categories":["Id\u00e9e cadeau","Cadeau de No\u00ebl","Cadeau anniversaire","Cadeau 18 ans","Cadeaux de No\u00ebl pour femme","Cadeau de No\u00ebl pour homme","Cadeau f\u00eate des P\u00e8res","Maison","Verres & Mugs","Cadeaux personnalis\u00e9s","NEUES","Cadeau anniversaire Homme","Cadeau anniversaire Femme","Nouveau","Cadeau 30 ans","Cadeau maman","Cadeau papa","Cadeaux de No\u00ebl pour maman","Cadeau pour son copain","Cadeau fr\u00e8re","Cadeau soeur","Cadeau anniversaire maman","Cadeau anniversaire papa","Cadeau Anniversaire Copine","Cadeau Anniversaire Copain","Cadeau 40 ans","Cadeau 50 ans","Produits exclusifs","Tasses et Verres exclusifs","18 Jahre","20 Jahre","30 Jahre","40 Jahre","50 Jahre","Personalisierbar","M\u00e4nner","Frauen","Freund","Freundin","Papa","Mama","Cadeau 20 ans","Cadeaux de No\u00ebl pour Papa","Cadeau f\u00eate des m\u00e8res","Tasses et Verres personnalis\u00e9s","Cadeau femme","Cadeau pour sa copine","Cadeau homme","Cadeaux de No\u00ebl pour copine","Cadeaux de No\u00ebl pour copain","Cadeau prenom","Cadeau 60 ans","Cadeau personnalis\u00e9 femme","Cadeau personnalis\u00e9 pour homme","Geschenke f\u00fcr Freunde","Cadeaux de No\u00ebl personnalis\u00e9s","Nouveaut\u00e9s Cadeaux personnalis\u00e9s","Mugs","Cadeau mamie","Cadeau d'adieu","Cadeau pour la Saint Valentin","Cadeau romantique","Cadeaux P\u00e2ques","Cadeaux de No\u00ebl pour parents","Cadeau Secret Santa","Nikolausgeschenke","Festa della Donna","Cadeau couple","Cadeau bachelier","Cadeau anniversaire de mariage","Cadeau cr\u00e9maill\u00e8re","Cadeau de remerciement","Id\u00e9es cadeaux parents","Christmas Gifts for Friends","Saint-Sylvestre","Mug personnalis\u00e9","Geburtstagsgeschenk zum 50. f\u00fcr Frauen","Cadeau secret santa femme","Top Produits","All"],"StoreId":"3","ImageURL":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/f47a9295ad87af8e3a00c829c5ecfb0b\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg"}]);
_learnq.push(['trackViewedItem', {"Title":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme","ItemId":"77737","Url":"https:\/\/www.cadeauxfolies.fr\/tasse-a-cafe-personnalisee-avec-monogramme","Categories":["Id\u00e9e cadeau","Cadeau de No\u00ebl","Cadeau anniversaire","Cadeau 18 ans","Cadeaux de No\u00ebl pour femme","Cadeau de No\u00ebl pour homme","Cadeau f\u00eate des P\u00e8res","Maison","Verres & Mugs","Cadeaux personnalis\u00e9s","NEUES","Cadeau anniversaire Homme","Cadeau anniversaire Femme","Nouveau","Cadeau 30 ans","Cadeau maman","Cadeau papa","Cadeaux de No\u00ebl pour maman","Cadeau pour son copain","Cadeau fr\u00e8re","Cadeau soeur","Cadeau anniversaire maman","Cadeau anniversaire papa","Cadeau Anniversaire Copine","Cadeau Anniversaire Copain","Cadeau 40 ans","Cadeau 50 ans","Produits exclusifs","Tasses et Verres exclusifs","18 Jahre","20 Jahre","30 Jahre","40 Jahre","50 Jahre","Personalisierbar","M\u00e4nner","Frauen","Freund","Freundin","Papa","Mama","Cadeau 20 ans","Cadeaux de No\u00ebl pour Papa","Cadeau f\u00eate des m\u00e8res","Tasses et Verres personnalis\u00e9s","Cadeau femme","Cadeau pour sa copine","Cadeau homme","Cadeaux de No\u00ebl pour copine","Cadeaux de No\u00ebl pour copain","Cadeau prenom","Cadeau 60 ans","Cadeau personnalis\u00e9 femme","Cadeau personnalis\u00e9 pour homme","Geschenke f\u00fcr Freunde","Cadeaux de No\u00ebl personnalis\u00e9s","Nouveaut\u00e9s Cadeaux personnalis\u00e9s","Mugs","Cadeau mamie","Cadeau d'adieu","Cadeau pour la Saint Valentin","Cadeau romantique","Cadeaux P\u00e2ques","Cadeaux de No\u00ebl pour parents","Cadeau Secret Santa","Nikolausgeschenke","Festa della Donna","Cadeau couple","Cadeau bachelier","Cadeau anniversaire de mariage","Cadeau cr\u00e9maill\u00e8re","Cadeau de remerciement","Id\u00e9es cadeaux parents","Christmas Gifts for Friends","Saint-Sylvestre","Mug personnalis\u00e9","Geburtstagsgeschenk zum 50. f\u00fcr Frauen","Cadeau secret santa femme","Top Produits","All"],"Metadata":{"Price":null},"StoreId":"3","ImageURL":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/f47a9295ad87af8e3a00c829c5ecfb0b\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg"}]);
}
}
}</script> <section class="pt-8 lg:pt-12 section-product-detail-page font-poppins"><div class="config-stock-alert-info big-container-new px-4 lg:px-120px mx-auto mb-6 hidden"><div class="bg-configstockalert py-3.5 px-2.5 flex justify-between md:items-center rounded-lg h-auto md:h-12"><span class="flex gap-2.5 items-start md:items-center"><span class="h-5 w-5 rounded-full flex justify-center items-center"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM9.25 6C9.25 5.59 9.59 5.25 10 5.25C10.41 5.25 10.75 5.59 10.75 6V11C10.75 11.41 10.41 11.75 10 11.75C9.59 11.75 9.25 11.41 9.25 11V6ZM10.92 14.38C10.87 14.51 10.8 14.61 10.71 14.71C10.61 14.8 10.5 14.87 10.38 14.92C10.26 14.97 10.13 15 10 15C9.87 15 9.74 14.97 9.62 14.92C9.5 14.87 9.39 14.8 9.29 14.71C9.2 14.61 9.13 14.51 9.08 14.38C9.03 14.26 9 14.13 9 14C9 13.87 9.03 13.74 9.08 13.62C9.13 13.5 9.2 13.39 9.29 13.29C9.39 13.2 9.5 13.13 9.62 13.08C9.86 12.98 10.14 12.98 10.38 13.08C10.5 13.13 10.61 13.2 10.71 13.29C10.8 13.39 10.87 13.5 10.92 13.62C10.97 13.74 11 13.87 11 14C11 14.13 10.97 14.26 10.92 14.38Z" fill="#D7A609"/></svg></span> <span class="text-stockalert text-xs md:text-base flex flex-col md:flex-row md:items-center gap-2"><span>Votre <span id="outofstock-item"></span> n'est pas disponible. Souhaitez-vous être averti·e lorsque cet article sera disponible ?</span> <span class="text-blackfont text-xs md:text-base underline font-medium cursor-pointer" onclick="document.querySelector('#stock-alert-form').scrollIntoView({behavior: 'smooth'});">Oui, m'avertir</span></span></span> <span class="cursor-pointer" onclick="document.querySelector('.config-stock-alert-info').classList.add('hidden')"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 5L5 15" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 5L15 15" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div></div><div class="big-container-new mx-auto flex lg:flex-row flex-col items-center px-4 md:px-72px xl:px-120px product-info-container-wrapper"><div class="flex order-first w-full lg:flex-row flex-col justify-start gap-0 md:gap-8 2xl:gap-12 product-detail-top-info"><div class="w-full"><div class="md:hidden mb-6 md:mb-0 no-iframe"> <div><div> <div class="flex gap-2 flex-wrap no-iframe"> <div class="bg-labelbg text-labeltext text-xs xll:text-sm font-medium rounded-lg"><a class="p-2 w-full h-full flex items-center" href="https://www.cadeauxfolies.fr/cadeaux-personnalises">Personnalisable</a></div> </div></div><!-- Title --><div class="text-blackfont text-xl md:text-3xl lg:leading-38px xll:text-34px xll:leading-42px mb-0 font-bold font-lexenddeca">Tasse à café personnalisée avec monogramme</div><!-- Short Description --> <div class="no-iframe product-description text-labeltext text-xs md:text-base xll:text-lg xll:leading-26px mt-1"><p>Pour savourer son café dans sa propre tasse.</p></div> <!-- Review --><div class="flex items-end no-iframe"><div class="cursor-pointer flex items-center justify-start product-top-reviews mt-3" onclick="document.getElementById('customer-reviews').scrollIntoView({behavior: 'smooth'})"> <div class="big-info-review flex justify-center items-center gap-9px mt-3 md:mt-4"><div><svg class="w-5 h-5 w-25px h-25px xll:w-7 xll:h-7" width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2299 3.51L15.9899 7.03C16.2299 7.52 16.8699 7.99 17.4099 8.08L20.5999 8.61C22.6399 8.95 23.1199 10.43 21.6499 11.89L19.1699 14.37C18.7499 14.79 18.5199 15.6 18.6499 16.18L19.3599 19.25C19.9199 21.68 18.6299 22.62 16.4799 21.35L13.4899 19.58C12.9499 19.26 12.0599 19.26 11.5099 19.58L8.51991 21.35C6.37991 22.62 5.07991 21.67 5.63991 19.25L6.34991 16.18C6.47991 15.6 6.24991 14.79 5.82991 14.37L3.34991 11.89C1.88991 10.43 2.35991 8.95 4.39991 8.61L7.58991 8.08C8.11991 7.99 8.75991 7.52 8.99991 7.03L10.7599 3.51C11.7199 1.6 13.2799 1.6 14.2299 3.51Z" fill="#FFC303"/></svg></div><div><span class="text-text-2xl md:text-32px leading-10 xll:text-40px xll:leading-48px font-blackfont font-semibold">5</span> <span class="text-xs leading-12px xll:text-base text-reviewGray">/5</span></div></div> <div class="all-stars-product"><div class="rating-summary flex justify-center gap-1" > <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> </div></div> <span class="block font-medium text-10px xll:text-sm leading-3 md:text-xs md:leading-14px mt-3px review-summary-text">Basé sur 2 avis clients</span> <span class="hidden number-count-reviews">(2)</span> <div class="review-rating review-summary-text review-summary-text-top text-labeltext font-medium text-sm xll:text-base"><span class="hidden">5/5</span> <span class="ml-1">(2)</span></div> </div> <div class="flex items-center gap-2 md:gap-3 ml-2 md:ml-3 mt-3"><span class="bg-point w-1 h-1 rounded-full"></span> <div class="hidden md:block text-blackfont font-semibold text-xs xll:text-base md:text-sm"><span class="text-blackfont font-semibold">plus de 3.000</span> exemplaires vendus</div><div class="block md:hidden text-blackfont font-semibold text-xs md:text-sm"><span class="text-blackfont font-semibold">plus de 3.000</span> exemplaires vendus</div></div></div></div></div>
<div id="back-conf-btn" class="back-conf" style="display:none;">< Zurück</div>
<div id="personal-product-preview" class="personal-product-preview w-full md:w-5/12" style="display:none;"></div>
<div id="gallery"
x-data="initGallery()"
x-init="initActive(); $nextTick(() => calcPageSize())"
x-bind="eventListeners"
class="order-1 w-full md:auto md:h-auto relative mb-7 md:mb-0"
:class="{'fullscreen-gallery': fullscreen}"
>
<div class="" style="backdrop-filter: blur(5px);" :class="{'fixed w-full h-full left-0 top-0 block z-99999 bg-galeryLayout':fullscreen,'hidden':!fullscreen}"></div>
<div class="flex" :class="{'w-full h-full top-0 left-0 bg-white z-99999 flex-col-reverse md:flex-row justify-between fixed mx-0 overflow-hidden': fullscreen, 'mx-0 lg:max-w-620px xll:max-w-840px gap-2 -bottom-full flex-col-reverse md:flex-row': !fullscreen}">
<div class="absolute top-0 right-0 pt-4 pr-4 z-10 flex w-full justify-end px-6">
<button @click="fullscreen = false; $nextTick(() => calcPageSize());closeFullscreen()"
type="button"
class="hidden text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"
:class="{ 'hidden': !fullscreen, 'block': fullscreen }"
aria-label="Close"
>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div class="md:h-597px xll:h-784px absolute" :class="{'hidden': fullscreen}">
<span :class="{'md:hidden': images.length < 7}" class="cursor-pointer hidden md:flex rounded-full w-10 h-10 items-center justify-center absolute left-6 z-10 top-2 shadow-arrow bg-white" @click="scrollToLeftGallery()" id="scroll_left">
<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.03996 7.5249L5.29996 4.2649C5.68496 3.8799 6.31496 3.8799 6.69996 4.2649L9.95996 7.5249" stroke="#1F1F1F" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span :class="{'md:hidden': images.length < 7}" class="cursor-pointer hidden md:flex rounded-full w-10 h-10 items-center justify-center absolute left-6 z-10 bottom-2 shadow-arrow bg-white" @click="scrollToRightGallery()" id="scroll_right">
<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.96004 4.4751L6.70004 7.7351C6.31504 8.1201 5.68504 8.1201 5.30004 7.7351L2.04004 4.4751" stroke="#1F1F1F" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
<div id="thumbs" class="no-iframe w-full relative md:w-24 lg:w-20 xll:w-88px flex whitespace-nowrap overflow-y-auto md:overflow-y-hidden md:h-597px xll:h-784px md:min-h-100px gap-2 flex-row md:flex-col flex-nowrap overflow-x-auto md:overflow-x-hidden"
:class="{'thumbnails-fullscreen': fullscreen, 'md:w-24': !fullscreen }">
<template x-for="(image, index) in images" :key="index">
<div class=""
:class="{ '': fullscreen, 'flex-none': !fullscreen}">
<a href="#" @click.prevent="setActive(index);"
class="block opacity-50 relative"
:class="{'border border-borderActiveImg opacity-100 rounded-8px': active === index,'border border-borderImg rounded-8px': active !== index,'md:w-20 md:h-20 xll:w-88px xll:h-88px w-16 h-16': fullscreen, [''+image.skuclass.replace('undefined','')]: image.imgSku!=''}"
>
<template x-if="image.type == 'video'">
<span class="absolute flex w-full h-full justify-center items-center">
<svg width="28" height="33" viewbox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.5 16.45L0.425 32.0818L0.425001 0.818265L27.5 16.45Z" fill="#333333"/>
</svg>
</span>
</template>
<img :src="image.thumb"
class="rounded-8px"
:class="{ 'block w-full h-full': fullscreen, 'block md:w-24 md:h-24 lg:w-20 lg:h-20 xll:w-88px xll:h-88px w-16 h-16': !fullscreen }"
:alt="image.caption || 'Tasse\u0020\u00E0\u0020caf\u00E9\u0020personnalis\u00E9e\u0020avec\u0020monogramme'"
:title="image.caption || 'Tasse\u0020\u00E0\u0020caf\u00E9\u0020personnalis\u00E9e\u0020avec\u0020monogramme'"
width="90"
height="90"
:loading="index > 3 ? 'lazy' : 'eager'"
/>
</a>
</div>
</template>
</div>
<div class="relative w-full flex-1" :class="{'w-full h-full relative mx-auto':fullscreen,'w-full max-w-none lg:max-w-532px xll:max-w-744px h-103 md:h-597px xll:h-784px relative':!fullscreen}"
x-transition:enter="ease-out duration-500"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
>
<a href="#"
class="no-iframe prev-img-arrow img-arrow absolute translate-x-2/4 top-44p md:top-1/2 left-2 md:left-4 z-1 flex justify-center items-center w-8 h-8 focus:outline-none rounded-full bg-sliderarrow"
:class="{'hidden': images.length <= 1}"
aria-label="View Previous Image"
x-show="showArrows"
x-cloak
@click.prevent="previousArrowClick()">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0334 13.28L5.68678 8.9333C5.17345 8.41997 5.17345 7.57997 5.68678 7.06664L10.0334 2.71997" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<a href="#"
class="no-iframe next-img-arrow img-arrow absolute translate-x-2/4 top-44p md:top-1/2 right-6 md:right-8 z-1 flex justify-center items-center w-8 h-8 focus:outline-none rounded-full bg-sliderarrow rotate-180 transform"
:class="{'hidden': images.length <= 1}"
aria-label="View Previous Image"
x-show="showArrows"
x-cloak
@click.prevent="nextArrowClick()">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0334 13.28L5.68678 8.9333C5.17345 8.41997 5.17345 7.57997 5.68678 7.06664L10.0334 2.71997" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
<iframe id="quickedit_preview" class="iframe w-full h-370px sm:h-416px md:h-full md:w-full mb-5 md:md-0 hidden" width="840" height="784" allowfullscreen src="https://designer-ab.radbag.de/?params=1&magento_url=https%3A%2F%2Fwww.cadeauxfolies.fr%2F&preview_url=https%3A%2F%2Fpreview.radbag.de&uploader_url=https%3A%2F%2Fuploader.radbag.de&id_template=1332&id_product=77737&id_store=3&lang=fr&selection_id=77736&sid=placeholder&checkedIds=77736,77444&robot=0§ion=quickedit_preview"></iframe>
<div id="gallery-block" class="relative box-border w-full" :class="{ 'h-full': fullscreen, 'max-w-none lg:max-w-532px xll:max-w-744px h-103 md:h-597px xll:h-784px': !fullscreen}">
<div :class="{ 'hidden': fullscreen, 'block': !fullscreen }"></div>
<img
alt="Personalisierbare Espresso Tasse mit Monogramm"
title="Personalisierbare Espresso Tasse mit Monogramm"
class="object-contain object-center w-full h-auto max-h-screen-75 rounded-8px"
:class="'invisible'"
src="https://www.cadeauxfolies.fr/media/catalog/product/cache/03c91709e0a5e258cd6d0e71180bb5c9/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg"
width="800"
height="800"
itemprop="image"
fetchpriority=”high” />
<template x-for="(image, index) in images" :key="index">
<span @click="fullscreen = true">
<img
:alt="image.caption || 'Tasse\u0020\u00E0\u0020caf\u00E9\u0020personnalis\u00E9e\u0020avec\u0020monogramme'"
:title="image.caption || 'Tasse\u0020\u00E0\u0020caf\u00E9\u0020personnalis\u00E9e\u0020avec\u0020monogramme'"
@click="zoomInOut($event)"
@touchend="zoomInOutDouble($event)"
@touchmove="zoomInOutTwoFingers($event)"
@touchstart="zoomInOutTwoFingersStart($event)"
class="absolute inset-0 object-cover md:h-full object-center m-auto"
:class="{ 'cursor-pointer w-full rounded-8px opacity-0': !fullscreen, 'w-auto cursor-zoom-in image-zoom-container': fullscreen, 'opacity-100 selected-big-image': active === index && !fullscreen}"
width="800"
height="800"
:loading="active !== index ? 'lazy' : 'eager'"
:fetchpriority="index == 0 && 'high'"
:src="fullscreen ? image.full : image.full"
x-transition.opacity.duration.500ms
x-show="active === index"
:id="`image-zoom-${index}`"
/>
</span>
</template>
<div class="absolute inset-0 hidden w-full h-full bg-white nonmobile"
:class="{ 'hidden': activeVideoType !== 'youtube' }"
x-show.transition.opacity.duration.500ms="images[active].type === 'video' && activeVideoType === 'youtube'"
>
<div id="youtube-player" class="w-full h-full"></div>
</div>
<div class="absolute inset-0 hidden w-full h-full bg-white"
:class="{ 'hidden': activeVideoType !== 'vimeo' }"
x-show.transition.opacity.duration.500ms="images[active].type === 'video' && activeVideoType === 'vimeo'"
>
<div id="vimeo-player" class="w-full h-full"></div>
</div>
</div>
<div class="no-iframe flex gap-1 relative bottom-3 md:bottom-0 mt-0 md:mt-6 md:hidden w-full justify-center items-center md:pl-20"
:class="{ 'hidden': fullscreen }"
x-show="showPaggination">
<template x-for="(image, indexb) in images" :key="indexb">
<div class="w-1.5 h-1.5 flex justify-center items-center">
<a href="#" @click.prevent="setActive(indexb);"
class="block rounded-full"
:class="{'w-1.5 h-1.5 bg-galleryActiveBulletNew': active === indexb, 'h-1.5 w-1.5 bg-galleryBulletNew': active !== indexb}"
>
</a>
</div>
</template>
</div>
</div>
</div>
</div>
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/css/swiper-bundle.min.css';
link.media = 'all';
document.getElementsByTagName("head")[0].appendChild(link);
function initGallery () {
return {
"active": 0,
"videoData": {},
"activeVideoType": false,
"autoplayVideo": false,
"loopVideo": true,
"relatedVideos": false,
"vimeoPlayer": null,
"fullscreen": false,
"isSlider": false,
"initialImages": [{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"21","isMain":true,"type":"image","videoUrl":null,"imgSku":"","skuclass":""},{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"22","isMain":false,"type":"image","videoUrl":null,"imgSku":"","skuclass":""},{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"23","isMain":false,"type":"image","videoUrl":null,"imgSku":"","skuclass":""}],
"images": [{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"21","isMain":true,"type":"image","videoUrl":null,"imgSku":"","skuclass":""},{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v2.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"22","isMain":false,"type":"image","videoUrl":null,"imgSku":"","skuclass":""},{"thumb":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/fc4d28478c83759c9fc671cc00ed9b1c\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","img":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/03c91709e0a5e258cd6d0e71180bb5c9\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","full":"https:\/\/www.cadeauxfolies.fr\/media\/catalog\/product\/cache\/062e45dbf31eec6e301505cbcbf442f4\/m\/o\/monogramm_16x4_8cm_1200x1200px_fr_v3.jpg","caption":"Personalisierbare Espresso Tasse mit Monogramm","position":"23","isMain":false,"type":"image","videoUrl":null,"imgSku":"","skuclass":""}],
"appendOnReceiveImages": true,
"activeSlide": 0,
"itemCount": 0,
"pageSize": 4,
"pageFillers": 0,
showArrows:true,
showPaggination: true,
touchstartX: 0,
touchendX: 0,
slider: document.getElementById('gallery-block'),
imagesClass: '',
moveup: 0,
dist1:0,
timeout: 0,
lastTap: 0,
receiveImages(images) {
if (this.appendOnReceiveImages) {
const initialUrls = this.initialImages.map(image => image.full);
const newImages = images.filter(image => ! initialUrls.includes(image.full));
this.images = [].concat(this.initialImages, newImages);
this.setActive(newImages.length ? this.initialImages.length : 0);
} else {
this.images = images;
this.setActive(0);
}
},
resetGallery() {
this.images = this.initialImages;
this.setActive(0);
},
initActive() {
const active = this.images.findIndex(function(image) {
return image.isMain === true
});
if (active === -1) {
active = 0;
}
this.slider.addEventListener('touchstart', e => {
this.touchstartX = e.changedTouches[0].screenX
}, {capture: true})
this.slider.addEventListener('touchend', e => {
this.touchendX = e.changedTouches[0].screenX
this.handleGesture()
}, {capture: true})
document.onkeydown = this.checkKey;
this.images.map((image) => {
image.skuclass = '';
if(image.imgSku != null) {
imgarray = image.imgSku.split(",");
imgarray.map((img) => {
image.skuclass += ' img-sku-' + img + ' ';
})
}
})
},
checkKey(e) {
if(document.getElementById('gallery').classList.contains('fullscreen-gallery')){
e = e || window.event;
if (e.keyCode == '38') {
document.querySelector('.prev-img-arrow ').click();
}
else if (e.keyCode == '40') {
document.querySelector('.next-img-arrow ').click();
}
else if (e.keyCode == '37') {
document.querySelector('.prev-img-arrow ').click();
}
else if (e.keyCode == '39') {
document.querySelector('.next-img-arrow ').click();
}
}
},
handleGesture() {
if(!this.fullscreen) {
if (this.touchendX < this.touchstartX) this.nextArrowClick()
if (this.touchendX > this.touchstartX) this.previousArrowClick()
}
},
setActive(index){
this.active = index;
if (window.youtubePlayer) {
window.youtubePlayer.stopVideo();
}
if (this.vimeoPlayer) {
this.vimeoPlayer.contentWindow.postMessage(JSON.stringify({"method": "pause"}), "*");
}
if(this.images[index].type === 'video') {
this.activateVideo();
}
const mainImage = document.querySelector('.selected-big-image');
if(mainImage && mainImage.hasAttribute('data-original')) {
mainImage.setAttribute('src', mainImage.getAttribute('data-original'));
}
jQuery('#quickedit_preview').hide();
jQuery('#gallery.multipage .prev-img-arrow.img-arrow').css('display','flex');
jQuery('#gallery.multipage .next-img-arrow.img-arrow').css('display','flex');
jQuery('#gallery-block').show();
},
activateVideo(){
const videoData = this.getVideoData();
if (!videoData) { return }
this.activeVideoType = videoData.type;
if (videoData.type === "youtube") {
if(!window.youtubePlayer) {
this.initYoutubeAPI(videoData);
} else {
window.youtubePlayer.loadVideoById(videoData.id);
}
} else if (videoData.type === "vimeo") {
this.initVimeoVideo(videoData);
}
},
getVideoData(){
const videoUrl = this.images[this.active] && this.images[this.active].videoUrl;
if (!videoUrl) { return }
let id,
type,
youtubeRegex,
vimeoRegex,
useYoutubeNocookie = false;
if (videoUrl.match(/youtube\.com|youtu\.be|youtube-nocookie.com/)) {
id = videoUrl.replace(/^\/(embed\/|v\/)?/, '').replace(/\/.*/, '');
type = 'youtube';
youtubeRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
id = videoUrl.match(youtubeRegex)[1];
if (videoUrl.match(/youtube-nocookie.com/)) {
useYoutubeNocookie = true;
}
} else if (videoUrl.match(/vimeo\.com/)) {
type = 'vimeo';
vimeoRegex = new RegExp(['https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)',
'?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)'
].join(''));
id = videoUrl.match(vimeoRegex)[3];
}
return id ? {
id: id, type: type, useYoutubeNoCookie: useYoutubeNocookie
} : false;
},
initYoutubeAPI(videoData) {
var params = {};
var loadYoutubeAPI = document.createElement('script');
loadYoutubeAPI.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(loadYoutubeAPI, firstScriptTag);
var host = (videoData.useYoutubeNocookie) ?
'https://www.youtube-nocookie.com' :
'https://www.youtube.com';
if (this.autoplayVideo) {
params.autoplay = this.autoplayVideo;
}
if (!this.relatedVideos) {
params.rel = 0;
}
var fireYoutubeAPI = document.createElement('script');
fireYoutubeAPI.innerHTML = `function onYouTubeIframeAPIReady() {
window.youtubePlayer = new YT.Player('youtube-player', {
host: '${host}',
videoId: '${videoData.id}',
playerVars: ${JSON.stringify(params)},
});
}`;
firstScriptTag.parentNode.insertBefore(fireYoutubeAPI, firstScriptTag);
},
initVimeoVideo(videoData) {
let
additionalParams = '',
src;
const timestamp = new Date().getTime();
const vimeoContainer = document.getElementById("vimeo-player");
const videoId = videoData.id;
if (!vimeoContainer || !videoId) return;
if (this.autoplayVideo) {
additionalParams += '&autoplay=1';
}
if (this.loopVideo) {
additionalParams += '&loop=1';
}
additionalParams += '&title=0&byline=0&portrait=0';
src = 'https://player.vimeo.com/video/' +
videoId + '?api=1&player_id=vimeo' +
videoId +
timestamp +
additionalParams;
vimeoContainer.innerHTML =
`<iframe id="${'vimeo' + videoId + timestamp}"
src="${src}"
width="640" height="360"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
referrerPolicy="origin"
allow="autoplay"
class="object-center w-full h-full object-fit"
/>`;
this.vimeoPlayer = vimeoContainer.childNodes[0];
},
eventListeners: {
['@keydown.window.escape']() {
this.fullscreen = false
},
['@update-gallery.window'](event) {
this.receiveImages(event.detail);
},
['@reset-gallery.window'](event) {
this.resetGallery();
}
},
getSlider() {
return this.$refs.jsThumbSlides;
},
calcPageSize() {
const slider = this.getSlider();
if (slider) {
const slideEl = slider.querySelector('.js_thumbs_slide'),
marginRight = parseInt(window.getComputedStyle(slideEl).marginRight);
this.itemCount = slider.querySelectorAll('.js_thumbs_slide').length;
this.pageSize = Math.round(slider.clientWidth / (slideEl.clientWidth + marginRight));
this.pageFillers = (
this.pageSize * Math.ceil(this.itemCount / this.pageSize)
) - this.itemCount;
this.isSlider = ((slider.clientWidth - (this.itemCount * (slideEl.clientWidth + marginRight))) < 0);
}
},
scrollPrevious() {
this.scrollTo(this.activeSlide - this.pageSize);
},
scrollNext() {
this.scrollTo(this.activeSlide + this.pageSize);
},
scrollTo(idx) {
const slider = this.getSlider();
if (slider) {
const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
slider.scrollLeft = Math.floor(slideWidth) * idx;
this.activeSlide = idx;
}
},
nextArrowClick() {
let imgCount = this.initialImages.length - 1;
// document.querySelector(".prev-img-arrow.img-arrow").classList.add("hidden");
// document.querySelector(".prev-img-arrow.img-arrow").classList.remove("flex");
if (this.active === imgCount) {
//Enable gallery looping
this.setActive(0);
return;
}
if (this.active === imgCount-1) {
// document.querySelector(".prev-img-arrow.img-arrow").classList.remove("hidden");
// document.querySelector(".prev-img-arrow.img-arrow").classList.add("flex");
}
this.setActive(this.active + 1);
},
previousArrowClick() {
let finalImageIndex = this.initialImages.length - 1;
// document.querySelector(".prev-img-arrow.img-arrow").classList.add("hidden");
// document.querySelector(".prev-img-arrow.img-arrow").classList.remove("flex");
if (this.active === 0) {
//Enable gallery looping
// document.querySelector(".prev-img-arrow.img-arrow").classList.remove("hidden");
// document.querySelector(".prev-img-arrow.img-arrow").classList.add("flex");
this.setActive(finalImageIndex);
return;
}
this.setActive(this.active - 1);
},
scrollToLeftGallery() {
if(document.getElementById('thumbs') != undefined){
var scroll_elm = document.getElementById("thumbs");
scroll_elm.scroll({
top: scroll_elm.scrollTop + 80,
left: 0,
behavior: 'smooth'
});
}
},
scrollToRightGallery() {
if(document.getElementById('thumbs') != undefined){
var scroll_elm = document.getElementById("thumbs");
scroll_elm.scroll({
top: scroll_elm.scrollTop - 80,
left: 0,
behavior: 'smooth'
});
}
},
zoomInOut(el) {
if(this.fullscreen) {
if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
if(document.querySelector('#'+el.target.getAttribute('id')).classList.contains('zoom-plus')) {
document.querySelector('#'+el.target.getAttribute('id')).classList.remove("zoom-plus");
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale(1)";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 100% 0px";
document.body.classList.remove("overflow-hidden");
} else {
document.body.classList.add("overflow-hidden");
document.querySelector('#'+el.target.getAttribute('id')).classList.add("zoom-plus");
let img = document.querySelector('#'+el.target.getAttribute('id')).offsetWidth;
let content = document.querySelector("#gallery-block").offsetWidth-160;
let scaleValue = (content/img).toFixed(2) > 1 ? (content/img).toFixed(2) : 2 ;
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale("+scaleValue+")";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 50% 0px";
}
onmousemove = (e) => {
if(document.querySelector('#'+el.target.getAttribute('id')).classList.contains('zoom-plus')) {
const elmnt = document.querySelector('#'+el.target.getAttribute('id') + '.zoom-plus');
let positionY = (e.y*100)/elmnt.offsetHeight;
let positionX = window.screen.width < 768 ? (e.x*100)/elmnt.offsetWidth : '50';
document.querySelector('#'+el.target.getAttribute('id') + '.zoom-plus').style.transformOrigin = positionX + "% "+positionY+"% 0px";
}
}
}
}
},
zoomInOutDouble(el) {
},
zoomInOutTwoFingersStart(el) {
if (el.targetTouches.length == 2) {//check if two fingers touched screen
this.dist1 = Math.hypot( //get rough estimate of distance between two fingers
el.touches[0].pageX - el.touches[1].pageX,
el.touches[0].pageY - el.touches[1].pageY);
} else {
if(this.fullscreen) {
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
var currentTime = new Date().getTime();
var tapLength = currentTime - this.lastTap;
clearTimeout(this.timeout);
if (tapLength < 500 && tapLength > 0) {
if(document.querySelector('#'+el.target.getAttribute('id')).classList.contains('zoom-plus')) {
document.querySelector('#'+el.target.getAttribute('id')).classList.remove("zoom-plus");
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale(1)";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 100% 0px";
document.body.classList.remove("overflow-hidden");
} else {
document.body.classList.add("overflow-hidden");
document.querySelector('#'+el.target.getAttribute('id')).classList.add("zoom-plus");
let img = document.querySelector('#'+el.target.getAttribute('id')).offsetWidth;
let content = document.querySelector("#gallery-block").offsetWidth-160;
let scaleValue = (content/img).toFixed(2) > 1 ? (content/img).toFixed(2) : 2 ;
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale("+scaleValue+")";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 50% 0px";
}
}
this.lastTap = currentTime;
ontouchmove = (evt) => {
evt.preventDefault();
if(document.querySelector('#'+el.target.getAttribute('id')).classList.contains('zoom-plus')) {
const elmnt = document.querySelector('#gallery-block');
let positionY = (evt.touches[0].clientY*100)/elmnt.offsetHeight;
let positionX = window.screen.width < 768 ? (evt.touches[0].clientX*100)/elmnt.offsetWidth : '50';
document.querySelector('#'+el.target.getAttribute('id') + '.zoom-plus').style.transformOrigin = positionX + "% "+positionY+"% 0px";
}
}
}
}
}
},
zoomInOutTwoFingers(el) {
if(this.fullscreen) {
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
if (el.targetTouches.length == 2 && el.changedTouches.length == 2) {
var dist2 = Math.hypot(//get rough estimate of new distance between fingers
el.touches[0].pageX - el.touches[1].pageX,
el.touches[0].pageY - el.touches[1].pageY);
if(this.dist1>dist2) {
document.querySelector('#'+el.target.getAttribute('id')).classList.remove("zoom-plus");
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale(1)";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 100% 0px";
document.body.classList.remove("overflow-hidden");
}
if(this.dist1<dist2) {
document.body.classList.add("overflow-hidden");
document.querySelector('#'+el.target.getAttribute('id')).classList.add("zoom-plus");
let img = document.querySelector('#'+el.target.getAttribute('id')).offsetWidth;
let content = document.querySelector("#gallery-block").offsetWidth-160;
let scaleValue = (content/img).toFixed(2) > 1 ? (content/img).toFixed(2) : 2 ;
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale("+scaleValue+")";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 50% 0px";
} else {
document.querySelector('#'+el.target.getAttribute('id')).classList.remove("zoom-plus");
document.querySelector('#'+el.target.getAttribute('id')).style.transform = "scale(1)";
document.querySelector('#'+el.target.getAttribute('id')).style.transformOrigin = "50% 100% 0px";
document.body.classList.remove("overflow-hidden");
}
} else {
ontouchmove = (evt) => {
evt.preventDefault();
if(document.querySelector('#'+el.target.getAttribute('id')).classList.contains('zoom-plus')) {
const elmnt = document.querySelector('#gallery-block');
let positionY = (evt.touches[0].clientY*100)/elmnt.offsetHeight;
let positionX = window.screen.width < 768 ? (evt.touches[0].clientX*100)/elmnt.offsetWidth : '50';
document.querySelector('#'+el.target.getAttribute('id') + '.zoom-plus').style.transformOrigin = positionX + "% "+positionY+"% 0px";
}
}
}
}
}
},
closeFullscreen() {
document.querySelectorAll('.image-zoom-container').forEach((item) => {
item.classList.remove("zoom-plus");
item.style.transform = "scale(1)";
item.style.transformOrigin = "50% 100% 0px";
document.body.classList.remove("overflow-hidden");
})
}
}
}
</script>
<div class="hidden lg:flex justify-end"><div class="max-w-532px xll:max-w-744px w-full"><!-- Details --><div id="feautures-container" x-data="initFeautures()" x-init="initActive()" class="feautures-block py-16.5px border-b border-borderImg mt-6"><span class="font-semibold text-sm md:text-base xll:text-lg cursor-pointer flex justify-between items-center font-lexenddeca" @click="showMoreLess()">En bref <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div class="features-text relative text-labeltext text-xs md:text-sm xll:text-base leading-24px" :class="{'fade-text': showExpanded == true && expanded==false}"><ul>
<li>Tasse à expresso avec votre propre texte</li>
<li>Soucoupe incluse</li>
<li>Matériau : céramique</li>
<li>Lavage à la main recommandé</li>
</ul></div></div><!-- Description --><div id="description-container" x-data="initDescription()" x-init="initActive()" class="feautures-block py-16.5px border-b border-borderImg"><span class="font-semibold text-sm md:text-base xll:text-lg cursor-pointer flex justify-between items-center font-lexenddeca" @click="showMoreLess()">Description <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div class="desc-text relative text-labeltext text-xs md:text-sm xll:text-base leading-24px" :class="{'fade-text': showExpanded == true && expanded==false}"><span class="mb-3.5 block">Tasse à café personnalisée avec monogramme</span> <p>Pour les adeptes de cafés : notre <strong>tasse à café personnalisée</strong> arrive directement chez vous avec votre personnalisation. Pour cela, <strong>personnalisez</strong> votre tasse à votre goût en y ajoutant <strong>votre monogramme </strong>et <strong>votre propre texte</strong>.</p>
<p>Cette jolie tasse est bien sûr <strong>livrée avec une soucoupe assortie</strong> (parce que le café renversé ne fait plaisir à personne) et est fabriquée en céramique blanche. Elle est parfaite pour la maison ou comme <strong>cadeau</strong> original pour vos proches. Elle rendra aussi chaque pause-café spéciale.</p></div></div><!-- Feature --><div x-data="initDetails()" x-init="initActive()" class="feautures-block py-16.5px"><span class="font-semibold text-sm md:text-base xll:text-lg cursor-pointer flex justify-between items-center font-lexenddeca" @click="showMoreLess()">Détails <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div id="product-detail-container" class="relative text-labeltext text-xs md:text-sm xll:text-base leading-24px" :class="{'fade-text': showExpanded==true && expanded==false}"> <ul>
<li>Tasse à café personnalisée avec monogramme</li>
<li>Comprend 1 tasse et 1 soucoupe</li>
<li>Impression par sublimation non perceptible au toucher</li>
<li>Fabriquée en céramique</li>
<li>Contenance environ 70 ml</li>
<li>Dimensions tasse environ 5 cm de hauteur, environ 5,8 cm de diamètre</li>
<li>Poids de la tasse environ 290 grammes</li>
<li>Convient pour le lave-vaisselle (lavage à la main recommandé)</li>
</ul> </div></div></div></div></div><div class="w-full">
<div class="order-2 lg:max-w-548px xll:max-w-688px xl:w-full flex md:block flex-col type-bundle">
<div class="hidden md:block"> <div class="flex gap-2 flex-wrap no-iframe"> <div class="bg-labelbg text-labeltext text-xs xll:text-sm font-medium rounded-lg"><a class="p-2 w-full h-full flex items-center" href="https://www.cadeauxfolies.fr/cadeaux-personnalises">Personnalisable</a></div> </div></div>
<!-- Title -->
<h1 itemprop="name" class="product-name-info no-iframe text-blackfont text-xl md:text-3xl lg:leading-38px xll:text-34px xll:leading-42px mb-0 font-bold font-lexenddeca hidden md:block">
Tasse à café personnalisée avec monogramme </h1>
<!-- Short Description -->
<div class="no-iframe product-description text-labeltext text-xs md:text-base xll:text-lg xll:leading-26px mt-1 hidden md:block"><p>Pour savourer son café dans sa propre tasse.</p></div>
<!-- Amasty banner -->
<div class="amasty-banner-container hidden md:block">
</div>
<!-- Review -->
<div class="hidden md:flex items-end no-iframe product-review-box">
<div class="cursor-pointer flex items-center justify-start product-top-reviews mt-3"
onclick="document.getElementById('customer-reviews').scrollIntoView({behavior: 'smooth'})">
<div class="big-info-review flex justify-center items-center gap-9px mt-3 md:mt-4"><div><svg class="w-5 h-5 w-25px h-25px xll:w-7 xll:h-7" width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2299 3.51L15.9899 7.03C16.2299 7.52 16.8699 7.99 17.4099 8.08L20.5999 8.61C22.6399 8.95 23.1199 10.43 21.6499 11.89L19.1699 14.37C18.7499 14.79 18.5199 15.6 18.6499 16.18L19.3599 19.25C19.9199 21.68 18.6299 22.62 16.4799 21.35L13.4899 19.58C12.9499 19.26 12.0599 19.26 11.5099 19.58L8.51991 21.35C6.37991 22.62 5.07991 21.67 5.63991 19.25L6.34991 16.18C6.47991 15.6 6.24991 14.79 5.82991 14.37L3.34991 11.89C1.88991 10.43 2.35991 8.95 4.39991 8.61L7.58991 8.08C8.11991 7.99 8.75991 7.52 8.99991 7.03L10.7599 3.51C11.7199 1.6 13.2799 1.6 14.2299 3.51Z" fill="#FFC303"/></svg></div><div><span class="text-text-2xl md:text-32px leading-10 xll:text-40px xll:leading-48px font-blackfont font-semibold">5</span> <span class="text-xs leading-12px xll:text-base text-reviewGray">/5</span></div></div> <div class="all-stars-product"><div class="rating-summary flex justify-center gap-1" > <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> </div></div> <span class="block font-medium text-10px xll:text-sm leading-3 md:text-xs md:leading-14px mt-3px review-summary-text">Basé sur 2 avis clients</span> <span class="hidden number-count-reviews">(2)</span> <div class="review-rating review-summary-text review-summary-text-top text-labeltext font-medium text-sm xll:text-base"><span class="hidden">5/5</span> <span class="ml-1">(2)</span></div> <div class="all-stars-product">
<span class="hidden" itemprop="name">Tasse à café personnalisée avec monogramme</span>
<div class="rating-summary flex justify-center gap-1" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span class="hidden" itemprop="ratingValue">5</span>
<span class="hidden" itemprop="bestRating">100</span>
<span class="hidden" itemprop="reviewCount">2</span>
<span class="hidden" itemprop="itemReviewed">Tasse à café personnalisée avec monogramme</span>
</div>
</div>
</div>
<div class="flex items-center gap-2 md:gap-3 ml-2 md:ml-3 mt-3">
<span class="bg-point w-1 h-1 rounded-full"></span>
<div class="hidden md:block text-blackfont font-semibold text-xs xll:text-base md:text-sm">
<span class="text-blackfont font-semibold">plus de 3.000</span> exemplaires vendus </div>
<div class="block md:hidden text-blackfont font-semibold text-xs md:text-sm">
<span class="text-blackfont font-semibold">plus de 3.000</span> exemplaires vendus </div>
</div>
</div>
<!-- Price -->
<div class="detail-price-qty-wrapper mt-4 hidden md:block">
<div class="">
<div class="final-price inline-block" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<span id="product-price-77737" class="price-wrapper">
<span class="price title-font font-semibold text-2xl" id="old-bundle-price">
14,99 € </span>
<meta itemprop="price" content="14.99">
<meta itemprop="priceCurrency" content="EUR">
</span>
<span id="old-regular-bundle-price" class="price-wrapper title-font font-medium text-xs md:text-base line-through text-oldPrice hidden">14,99 €</span>
</div>
<div class="hidden font-bold text-xl lg:text-28px lg:leading-36px">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="77737" data-price-box="product-id-77737"> <span x-data x-id="['product\u002Dprice\u002D77737']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D77737')" data-price-amount="14.99" data-price-type="" class="price-wrapper" ><span class="price">14,99 €</span></span> </span> </div> </div>
</div>
<div class="text-xs hidden" id="discout-price-label">
Vous économisez <span id="spare-amount"></span> </div>
</div>
<div class="mt-6 lg:mt-6 border-b border-borderImg product-info-wrapper-block hidden md:block"></div>
<!-- Variante -->
<div class="mb-2.5 md:mb-0 variante-container order-first md:order-none">
<div class="flex lg:flex-row flex-col items-start lg:items-end mx-0 overflow-hidden">
</div>
<script defer>
'use strict';
(function() {
var script = document.createElement("script");
script.src = "https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_ProductsDesigner/js/jquery.js";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
}());</script><div id="perso-block" style="display: none;"><div class="geoip-form"><p>Oups, Vous n'avez pas oublié quelque chose?</p><p>On dirait que vous n'avez pas tout personnalisé. Vérifiez l'aperçu et remplacez les cases vides (à moins que vous préfériez ainsi?)</p><p>Un problème ? Consultez notre <a target=”_blank” style="color: #00e494 !important;" href="https://www.cadeauxfolies.fr/faq?sublink=personnalisable/">FAQ</a></p></div></div> <!-- Extended editor interface start--> <!--Extended editor interface start -->
<div class="product-options-bottom flex flex-col md:flex-row flex-no-wrap gap-4 overflow-x-hidden"> <div class="flex w-full max-w-305px md:max-w-none md:mx-0 bundle-options-dropdown"> <script>
function initBundleOptions() {
return {
isOpen: false,
optionConfig: {"options":{"7814":{"selections":{"11786":{"qty":1,"customQty":"0","optionId":"77736","prices":{"oldPrice":{"amount":0},"basePrice":{"amount":0},"finalPrice":{"amount":"0"}},"priceType":"0","tierPrice":[],"name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme - Design","canApplyMsrp":false}},"title":"Design","isMulti":false,"position":0},"7938":{"selections":{"12563":{"qty":1,"customQty":"0","optionId":"77444","prices":{"oldPrice":{"amount":14.99},"basePrice":{"amount":14.99},"finalPrice":{"amount":14.99}},"priceType":"0","tierPrice":[],"name":"Tasse \u00e0 caf\u00e9 MILANO avec soucoupe","canApplyMsrp":false}},"title":"Espresso Tasse","isMulti":false,"position":1}},"selected":{"7814":["11786"],"7938":["12563"]},"positions":["7814","7938"],"bundleId":"77737","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false},"prices":{"oldPrice":{"amount":0},"basePrice":{"amount":0},"finalPrice":{"amount":0}},"priceType":"0","isFixedPrice":false},
regularPriceKey: 'oldPrice',
finalPriceKey: 'finalPrice',
productFinalPrice: false,
activeSelectOptions: {},
selectedName: 'Aucun',
selectedOptions: [],
oldPriceInfo: 0,
getMultiOptionQty(option, optionSelection) {
if (option.isMulti) {
return optionSelection.qty;
}
return false;
},
calculateTotalPrice() {
let selectedProductsPerOption = [];
for (const [optionId, option] of Object.entries(this.optionConfig.options)) {
const optionElement = document.querySelector(`[data-option-id="${optionId}"]`);
const qtyElement = document.getElementById('bundle-option-' + optionId + '-qty-input');
let selectedOption = selectedProductsPerOption[optionId] || [];
if (optionElement) {
if (optionElement.checked || optionElement.selected) {
const optionSelection = option.selections[optionElement.dataset.selectionId];
selectedOption.push({
data: optionSelection,
qty: this.getMultiOptionQty(option, optionSelection) ||
(qtyElement && qtyElement.value) || 1
});
}
} else {
for (const [selectionId, selection] of Object.entries(option.selections)) {
const selectionElement = document.querySelector(
`[data-option-id="${optionId}-${selectionId}"]`
);
if (
selectionElement &&
(
selectionElement.checked ||
selectionElement.selected
)
) {
selectedOption.push({
data: selection,
qty: this.getMultiOptionQty(option, selection) ||
(qtyElement && qtyElement.value) || 1
});
}
}
}
selectedProductsPerOption[optionId] = Object.assign(
[],
selectedProductsPerOption[optionId],
selectedOption
);
}
this.productFinalPrice = Object.values(selectedProductsPerOption)
.reduce(
(totalPrice, option) => {
let oldPrice = totalPrice.oldPrice;
let finalPrice = totalPrice.finalPrice;
this.oldPriceInfo = 0;
const totalOptionPrice = Object.values(option).reduce(
(optionPrice, product) => {
this.oldPriceInfo += product.data.prices['oldPrice']['amount'];
let oldPrice = optionPrice.oldPrice;
let finalPrice = optionPrice.finalPrice;
let lowestPrice = product.data.prices;
lowestPrice = product.data.tierPrice.reduce((finalValue, tierPrice) => {
if (product.qty >= tierPrice.price_qty) {
return (
tierPrice.prices[this.finalPriceKey].amount <
lowestPrice[this.finalPriceKey].amount
) ?
tierPrice.prices :
finalValue;
}
return finalValue;
}, lowestPrice);
oldPrice = oldPrice + (
lowestPrice.oldPrice.amount * product.qty
);
finalPrice = finalPrice + (
lowestPrice[this.finalPriceKey].amount * product.qty
);
return {
oldPrice,
finalPrice
};
}, {
'oldPrice': 0,
'finalPrice': 0
}
);
return {
oldPrice: oldPrice + totalOptionPrice.oldPrice,
finalPrice: finalPrice + totalOptionPrice.finalPrice
}
}, {
'oldPrice': 14.99,
'finalPrice': 0 }
);
this.selectedOptions = Object.keys(selectedProductsPerOption).map((optionId) => {
return {
label: this.optionConfig.options[optionId].title,
products: Object.values(selectedProductsPerOption[optionId]).map(product => {
if(this.optionConfig.options[optionId].title != 'Design'){
this.selectedName = product.data.name;
}
return {
qty: product.qty,
name: product.data.name
}
})
}
});
if(typeof(document.getElementById('old-bundle-price')) != 'undefined' && document.getElementById('old-bundle-price') != null){
if(this.oldPriceInfo > this.productFinalPrice['finalPrice']){
if(typeof(document.getElementById('old-regular-bundle-price')) != 'undefined' && document.getElementById('old-regular-bundle-price') != null) {
document.getElementById('old-regular-bundle-price').classList.remove('hidden');
document.getElementById('old-bundle-price').classList.add('text-redColor');
document.getElementById('old-regular-bundle-price').innerText = hyva.formatPrice(this.oldPriceInfo);
}
if(this.productFinalPrice['finalPrice'] == 0) {
document.getElementById('old-bundle-price').innerText = hyva.formatPrice(this.productFinalPrice['oldPrice']);
} else {
document.getElementById('old-bundle-price').innerText = hyva.formatPrice(this.productFinalPrice['finalPrice']);
}
} else {
if(typeof(document.getElementById('old-regular-bundle-price')) != 'undefined' && document.getElementById('old-regular-bundle-price') != null) {
document.getElementById('old-regular-bundle-price').classList.add('hidden');
document.getElementById('old-bundle-price').classList.remove('text-redColor');
}
if(this.productFinalPrice['finalPrice'] == 0) {
document.getElementById('old-bundle-price').innerText = hyva.formatPrice(this.productFinalPrice['oldPrice']);
} else {
document.getElementById('old-bundle-price').innerText = hyva.formatPrice(this.productFinalPrice['finalPrice']);
}
}
}
if(typeof(document.getElementById('old-bundle-price-mobile')) != 'undefined' && document.getElementById('old-bundle-price-mobile') != null){
if(this.oldPriceInfo > this.productFinalPrice['finalPrice']){
if(typeof(document.getElementById('old-regular-bundle-price-mobile')) != 'undefined' && document.getElementById('old-regular-bundle-price-mobile') != null) {
document.getElementById('old-regular-bundle-price-mobile').classList.remove('hidden');
document.getElementById('old-bundle-price-mobile').classList.add('text-redColor');
document.getElementById('old-regular-bundle-price-mobile').innerText = hyva.formatPrice(this.oldPriceInfo);
}
if(this.productFinalPrice['finalPrice'] == 0) {
document.getElementById('old-bundle-price-mobile').innerText = hyva.formatPrice(this.productFinalPrice['oldPrice']);
} else {
document.getElementById('old-bundle-price-mobile').innerText = hyva.formatPrice(this.productFinalPrice['finalPrice']);
}
} else {
if(typeof(document.getElementById('old-regular-bundle-price-mobile')) != 'undefined' && document.getElementById('old-regular-bundle-price-mobile') != null) {
document.getElementById('old-regular-bundle-price-mobile').classList.add('hidden');
document.getElementById('old-bundle-price-mobile').classList.remove('text-redColor');
}
if(this.productFinalPrice['finalPrice'] == 0) {
document.getElementById('old-bundle-price-mobile').innerText = hyva.formatPrice(this.productFinalPrice['oldPrice']);
} else {
document.getElementById('old-bundle-price-mobile').innerText = hyva.formatPrice(this.productFinalPrice['finalPrice']);
}
}
}
if(this.oldPriceInfo > this.productFinalPrice['finalPrice']) {
if(typeof(document.getElementById('discout-price-label')) != 'undefined' && document.getElementById('discout-price-label') != null){
console.log('old price:',this.oldPriceInfo)
console.log('final price:',this.productFinalPrice['finalPrice'])
document.querySelector('#discout-price-label').classList.add('block');
document.querySelector('#discout-price-label').classList.remove('hidden');
document.querySelector('#spare-amount').innerText = hyva.formatPrice(this.oldPriceInfo - this.productFinalPrice['finalPrice']);
}
} else {
if(typeof(document.getElementById('discout-price-label')) != 'undefined' && document.getElementById('discout-price-label') != null){
document.querySelector('#discout-price-label').classList.remove('block');
document.querySelector('#discout-price-label').classList.add('hidden');
}
}
if(typeof(document.querySelector('.product.bundle:checked')) != 'undefined' && document.querySelector('.product.bundle:checked') != null) {
this.getQtyItem(document.querySelector('.product.bundle:checked').getAttribute('data-selection-product-id'));
this.tierPriceChange(document.querySelector('.product.bundle:checked').getAttribute('id'))
} else {
document.querySelectorAll('.no-dropdown-items-info')[0].classList.remove("hidden");
document.querySelectorAll('.no-dropdown-items-info')[1].classList.remove("hidden");
document.querySelectorAll("#bundle-qty-show")[0].classList.add("hidden");
document.querySelectorAll("#bundle-qty-show")[1].classList.add("hidden");
}
this.dispatchFinalPrice();
this.dispatchOptionSelection();
},
dispatchFinalPrice() {
this.oldPriceInfo = 0;
window.dispatchEvent(
new CustomEvent(
"update-bundle-option-prices", {
detail: this.productFinalPrice
}
)
);
},
dispatchOptionSelection() {
window.dispatchEvent(
new CustomEvent(
"update-bundle-option-selection", {
detail: this.selectedOptions
}
)
);
},
getQtyValue(optionId) {
const selectionConfig = this.getSelectionOptionConfig(optionId);
return selectionConfig ? selectionConfig.qty : "0";
},
getSelectionOptionConfig(optionId) {
const activeSelectOption = this.activeSelectOptions[optionId];
let activeSelectOptionValue = null;
if (!activeSelectOption) {
return false;
}
if (typeof activeSelectOption == 'object' && activeSelectOption.length) {
activeSelectOptionValue = activeSelectOption[0];
} else {
activeSelectOptionValue = activeSelectOption;
}
return this.optionConfig
.options[optionId]
.selections[activeSelectOptionValue];
},
getQtyDisabled(optionId) {
const selectionConfig = this.getSelectionOptionConfig(optionId);
if (!selectionConfig) {
return true;
}
return !selectionConfig || selectionConfig.customQty === "0";
},
setQtyValue(optionId, value) {
const selectionConfig = this.getSelectionOptionConfig(optionId);
if(selectionConfig) {
selectionConfig.qty = value;
}
},
openSelect(id) {
},
closeSelect(id) {
document.getElementById("show-select-"+id).style.display = 'none';
},
tierPriceChange(id) {
const selectedPrice = document.querySelector('#' + id).getAttribute('data-price');
if(document.querySelector('.tierprice-block') != null) {
document.querySelectorAll('.tierprice-block').forEach(function(el) {
const dataPriceQty = el.getAttribute('data-price-qty');
const dataPriceValue = el.getAttribute('data-price-value');
const idelement = el.getAttribute('id');
const price_tier = (selectedPrice * dataPriceQty) - ((selectedPrice * dataPriceQty*dataPriceValue)/100);
if(price_tier != 0) {
document.querySelector('#' + idelement + ' .finalprice-tierprice').innerText = hyva.formatPrice(price_tier.toFixed(2));
}
})
}
},
selectedText(id, text) {
},
showStockAlert(itemname, itemStock) {
if(itemStock == 0){
if(document.querySelector('#quickedit_form') && document.querySelector('#quickedit_form').getAttribute('src') != ''){
document.querySelector('.variant-qty-container').style.display = "none";
document.querySelector('#quickedit_form').style.display = "none";
}
document.querySelector('.stockalert-form-block').classList.remove('hidden');
document.querySelector('.stock-alert-buttons-block').classList.add('hidden');
document.querySelector('.btn-add-to-cart').classList.add('hidden');
document.querySelector('#configure-btn-bundle').style.pointerEvents = "none";
} else {
if(document.querySelector('#quickedit_form') && document.querySelector('#quickedit_form').getAttribute('src') != ''){
document.querySelector('.variant-qty-container').style.display = "block";
document.querySelector('#quickedit_form').style.display = "block";
}
document.querySelector('.stockalert-form-block').classList.add('hidden');
document.querySelector('.btn-add-to-cart').classList.remove('hidden');
document.querySelector('.stock-alert-buttons-block').classList.remove('hidden');
document.querySelector('#configure-btn-bundle').style.pointerEvents = "inherit";
}
},
firstLoadInfo() {
var infoinout = '';
jQuery('.swatch-attribute-options').each(function(e) {
if( jQuery(this).find('input[type="radio"]:checked').length > 0){
var inp = jQuery(this).find('input[type="radio"]:checked');
jQuery(this).children('div.selected-text-info').find('div').text(inp.attr('data-perso-item'));
} else {
var elemId = jQuery(this).find('input[type="radio"]').filter(':input:first').attr('id');
var interval = setInterval(function() {
if(document.readyState === 'complete') {
console.log("Element:",elemId)
clearInterval(interval);
jQuery('#'+elemId).click();
}
}, 100);
}
});
},
stockAlertShow(id,sku,next_status_text) {
document.getElementById('stock-alert-form').style.display='block';
document.getElementById('configure-btn-bundle').style.display='none';
document.getElementById('estimation-block-container-wrapper').style.display='none';
document.getElementById('mobile-stock-status').style.display='block';
document.getElementById('mobile-info-about-stock').style.display='none';
document.getElementById('product_id').value = id;
document.getElementById('product_sku').value = sku;
var stockInfo = document.getElementsByClassName('availability-info-text');
var mobileInfoAboutStock = document.querySelectorAll('.mobile-info-about-stock');
var mobileAboutStock = document.querySelector('.stock-wrapper .stock');
var mobileAboutStock2 = document.querySelector('.qty-container .stockstatus-info');
for(var i = 0; i < stockInfo.length; i++) {
var thisStockInfo = stockInfo[i];
var thisMobileInfoAboutStock = mobileInfoAboutStock[i];
var thisMobileAboutStock = mobileAboutStock;
var thisMobileAboutStock2 = mobileAboutStock2;
thisStockInfo.classList.remove("text-greenColor-lighter");
thisStockInfo.classList.add("text-yellowStars");
thisStockInfo.classList.remove("hidden");
thisStockInfo.classList.add("block");
thisStockInfo.innerHTML = next_status_text;
thisMobileInfoAboutStock.classList.add('hidden');
thisMobileAboutStock.classList.add('hidden');
thisMobileAboutStock2.classList.add('hidden');
}
},
stockAlertHidden(next_status_text) {
document.querySelector('.btn-add-to-cart').classList.remove('hidden');
document.getElementById('stock-alert-form').style.display='none';
if(document.querySelector("#quick_edit").value == '1'){
document.getElementById('quick-edit-addtocartbtn').style.display='block';
} else {
}
document.getElementById('estimation-block-container-wrapper').style.display='block';
document.getElementById('mobile-stock-status').style.display='none';
document.getElementById('mobile-info-about-stock').style.display='block';
var stockInfo = document.getElementsByClassName('availability-info-text');
var mobileInfoAboutStock = document.querySelectorAll('.mobile-info-about-stock');
var mobileAboutStock = document.querySelector('.stock-wrapper .stock');
var mobileAboutStock2 = document.querySelector('.qty-container .stockstatus-info');
for(var i = 0; i < stockInfo.length; i++) {
var thisStockInfo = stockInfo[i];
var thisMobileInfoAboutStock = mobileInfoAboutStock[i];
var thisMobileAboutStock = mobileAboutStock;
var thisMobileAboutStock2 = mobileAboutStock2;
thisStockInfo.classList.add("text-greenColor-lighter");
thisStockInfo.classList.remove("text-yellowStars");
thisStockInfo.innerHTML = 'En stock';
thisStockInfo.classList.add("hidden");
thisStockInfo.classList.remove("block");
thisMobileInfoAboutStock.classList.remove('hidden');
thisMobileInfoAboutStock.classList.add('block');
thisMobileAboutStock.classList.remove('hidden');
thisMobileAboutStock.classList.add('block');
thisMobileAboutStock2.classList.remove('hidden');
thisMobileAboutStock2.classList.add('block');
}
},
getQtyItem(idItem) {
if(idItem == '999999999') {
var stockInfo = document.getElementsByClassName('availability-info-text');
for(var i = 0; i < stockInfo.length; i++) {
var thisStockInfo = stockInfo[i];
prevElStock = document.getElementsByClassName('availability-info-dot')[i];
thisStockInfo.innerHTML = 'En stock';
if(prevElStock){
prevElStock.classList.add("bg-greenColor-lighter");
prevElStock.classList.remove("bg-yellowStars");
}
}
} else {
var qty = document.querySelector('#child-item-'+idItem).getAttribute('data-qty');
var next_status = document.querySelector('#child-item-'+idItem).getAttribute('data-status');
var next_status_text = document.querySelector('#child-item-'+idItem).getAttribute('data-status-text');
var stockInfo = document.getElementsByClassName('availability-info-text');
for(var i = 0; i < stockInfo.length; i++) {
var thisStockInfo = stockInfo[i];
prevElStock = document.getElementsByClassName('availability-info-dot')[i];
if(qty <= 0 && next_status == 583) {
if(prevElStock){
prevElStock.classList.remove("bg-greenColor-lighter");
prevElStock.classList.add("bg-yellowStars");
}
thisStockInfo.innerHTML = next_status_text;
} else if(qty <= 0 && (next_status == 588 || next_status == 584)) {
if(prevElStock){
prevElStock.classList.remove("bg-greenColor-lighter");
prevElStock.classList.add("bg-yellowStars");
}
thisStockInfo.innerHTML = next_status_text;
} else {
if(qty > 0) {
thisStockInfo.innerHTML = 'En stock';
if(prevElStock){
prevElStock.classList.add("bg-greenColor-lighter");
prevElStock.classList.remove("bg-yellowStars");
}
}
}
};
}
if(document.getElementById("bundle-qty-show") != null) {
var qty = document.querySelector('#child-item-'+idItem).getAttribute('data-qty');
document.querySelectorAll("#bundle-qty-show")[0].innerHTML = '';
document.querySelectorAll("#bundle-qty-show")[1].innerHTML = '';
if(idItem == '999999999') {
document.querySelectorAll('.availability-info-text')[1].classList.add("hidden");
document.querySelectorAll('.availability-info-text')[0].classList.add("hidden");
document.getElementById("estimation-block-container-wrapper").classList.remove("hidden");
document.getElementById("estimation-block-container-wrapper").classList.add("block");
document.querySelectorAll("#bundle-qty-show")[0].classList.add("text-primary");
document.querySelectorAll("#bundle-qty-show")[1].classList.add("text-primary");
document.querySelectorAll("#bundle-qty-show")[0].classList.remove("text-yellowStars");
document.querySelectorAll("#bundle-qty-show")[1].classList.remove("text-yellowStars");
} else {
if(qty > 0) {
if((qty) < 10){
document.querySelectorAll("#bundle-qty-show")[0].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Moins de <span class="bold-qty">'+(10)+'</span> disponibles</div>';
document.querySelectorAll("#bundle-qty-show")[1].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Moins de <span class="bold-qty">'+(10)+'</span> disponibles</div>';
}
document.querySelectorAll('.availability-info-text')[1].classList.add("hidden");
document.querySelectorAll('.availability-info-text')[0].classList.add("hidden");
document.getElementById("estimation-block-container-wrapper").classList.remove("hidden");
document.getElementById("estimation-block-container-wrapper").classList.add("block");
document.querySelectorAll("#bundle-qty-show")[0].classList.add("text-primary");
document.querySelectorAll("#bundle-qty-show")[1].classList.add("text-primary");
document.querySelectorAll("#bundle-qty-show")[0].classList.remove("text-yellowStars");
document.querySelectorAll("#bundle-qty-show")[1].classList.remove("text-yellowStars");
} else {
document.getElementById("estimation-block-container-wrapper").classList.remove("block");
document.querySelectorAll("#bundle-qty-show")[0].innerHTML = "";
document.querySelectorAll("#bundle-qty-show")[1].innerHTML = "";
}
}
}
},
showConfigBundleVariants(selectionId, selectionsId, inputId) {
var selecterItems = 0;
},
imageChange() {
const selectedInput = document.querySelector('input[name^="bundle_option"]:checked');
if (!selectedInput) return;
const label = document.querySelector(`label[for="${selectedInput.id}"]`);
if (!label) return;
const img = label.querySelector("img[data-image]");
if (!img) return;
const newImageUrl = img.getAttribute("data-image");
const mainImage = document.querySelector('.selected-big-image');
if(!mainImage.hasAttribute('data-original')) {
mainImage.setAttribute('data-original', mainImage.src);
}
if (mainImage && newImageUrl) {
mainImage.src = newImageUrl;
}
}
}
}</script><div x-data="initBundleOptions()" x-init=" calculateTotalPrice(); firstLoadInfo(); $nextTick(() => { dispatchFinalPrice(); dispatchOptionSelection(); $dispatch('set-selected-options', {}); })" class="w-full"><fieldset class="fieldset fieldset-bundle-options min-w-0 block" form="product_addtocart_form"><legend id="customizeTitle" class="legend hidden"><h3 class="text-gray-900 text-2xl title-font font-base text-center md:text-left w-full">Personnaliser Tasse à café personnalisée avec monogramme</h3></legend> <div class="w-full border-container hidden no-dropdown-items"><label class="label text-base md:mt-6 mb-10px font-semibold block block"><span>Design</span></label> <div class="control mt-2"><div class="nested options-list"> <div class="w-291px lg:w-286px bundle-options-dropdown-container"><div class="relative flex p-18px h-60px shadow-mobileMenu flex-row rounded-full justify-between bg-white items-center swatch-attribute-options"><span class="product-name">Tasse à café personnalisée avec monogramme - Design</span></div> <div class="field"><input type="hidden" id="bundle-option-7814-11786" name="bundle_option[7814]" form="product_addtocart_form" class="bundle-option-7814 product bundle option radio" value="11786" checked="checked" data-price="0" data-option-id="7814" data-selection-id="11786" data-selection-sku="ESMOLO"></div></div> <div class="field qty qty-holder mt-2 hidden"><label class="label font-semibold mr-4" for="bundle-option-7814-qty-input"><span>Quantité</span></label> <input id="bundle-option-7814-qty-input" form="product_addtocart_form" name="bundle_option_qty[7814]" class="form-input w-20 disabled:opacity-75" type="number" min="0" value="1" :value="getQtyValue(7814)" x-on:change=" setQtyValue(7814, $event.target.value); calculateTotalPrice($dispatch)" disabled :disabled="getQtyDisabled(7814)" /></div> <div @set-selected-options.window="activeSelectOptions['7814'] = [11786]"></div></div></div></div> <div class="w-full border-container hidden no-dropdown-items"><label class="label text-base md:mt-6 mb-10px font-semibold block block"><span>Espresso Tasse</span></label> <div class="control mt-2"><div class="nested options-list"> <div class="w-291px lg:w-286px bundle-options-dropdown-container"><div class="relative flex p-18px h-60px shadow-mobileMenu flex-row rounded-full justify-between bg-white items-center swatch-attribute-options"><span class="product-name">Tasse à café MILANO avec soucoupe</span></div> <div class="field"><input type="hidden" id="bundle-option-7938-12563" name="bundle_option[7938]" form="product_addtocart_form" class="bundle-option-7938 product bundle option radio" value="12563" checked="checked" data-price="14.99" data-option-id="7938" data-selection-id="12563" data-selection-sku="ESPMIL"></div></div> <div class="field qty qty-holder mt-2 hidden"><label class="label font-semibold mr-4" for="bundle-option-7938-qty-input"><span>Quantité</span></label> <input id="bundle-option-7938-qty-input" form="product_addtocart_form" name="bundle_option_qty[7938]" class="form-input w-20 disabled:opacity-75" type="number" min="0" value="1" :value="getQtyValue(7938)" x-on:change=" setQtyValue(7938, $event.target.value); calculateTotalPrice($dispatch)" disabled :disabled="getQtyDisabled(7938)" /></div> <div @set-selected-options.window="activeSelectOptions['7938'] = [12563]"></div></div></div></div></fieldset> <script>
function cartForm() {
return {
loading: '',
isloading: false,
submitData() {
console.log('submitData');
jQuery('#new-add-tocart-popup').show();
jQuery('#new-add-tocart-popup').addClass('show-popup-upsell');
var formKey = document.querySelector('input[name=form_key]').value;
var qty = document.querySelector('input[name=qty]').value;
var form = document.querySelector('#product_addtocart_form');
var data = new FormData(form);
var form_string = '';
this.loading = 'Loading...';
this.isloading = true;
for (let entry of data) {
form_string += entry[0] + '=' + encodeURIComponent(entry[1]) + '&';
}
form_string += 'ajax=1';
if(document.querySelector('#btns-layer') != null){
window.parent.postMessage({
'func': 'startAddToCart',
}, "*");
}
fetch('https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/77737/', {
method: 'POST',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: form_string,
})
.then((response) => {
this.loading = '';
this.isloading = false;
if(jQuery('#new-add-tocart-popup-items').html() == "") {
jQuery.get(
'https://www.cadeauxfolies.fr/checkout_upsell/ajax/loadPopupContentNew/product_id/77737/',
function(response) {
var reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
window.dispatchEvent(reloadCustomerDataEvent);
if(localStorage['mage-cache-storage'] && JSON.parse(localStorage['mage-cache-storage']).cart != undefined) {
document.querySelector(".new-add-tocart-free-shipping-label").innerHTML = JSON.parse(localStorage['mage-cache-storage']).cart['free_shipping'];
}
jQuery('#new-add-tocart-popup-items').html(response['top_data']);
jQuery('#new-add-tocart-popup-items-detail').html(response['bottom_data']);
jQuery('body').addClass('open-upsell-popup');
jQuery('#new-add-tocart-popup').addClass('show-popup-upsell');
jQuery('#new-add-tocart-overlay').show();
jQuery('#menu-cart-show-upsell').click();
if(document.querySelector('#btns-layer') != null){
document.querySelector('#btns-layer').classList.add('hidden');
document.querySelector('#btns-layer').classList.remove('block');
}
jQuery('#new-add-tocart-popup-loader').hide();
jQuery('#new-add-tocart-popup-inner-content').show();
}
);
} else {
var reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
window.dispatchEvent(reloadCustomerDataEvent);
jQuery('#new-add-tocart-popup-items').html(response['top_data']);
jQuery('#new-add-tocart-popup-items-detail').html(response['bottom_data']);
jQuery('body').addClass('open-upsell-popup');
jQuery('#new-add-tocart-popup').addClass('show-popup-upsell');
jQuery('#new-add-tocart-overlay').show();
jQuery('#menu-cart-show-upsell').click();
if(document.querySelector('#btns-layer') != null){
document.querySelector('#btns-layer').classList.add('hidden');
document.querySelector('#btns-layer').classList.remove('block');
}
jQuery('#new-add-tocart-popup-loader').hide();
jQuery('#new-add-tocart-popup-inner-content').show();
}
})
.catch(() => {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: "Oups, il y a eu une erreur"
}], 5000
);
})
}
}
}</script><form x-data="cartForm()" @submit.prevent="submitData" method="post" action="https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/77737/" class="" id="product_addtocart_form" ><span x-show="isloading" class="hidden absolute block z-10" :class="{'hidden': !isloading, 'block': isloading}"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <input type="hidden" name="product" value="77737" /><input type="hidden" name="selected_configurable_option" value="" /><input type="hidden" name="related_product" id="related-products-field" value="" /><input type="hidden" name="item" value="77737"> <input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <div class="product-options-wrapper" id="product-options-wrapper"><div class="fieldset" tabindex="0"> </div></div> <input id="products-designer" name="products_designer" type="hidden" value="1" /></form> <button id="menu-cart-show-upsell" style="display:none">Open Popup</button> <button id="menu-cart-upsell-added" style="display:none">Added Product</button> <input type="hidden" id="cart-upsell-sku-added" value="" /> </div></div><style type="text/css"> .fieldset-bundle-options .field.choice{display:inline;} .fieldset-bundle-options .field .price-notice{display:none!important;}</style> <div id="bundleSummary" class="w-full block-bundle-summary card md:w-1/2 lg:w-1/3 hidden"><div class="mb-2 title"><h3 class="w-full text-2xl leading-relaxed text-left text-gray-900 border-b title-font font-base border-container">Votre personnalisation</h3></div><div class="content"><div class="bundle-info"><div class="product-details"><h3 class="text-lg font-semibold product-name">Tasse à café personnalisée avec monogramme</h3> <script>
function initPrice77737() {
return {
activeProductsPriceData: false,
initialFinalPrice: 0,
initialTierPrices: [],
calculatedFinalPrice: false,
calculatedFinalPriceWithCustomOptions: false,
customOptionPrices: [],
activeCustomOptions: [],
qty: 1,
updateCustomOptionActive(data) {
let activeCustomOptions = this.activeCustomOptions;
const customOptionId = data.customOptionId;
if (data.active) {
if (!activeCustomOptions.includes(customOptionId)) {
activeCustomOptions.push(data.customOptionId);
}
} else {
if (customOptionId && activeCustomOptions.includes(customOptionId)) {
let index = activeCustomOptions.indexOf(customOptionId);
activeCustomOptions.splice(index, 1);
}
}
this.calculateFinalPriceWithCustomOptions()
},
updateCustomOptionPrices(prices) {
if (prices) {
this.customOptionPrices = prices;
}
this.calculateFinalPriceWithCustomOptions();
},
calculateFinalPrice() {
let finalPrice = this.initialFinalPrice;
dataLayer.push({
"price": finalPrice
});
if (this.activeProductsPriceData) {
finalPrice = this.activeProductsPriceData.finalPrice;
finalPrice = this.initialTierPrices.reduce((finalValue, tierPrice) => {
if (this.qty >= tierPrice.price_qty) {
return (
this.activeProductsPriceData.oldPrice * (1 + (tierPrice.percentage_value / 100)) <
finalValue
) ?
this.activeProductsPriceData.oldPrice * (1 + (tierPrice.percentage_value / 100)) :
finalValue;
}
return finalValue;
}, finalPrice);
}
this.calculatedFinalPrice = finalPrice;
window.dispatchEvent(
new CustomEvent(
"update-product-final-price",
{detail: this.calculatedFinalPrice}
)
);
},
calculateFinalPriceWithCustomOptions() {
let finalPrice = this.calculatedFinalPrice ||
this.initialFinalPrice;
dataLayer.push({
"price": finalPrice
});
this.calculatedFinalPriceWithCustomOptions =
this.activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => {
const customOptionPrice = this.customOptionPrices[activeCustomOptionId];
if (customOptionPrice) {
return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice);
}
return finalPrice;
}, finalPrice);
},
getFormattedFinalPrice() {
return hyva.formatPrice(
this.calculatedFinalPriceWithCustomOptions ||
this.calculatedFinalPrice ||
this.initialFinalPrice
)
},
eventListeners: {
['@update-bundle-option-prices.window'](event) {
this.activeProductsPriceData = event.detail;
this.calculateFinalPrice();
this.calculateFinalPriceWithCustomOptions();
},
['@update-qty-77737.window'](event) {
this.qty = event.detail;
this.calculateFinalPrice();
this.calculateFinalPriceWithCustomOptions();
},
['@update-custom-option-active.window'](event) {
this.updateCustomOptionActive(event.detail);
},
['@update-custom-option-prices.window'](event) {
this.updateCustomOptionPrices(event.detail);
}
}
}
}</script><div x-data="initPrice77737()" x-spread="eventListeners" class="price-box price-final_price my-4" ><div class="final-price flex"><span id="product-price-77737" class="price-wrapper title-font font-medium text-2xl text-gray-900"><span class="price" x-html="getFormattedFinalPrice()"></span></span></div></div> <div class="flex justify-between my-4 sm:mt-0 lg:justify-start"> </div><div class="flex my-4 sm:mt-0"></div></div> <div class="py-4 my-2 tier-price-container"></div></div><div x-data="initBundleSummary()" x-spread="eventListeners" class="bundle-summary hidden" ><div x-show="selectedOptions.length"><div class="mb-2 w-full text-2xl leading-relaxed text-left text-gray-900 border-b subtitle title-font font-base border-container">Résumé</div><div><ul class="bundle items"><template x-for="option in selectedOptions"><li class="mb-2" x-show="option.products.length"><span class="text-base font-semibold" x-html="option.label"></span> <template x-for="product in option.products"><div><span x-html="product.qty"></span> x <span x-html="product.name"></span></div></template></li></template></ul></div></div></div><script>
function initBundleSummary() {
return {
selectedOptions: [],
eventListeners: {
['@update-bundle-option-selection.window'](event) {
this.selectedOptions = event.detail;
}
}
}
}</script></div></div></div>
</div>
<div class="">
</div>
<iframe id="quickedit_form" class="iframe md:mt-6 md:mb-0 w-full h-auto order-first pb-1" width="400" height="400" scrolling="auto" src="https://designer-ab.radbag.de/?params=1&magento_url=https%3A%2F%2Fwww.cadeauxfolies.fr%2F&preview_url=https%3A%2F%2Fpreview.radbag.de&uploader_url=https%3A%2F%2Fuploader.radbag.de&id_template=1332&id_product=77737&id_store=3&lang=fr&selection_id=77736&sid=placeholder&checkedIds=77736,77444&robot=0§ion=quickedit_form"></iframe>
<iframe id="quickedit_modal" class="iframe-fixed" allowfullscreen src="https://designer-ab.radbag.de/?params=1&magento_url=https%3A%2F%2Fwww.cadeauxfolies.fr%2F&preview_url=https%3A%2F%2Fpreview.radbag.de&uploader_url=https%3A%2F%2Fuploader.radbag.de&id_template=1332&id_product=77737&id_store=3&lang=fr&selection_id=77736&sid=placeholder&checkedIds=77736,77444&robot=0§ion=quickedit_modal"></iframe>
<style type="text/css">
.iframe-cont {
display: flex;
width: 100%;
height: 100%;
gap: 10px;
}
.iframe-fixed {
opacity: 0;
left: -100%;
position: fixed;
}
</style>
<!-- Variante and QTY - 19 SQL queries -->
<div class="variant-qty-container mt-2 md:mt-6">
<div class="variant-qty-wrapper justify-between flex md:flex-col mb-2 md:mb-0">
<!-- QTY -->
<div class="qty-container flex justify-between items-center w-auto md:mx-0 order-1 md:mb-5 mt-0 md:my-0">
<div class="flex justify-start flex-col md:flex-row">
<div class="block order-1"> <script>
function initQtyField() {
return {
isOpen: false,
qty: 1,
itemId: '77737',
productId: '77737',
customSelectQty() {
document.querySelector('.qty-select-box').classList.add("hidden");
document.querySelector('.qty-product').classList.remove("hidden");
this.qty = 6;
document.querySelector('.qty-product').select();
},
plusQty() {
document.querySelector('.qty-product-77737').value = parseInt(document.querySelector('.qty-product-77737').value) + 1
},
minusQty() {
if(parseInt(document.querySelector('.qty-product-77737').value) > 1) {
document.querySelector('.qty-product-77737').value = parseInt(document.querySelector('.qty-product-77737').value) - 1
}
},
onGetCartData: function onGetCartData($dispatch) {
var cart = event.detail.data && event.detail.data.cart;
if (cart && cart.items) {
$this = this;
var cartItem = cart.items.find(function (item) {
return (
item.item_id === $this.itemId
&& item.product_id === $this.productId
)
});
if (cartItem && cartItem.qty) {
qty = cartItem.qty;
$dispatch('update-qty-77737', qty);
}
if (cartItem && cartItem.options && cartItem.options.length) {
$dispatch('update-options', cartItem.options);
}
}
}
};
}</script><div x-data="initQtyField()" class="ml-0"> <div class="mr-3 flex items-center gap-2.5 relative w-115px xll:w-140px"><div class="absolute left-2 cursor-pointer" @click="minusQty()"><svg class="w-6 h-6 xll:w-8 xll:h-8" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="#F8F8F8"/><path d="M8 12H16" stroke="#AAAAAA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="absolute right-2 cursor-pointer" @click="plusQty()"><svg class="w-6 h-6 xll:w-8 xll:h-8" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="#1F1F1F"/><path d="M8 12H16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16V8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><label for="qty[77737]" class="sr-only" >Quantité</label> <input name="qty" @private-content-loaded.window="onGetCartData($dispatch)" id="qty[77737]" form="product_addtocart_form" type="text" pattern-="[0-9]{0,4}" min="1" :value="qty" class="qty-product qty-product-77737 border border-borderImg focus:border-borderImg focus:outline-none focus:ring-0 focus:shadow-none shadow-none h-10 xll:h-12 w-115px xll:w-140px rounded-full text-center text-base xll:text-lg xll:leading-26px text-blackfont" x-model.number="qty" @change="$dispatch('update-qty-77737', qty)" /><div class="relative text-primary text-base leading-24px qty-select-box hidden"><div @click="isOpen = !isOpen" class="qty-input relative flex items-center p-18px rounded-full h-12 text-center border-giftInput w-24 bg-white pl-6" :class="{'border-0': isOpen, 'border': !isOpen}" ><span class="text-base" x-text="qty"></span> <span class="transform rotate-90 block absolute z-10 right-6" :class="{ 'hidden' : !isOpen, 'block': isOpen }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 9 13" fill="none" class="w-2 h-3" role="img">
<path d="M8.052 10.7628L3.28117 6.125L8.052 1.48719L6.58325 0.0625L0.333252 6.125L6.58325 12.1875L8.052 10.7628Z" fill="#333333"/>
<title>arrowLeft</title></svg>
</span> <span class="transform -rotate-90 block absolute z-10 right-6" :class="{ 'hidden' : isOpen, 'block': !isOpen }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 9 13" fill="none" class="w-2 h-3" role="img">
<path d="M8.052 10.7628L3.28117 6.125L8.052 1.48719L6.58325 0.0625L0.333252 6.125L6.58325 12.1875L8.052 10.7628Z" fill="#333333"/>
<title>arrowLeft</title></svg>
</span></div><div x-show="isOpen" @click.away="isOpen = !isOpen" @scroll.window="isOpen = false" class="hidden overflow-hidden z-20 bg-white w-24 absolute -top-1 left-0 rounded-20px border-giftInput border qty-container" :class="{'block': isOpen, 'hidden': !isOpen}" > <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="qty=1;isOpen = !isOpen">1</span> <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="qty=2;isOpen = !isOpen">2</span> <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="qty=3;isOpen = !isOpen">3</span> <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="qty=4;isOpen = !isOpen">4</span> <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="qty=5;isOpen = !isOpen">5</span> <span class="flex items-center w-full pl-6 pr-18px py-15px border-b cursor-pointer bg-container-lighter border-giftInput text-base leading-24px text-primary hover:text-greenColor-darker" @click="isOpen = false;customSelectQty()">5+</span></div></div></div></div></div>
<div class="order-2 stockstatus-info flex items-center mt-2"> <div class="flex gap-1.5 text-xs flex-wrap items-center"> <p class="flex items-center available gap-x-2 stock mobile-stock-status" id="mobile-stock-status" title="Disponibilité"><div id="mobile-info-about-stock" class="mobile-info-about-stock"> <input type="hidden" id="child-item-77736" data-id="77736" data-name="Tasse à café personnalisée avec monogramme - Design" data-qty="999" data-status="583" data-status-text="Bientôt disponible" /> <input type="hidden" id="child-item-77444" data-id="77444" data-name="Tasse à café MILANO avec soucoupe" data-qty="150" data-status="583" data-status-text="Bientôt disponible" /> <div class="font-medium hidden no-dropdown-items-info"></div><div class="text-xs font-medium" id="bundle-qty-show"></div> </div><span class="availability-info-text conf-outofstock-info flex text-redColor items-center font-medium text-xs first-letter:lowercase hidden"><span class="w-2 h-2 block rounded-full bg-redColor mr-5px"></span> En stock</span></p></div></div>
</div>
<div id="out-of-stock-sharebtns" class="flex gap-2 hidden">
<div id="cookiewishlist-list-77737" data-product-id="77737" class="cookiewishlist-list-77737 cursor-pointer list-wishlist-heart block" onclick="addToCookieWishlist(77737,'ESMOXT',0); return false;">
<svg class="w-10 h-10 md:w-12 md:h-12 xll:w-14 xll:h-14" width="48" height="48" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whislistcart" />
</svg>
</div>
<div class="socialmediabtn socialmediabtn3 order-3 border border-borderImg hover:bg-blackbtn hover:border-borderActiveImg max-w-10 h-10 w-10 md:max-w-12 md:h-12 md:w-12 xll:max-w-56px xll:h-14 xll:w-14 rounded-full flex items-center justify-center cursor-pointer md:relative" onclick="shareAction3()">
<svg class="socialbtn w-5 h-5 md:w-6 md:h-6" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#share2" />
</svg>
<svg class="socialbtnhover w-5 h-5 md:w-6 md:h-6" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#sharewhite" />
</svg>
<div class="socialbtncontent pt-3 text-center fixed md:absolute z-50 right-0 bottom-0 top-auto md:bottom-auto md:top-54px w-full md:w-416px md:h-236px">
<div class="md:p-6 p-4 text-center relative bg-white shadow shadow-sharebtnsmob md:shadow-sharebtns rounded-t-2xl md:rounded-2 w-full md:w-416px md:h-236px">
<span class="font-semibold text-base md:text-lg leading-24px flex justify-between mb:block pb-5 lg:pb-0">
Partagez avec vos ami·es <span class="md:hidden block">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
<div class="flex justify-between gap-4 mt-4 border-b border-borderImg pb-4">
<a href="whatsapp://send?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" data-action="share/whatsapp/share">
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whatsappicon" />
</svg>
</span>
</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#twitter" />
</svg>
</span>
</a>
<a target="_blank" href="https://www.instagram.com/?url=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#instagram" />
</svg>
</span>
</a>
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#facebook" />
</svg>
</span>
</a>
<a target="_blank" href="" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#gmail" />
</svg>
</span>
</a>
</div>
<span class="text-labeltext text-sm font-medium block text-center mt-4">ou copiez le lien</span>
<span class="h-10 bg-labelbg rounded-lg w-full flex items-center justify-between px-2.5 mt-2">
<input readonly type="text" class="text-purchasetext text-sm truncate max-w-303px block border-0 bg-transparent focus:right-0 focus:outline-none" value="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" id="copyurl2" />
<span onclick="copyText('copyurl2')" class="text-activeInputText text-sm font-semibold">Copier</span>
</span>
</div>
</div>
</div>
<script>
function shareAction3() {
if(screen.width <= 768) {
if(document.querySelector('.socialmediabtn3 .socialbtncontent').style.display == 'block') {
document.querySelector('.socialmediabtn3 .socialbtncontent').style.display = 'none';
} else {
document.querySelector('.socialmediabtn3 .socialbtncontent').style.display = 'block';
}
}
}
</script>
</div>
</div>
<div class="md:hidden order-2 mt-2">
<!-- Price -->
<div class="detail-price-qty-wrapper">
<div class="">
<div class="final-price inline-block" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<span id="product-price-77737" class="price-wrapper">
<span class="price font-bold text-xl lg:text-28px lg:leading-36px" id="old-bundle-price-mobile">
14,99 € </span>
<meta itemprop="price" content="14.99">
<meta itemprop="priceCurrency" content="EUR">
</span>
<span id="old-regular-bundle-price-mobile" class="price-wrapper title-font font-semibold text-sm line-through text-grayColor hidden">14,99 €</span>
</div>
<div class="hidden font-bold text-xl lg:text-28px lg:leading-36px">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="77737" data-price-box="product-id-77737"> <span x-data x-id="['product\u002Dprice\u002D77737']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D77737')" data-price-amount="14.99" data-price-type="" class="price-wrapper" ><span class="price">14,99 €</span></span> </span> </div> </div>
</div>
<div class="text-xs hidden" id="discout-price-label">
Vous économisez <span id="spare-amount"></span> </div>
</div>
</div>
</div>
</div>
<div id="required-error-msg"></div>
<div class="stock-wrapper">
<div class="hidden"> <div class="flex gap-1.5 text-xs flex-wrap items-center"> <p class="flex items-center available gap-x-2 stock mobile-stock-status" id="mobile-stock-status" title="Disponibilité"><div id="mobile-info-about-stock" class="mobile-info-about-stock"> <input type="hidden" id="child-item-77736" data-id="77736" data-name="Tasse à café personnalisée avec monogramme - Design" data-qty="999" data-status="583" data-status-text="Bientôt disponible" /> <input type="hidden" id="child-item-77444" data-id="77444" data-name="Tasse à café MILANO avec soucoupe" data-qty="150" data-status="583" data-status-text="Bientôt disponible" /> <div class="font-medium hidden no-dropdown-items-info"></div><div class="text-xs font-medium" id="bundle-qty-show"></div> </div><span class="availability-info-text conf-outofstock-info flex text-redColor items-center font-medium text-xs first-letter:lowercase hidden"><span class="w-2 h-2 block rounded-full bg-redColor mr-5px"></span> En stock</span></p></div></div> </div>
<!-- Up-sells products -->
<div class="no-iframe">
<div class="hidden md:block" id="desktop-upsell-target-container">
<div id="upsell-block-container"><div class="block mt-6 upsell" data-mage-init='{"upsellProducts":{}}' data-limit="7" data-shuffle="0" data-shuffle-weighted="0"><div class="font-base feautures-block mb-12"><div class="block-content content mt-4" aria-labelledby="block-upsell-heading"><div class="products wrapper grid products-grid products-upsell"><div class="swiper-container swiper-container-upsell w-full"><!-- If we need navigation buttons --><div class="upsell-slider-container"><div class="text-blackfont font-semibold text-base lg:text-2xl">Ajoutez une surprise !</div><div class="upsell-slider-buttons"><div class="swiper-button-prev-upsell"></div><div class="swiper-pagination swiper-pagination-upsell"></div><div class="swiper-button-next-upsell"></div></div></div><div class="swiper-wrapper"> <div class="swiper-slide" id="product-item_73665"><div id="item-product-upsell-0" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-0" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/d/r/drink_buddy_2_1.jpg" alt="Rappel d’hydratation"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/d/r/drink_buddy_2_1.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Rappel d’hydratation</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 14,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-0" data-role="tocart-form" data-product-sku="DRINBU" method="post"><input type="hidden" name="product" value="73665"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(0,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/73665/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_71139"><div id="item-product-upsell-1" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-1" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/s/c/screaming-stress-chicken.jpg" alt="Poulet Anti-stress"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/s/c/screaming-stress-chicken.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Poulet Anti-stress</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 12,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-1" data-role="tocart-form" data-product-sku="STRCHI" method="post"><input type="hidden" name="product" value="71139"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(1,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/71139/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_76533"><div id="item-product-upsell-2" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-2" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/1/6/16667-kitty_coffee_spoon_set_of_4-2.jpg" alt="Cuillères à café Chats, lot de 4"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/1/6/16667-kitty_coffee_spoon_set_of_4-2.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Cuillères à café Chats, lot de 4</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 14,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-2" data-role="tocart-form" data-product-sku="KITCOF" method="post"><input type="hidden" name="product" value="76533"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(2,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/76533/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_70362"><div id="item-product-upsell-3" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-3" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/s/m/small_vacuum_3.jpg" alt="Le Plus Petit Aspirateur Au Monde"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/s/m/small_vacuum_3.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Le Plus Petit Aspirateur Au Monde</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 14,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-3" data-role="tocart-form" data-product-sku="SMAVAC" method="post"><input type="hidden" name="product" value="70362"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(3,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/70362/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_77816"><div id="item-product-upsell-4" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-4" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/f/o/foxbow_2.jpg" alt="Bol petit déjeuner Renard"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/f/o/foxbow_2.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Bol petit déjeuner Renard</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 11,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-4" data-role="tocart-form" data-product-sku="FOXBOW" method="post"><input type="hidden" name="product" value="77816"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(4,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/77816/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_70821"><div id="item-product-upsell-5" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-5" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/o/f/offoff_-_rude_pens-4.jpg" alt="Ensemble de Crayons Fucker"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/o/f/offoff_-_rude_pens-4.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Ensemble de Crayons Fucker</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 9,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-5" data-role="tocart-form" data-product-sku="OFFOFF" method="post"><input type="hidden" name="product" value="70821"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(5,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/70821/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78267"><div id="item-product-upsell-6" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-6" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/p/a/pan_heart_01.jpg" alt="Poêle en forme de cœur"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/p/a/pan_heart_01.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Poêle en forme de cœur</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 9,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-6" data-role="tocart-form" data-product-sku="HEAPEN" method="post"><input type="hidden" name="product" value="78267"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(6,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78267/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78487"><div id="item-product-upsell-7" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-7" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/m/i/microwave_egg_cooker_1.jpg" alt="Cuiseur à œufs pour micro-ondes"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/m/i/microwave_egg_cooker_1.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Cuiseur à œufs pour micro-ondes</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 14,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-7" data-role="tocart-form" data-product-sku="MICEGG" method="post"><input type="hidden" name="product" value="78487"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(7,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78487/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_76890"><div id="item-product-upsell-8" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-8" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/m/g/mgtsck1.jpg" alt="Chaussettes magnétiques main dans la main"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/m/g/mgtsck1.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Chaussettes magnétiques main dans la main</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 9,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-8" data-role="tocart-form" data-product-sku="MGTSCK" method="post"><input type="hidden" name="product" value="76890"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(8,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/76890/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78436"><div id="item-product-upsell-9" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-9" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/k/a/karcat-purrfect-birthday-1000x1000px.jpg" alt="Carte d’anniversaire Chat"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/k/a/karcat-purrfect-birthday-1000x1000px.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Carte d’anniversaire Chat</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 3,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-9" data-role="tocart-form" data-product-sku="KARCAT" method="post"><input type="hidden" name="product" value="78436"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(9,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78436/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_71949"><div id="item-product-upsell-10" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-10" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/d/o/dosblu_-_dosenblume-2.jpg" alt="Fleurs des champs en boîte"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/d/o/dosblu_-_dosenblume-2.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Fleurs des champs en boîte</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 4,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-10" data-role="tocart-form" data-product-sku="DOSBLU" method="post"><input type="hidden" name="product" value="71949"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(10,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/71949/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78776"><div id="item-product-upsell-11" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-11" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/z/e/zeichenfla_che_5.jpg" alt="Ballon étoile pour un anniversaire"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/z/e/zeichenfla_che_5.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Ballon étoile pour un anniversaire</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 4,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-11" data-role="tocart-form" data-product-sku="BALSTA" method="post"><input type="hidden" name="product" value="78776"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(11,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78776/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78440"><div id="item-product-upsell-12" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-12" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/k/a/karsmi-card_smileys-1000x1000px.jpg" alt="Carte de vœux Smiley"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/k/a/karsmi-card_smileys-1000x1000px.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Carte de vœux Smiley</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 3,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-12" data-role="tocart-form" data-product-sku="KARSMI" method="post"><input type="hidden" name="product" value="78440"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(12,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78440/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_71990"><div id="item-product-upsell-13" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-13" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/g/r/grow_tin_killer_1.jpg" alt="Plante Carnivore en Conserve"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/g/r/grow_tin_killer_1.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Plante Carnivore en Conserve</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 9,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-13" data-role="tocart-form" data-product-sku="FLEIPF" method="post"><input type="hidden" name="product" value="71990"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(13,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/71990/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78437"><div id="item-product-upsell-14" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-14" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/k/a/kargeb-happy_birthday_card_1000x1000.jpg" alt="Carte d’anniversaire Fleurs"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/k/a/kargeb-happy_birthday_card_1000x1000.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Carte d’anniversaire Fleurs</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 3,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-14" data-role="tocart-form" data-product-sku="KARGEB" method="post"><input type="hidden" name="product" value="78437"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(14,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78437/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78772"><div id="item-product-upsell-15" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-15" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/z/e/zeichenfla_che_6.jpg" alt="Ballon XXL Penis"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/z/e/zeichenfla_che_6.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Ballon XXL Penis</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 7,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-15" data-role="tocart-form" data-product-sku="BALMRD" method="post"><input type="hidden" name="product" value="78772"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(15,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78772/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_77600"><div id="item-product-upsell-16" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-16" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/s/m/smallest_stress_willy_2.jpg" alt="Mini Penis Anti-Stress "> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/s/m/smallest_stress_willy_2.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Mini Penis Anti-Stress </div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 4,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-16" data-role="tocart-form" data-product-sku="WILBAL" method="post"><input type="hidden" name="product" value="77600"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(16,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/77600/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> <div class="swiper-slide" id="product-item_78438"><div id="item-product-upsell-17" class="relative product-item-info rounded-lg w-full"><span id="add-to-cart-upsell-loading" class="hidden absolute z-10"><img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" /></span> <span id="before-loading-designer" class="hidden w-full h-full absolute top-0 left-0 z-10" style="background-color: rgba(31,31,31,.1);"></span> <div style="backdrop-filter: blur(2px);background-color: rgba(31,31,31,.3);height: 260px;" id="upsell-layer-17" class="absolute z-10 left-0 top-0 w-full rounded-lg hidden items-center justify-center"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></div> <div class="w-full bg-white"><div class="flex items-center gap-2 flex-col"><div class="w-full"><div class="rounded-8px overflow-hidden relative"><img loading="lazy" class="mx-auto" width="240" height="240" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/02f4b7a7af9651f686085c122b4cedd1/k/a/karmax-maxi-birthday-card_1000x1000px.jpg" alt="Carte d’anniversaire XL"> <div class="w-6 h-6 rounded-full absolute left-2 bottom-2 cursor-pointer" onclick="openModal('https://www.cadeauxfolies.fr/media/catalog/product/cache/2e9483d757d7bb4242b3174b6603911f/k/a/karmax-maxi-birthday-card_1000x1000px.jpg')"><img width="24" height="24" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/zoom.svg" alt="zoom" /></div></div></div><div class="font-semibold text-13px leading-5 lg:text-sm lg:leading-5 text-blackfont h-16 overflow-hidden text-left w-full">Carte d’anniversaire XL</div></div> <div class="flex items-center justify-between"><div class="font-bold text-sm lg:text-15px lg:leading-5 upsell-price"> 5,99 € </div> <div class="product actions product-item-actions w-7 h-7"> <div class="actions-primary"> <form id="add-to-cart-product-upsell-17" data-role="tocart-form" data-product-sku="KARMAX" method="post"><input type="hidden" name="product" value="78438"><input type="hidden" name="uenc" value="aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <button onclick="addToCartUpsell(17,'https://www.cadeauxfolies.fr/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuY2FkZWF1eGZvbGllcy5mci90YXNzZS1hLWNhZmUtcGVyc29ubmFsaXNlZS1hdmVjLW1vbm9ncmFtbWU_c3JzbHRpZD1BZm1CT29vb2p5VlUxMzN3dTVrTHBKQmtKYlBFd1Y5YlZJVzRBOGJneGdDaGh1WkFjVkZJU1hZUQ~~/product/78438/');return false;" type="submit" title="Ajouter au panier" id="add-to-cart-icon" class="relative"><span class="invisible bottom-11 absolute z-10 text-black text-xs bg-white rounded-xl py-2 px-2 shadow shadow-tooltip w-44 text-center hidden" id="top">Really bro? Candy grabber without candy? wtf</span> <span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/addtocart.svg" alt="add to cart" /></span></button> <button onclick="return false;" type="submit" title="Ajouter au panier" id="buy-icon" class="hidden"><span class="block"><img class="w-7 h-7" width="28" height="28" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/added.svg" alt="added to cart" /></span></button></form> </div> </div> </div></div></div></div> </div></div></div></div></div></div><div class="upsell-modal hidden fixed w-full h-full justify-center items-center left-0 top-0 z-999"><div class="upsell-overlay" onclick="closeModal()"></div><div class="upsell-modal-container"><img onclick="closeModal()" class="upsell-modal-close w-6 h-6 absolute right-2 top-2 cursor-pointer" width="20" height="20" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/close.svg" alt="close modal" /><img id="upsell-modal-img" src="" alt="usell image" /></div></div></div><style> .swiper-container-upsell .swiper-slide {width: 27%;} .swiper-container-upsell .swiper-wrapper {gap:15px;} .swiper-container-initialized.swiper-container-upsell .swiper-wrapper{gap: 0;} .swiper-container-upsell {padding-top: 70px;} .upsell-items{font-size:14px;font-weight:600} .upsell-modal-container {background: #fff;background-color: rgb(255, 255, 255);background-color: #fff;z-index: 9999999;position: fixed;width: 50%;overflow-y: auto;max-height: 90vh;width: 100%;max-width: 550px;box-shadow: 0px 10px 40px 0px rgba(31, 31, 31, 0.05);border: none;border-radius: 8px;} .upsell-slider-container {height: 50px;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 0;width: 100%;overflow: hidden;} .upsell-slider-buttons {display: flex;justify-content: flex-end;align-items: flex-end;z-index: 9999;position: relative;top: 0px;gap: 3px;height: 28px;} .upsell-slider-container .swiper-button-next-upsell, .upsell-slider-container .swiper-button-prev-upsell{position:relative;top: 0px;left:0;right:0; height:20px} .upsell-slider-container .swiper-button-prev-upsell {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/leftactive.svg") !important;background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-prev-upsell.swiper-button-disabled {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/leftdisable.svg") !important;background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-prev-upsell:active {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/leftblue.svg") !important;background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-next-upsell {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/rightactive.svg") !important; background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-next-upsell.swiper-button-disabled {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/rightdisable.svg") !important; background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-next-upsell:active {background-image: url("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/upsell/rightblue.svg") !important; background-repeat: no-repeat;width: 28px;height: 28px;} .upsell-slider-container .swiper-button-next-upsell::after, .upsell-slider-container .swiper-button-prev:-upsell:after {content: "";} .upsell .product-image-photo {width:100%; height: 150px;object-fit: cover;} .upsell-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999998;backdrop-filter: blur(5px);background-color: rgba(31, 31, 31, 0.48);opacity: 1;} .swiper-container-horizontal>.swiper-scrollbar{width: 76%;margin-bottom: 10px;} .swiper-pagination.swiper-pagination-upsell{position:relative; width: 45px;font-size:13px;font-weight:600;bottom:1px;} .upsell-modal-close{filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.4));} .upsell-price .price-label{display:none;} .upsell-price .special-price .price {color:#e00000;font-weight: 600;} .upsell-price .old-price .price {color:#838e9a;font-size: .875rem;font-weight: 500;line-height: 1.25rem;} @media all and (max-width: 1200px) { .swiper-container-horizontal>.swiper-scrollbar{width: 72%;} } @media all and (max-width: 768px) { .upsell-slider-buttons{display:none;} .swiper-container-horizontal>.swiper-scrollbar{width: 98%;} .upsell-modal-container {width: 93vw} .upsell-slider-container{height: 40px;} #mobile-upsell-target-container .feautures-block {margin: 0;} .swiper-container-upsell{padding-top: 55px;} }</style><script>
function openModal(imgurl) {
document.querySelector('.upsell-modal').classList.remove('hidden');
document.querySelector('.upsell-modal').classList.add('flex');
document.getElementById("upsell-modal-img").src = imgurl;
}
function closeModal() {
document.querySelector('.upsell-modal').classList.add('hidden');
document.querySelector('.upsell-modal').classList.remove('flex');
document.getElementById("upsell-modal-img").src = '';
}
function addToCartUpsell(i, url) {
document.querySelector("#upsell-layer-"+i).classList.remove('hidden');
document.querySelector("#upsell-layer-"+i).classList.add('flex');
const data = new URLSearchParams();
const formElement = document.querySelector('#add-to-cart-product-upsell-'+i)
for (const pair of new FormData(formElement)) {
data.append(pair[0], pair[1]);
}
fetch(url, {
method: 'post',
body: data,
})
.then(function(res){
if(res.status === 200) {
document.querySelector("#add-to-cart-product-upsell-"+i+" #add-to-cart-icon").classList.remove('flex');
document.querySelector("#add-to-cart-product-upsell-"+i+" #add-to-cart-icon").classList.add('hidden');
document.querySelector("#add-to-cart-product-upsell-"+i+" button").classList.add('bg-activePage');
document.querySelector("#add-to-cart-product-upsell-"+i+" button").classList.remove('bg-white');
document.querySelector("#add-to-cart-product-upsell-"+i+" #buy-icon").classList.remove('hidden');
document.querySelector("#add-to-cart-product-upsell-"+i+" #buy-icon").classList.add('flex');
document.querySelector("#upsell-layer-"+i).classList.add('hidden');
document.querySelector("#upsell-layer-"+i).classList.remove('flex');
document.querySelector("#item-product-upsell-"+i).classList.add('border-activeInput');
document.querySelector("#item-product-upsell-"+i).classList.remove('border-borderImg');
} else {
document.querySelector("#upsell-layer-"+i).classList.add('hidden');
document.querySelector("#upsell-layer-"+i).classList.remove('flex');
}
})
}
document.addEventListener('DOMContentLoaded', function () {
const block = document.getElementById('upsell-block-container');
const desktopTarget = document.getElementById('desktop-upsell-target-container');
const mobileTarget = document.getElementById('mobile-upsell-target-container');
function moveBlock() {
if (window.innerWidth < 768) {
if (!mobileTarget.contains(block)) {
mobileTarget.appendChild(block);
}
} else {
if (!desktopTarget.contains(block)) {
desktopTarget.appendChild(block);
}
}
setTimeout(() => {
(function() {
var script = document.createElement("script");
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/css/swiper-bundle.min.css';
link.media = 'all';
script.src = "https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/js/swiper-bundle.min.js";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
document.getElementsByTagName("head")[0].appendChild(link);
script.addEventListener('load', () => {
var swiperProducts = new Swiper('.swiper-container-upsell', {
lazy: true,
loop: false,
slidesPerView: 3.5,
slidesPerGroup: 3,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination-upsell',
type: "fraction"
},
navigation: {
nextEl: '.swiper-button-next-upsell',
prevEl: '.swiper-button-prev-upsell',
},
breakpoints: {
300: {
slidesPerView: 2.5,
slidesPerGroup: 2,
spaceBetween: 20,
},
450: {
slidesPerView: 3.5,
slidesPerGroup: 3,
spaceBetween: 20,
},
1420: {
slidesPerView: 3.5,
slidesPerGroup: 3,
spaceBetween: 20,
}
}
});
});
}());
}, 200);
}
moveBlock();
window.addEventListener('resize', moveBlock);
});</script> </div>
</div>
<div id="buy-now-btn" class="flex flex-col items-start">
<div class="block mt-2 w-full lg:max-w-548px xll:max-w-none btn-add-to-cart">
<div class="" x-data="initDesigner()" x-init="prepareDesigner()" x-bind="eventListeners">
<div class="flex gap-2">
<div class="flex-1">
<button onclick="openEditor()"
type="button"
title="Personnaliser le produit"
class="btn bg-primary-darker shadow-none h-10 md:h-12 w-full px-31px rounded-30px hidden"
id="configure-btn-bundle"
style=" display:none !important"
>
<span class="text-white text-sm md:text-base font-bold block mx-auto">Personnaliser le produit</span>
</button>
<button onclick="return addToCartQuickEdit()"
type="button"
title="Ajouter au panier"
class="btn bg-primary-darker shadow-none h-10 md:h-12 w-full px-31px rounded-30px"
id="quick-edit-addtocartbtn"
>
<span class="text-white text-sm md:text-base font-bold block mx-auto">Ajouter au panier</span>
</button>
</div>
<input type="hidden" name="quick_edit" id="quick_edit" value="0" />
<div class="socialmediabtn socialmediabtn2 order-3 border border-borderImg hover:bg-blackbtn hover:border-borderActiveImg max-w-10 h-10 w-10 md:max-w-12 md:h-12 md:w-12 xll:max-w-56px xll:h-14 xll:w-14 rounded-full flex items-center justify-center cursor-pointer md:relative" onclick="shareAction2()">
<svg class="socialbtn w-5 h-5 md:w-6 md:h-6" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#share2" />
</svg>
<svg class="socialbtnhover w-5 h-5 md:w-6 md:h-6" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#sharewhite" />
</svg>
<div class="socialbtncontent pt-3 text-center fixed md:absolute z-50 right-0 bottom-0 top-auto md:bottom-auto md:top-54px w-full md:w-416px md:h-236px">
<div class="md:p-6 p-4 text-center relative bg-white shadow shadow-sharebtnsmob md:shadow-sharebtns rounded-t-2xl md:rounded-2 w-full md:w-416px md:h-236px">
<span class="font-semibold text-base md:text-lg leading-24px flex justify-between mb:block pb-5 lg:pb-0">
Partagez avec vos ami·es <span class="md:hidden block">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</span>
<div class="flex justify-between gap-4 mt-4 border-b border-borderImg pb-4">
<a href="whatsapp://send?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" data-action="share/whatsapp/share">
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whatsappicon" />
</svg>
</span>
</a>
<a target="_blank" href="https://twitter.com/intent/tweet?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#twitter" />
</svg>
</span>
</a>
<a target="_blank" href="https://www.instagram.com/?url=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#instagram" />
</svg>
</span>
</a>
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#facebook" />
</svg>
</span>
</a>
<a target="_blank" href="" >
<span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center">
<svg class="w-6 h-6">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#gmail" />
</svg>
</span>
</a>
</div>
<span class="text-labeltext text-sm font-medium block text-center mt-4">ou copiez le lien</span>
<span class="h-10 bg-labelbg rounded-lg w-full flex items-center justify-between px-2.5 mt-2">
<input readonly type="text" class="text-purchasetext text-sm truncate max-w-303px block border-0 bg-transparent focus:right-0 focus:outline-none" value="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" id="copyurl4" />
<span onclick="copyText('copyurl4')" class="text-activeInputText text-sm font-semibold">Copier</span>
</span>
</div>
</div>
</div>
<div id="cookiewishlist-list-77737" data-product-id="77737" class="cookiewishlist-list-77737 cursor-pointer list-wishlist-heart order-2" onclick="addToCookieWishlist(77737,'ESMOXT',0); return false;">
<svg class="w-10 h-10 md:w-12 md:h-12 xll:w-14 xll:h-14" width="48" height="48" fill="none">
<use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whislistcart" />
</svg>
</div>
<script>
function shareAction2() {
if(screen.width <= 768) {
if(document.querySelector('.socialmediabtn2 .socialbtncontent').style.display == 'block') {
document.querySelector('.socialmediabtn2 .socialbtncontent').style.display = 'none';
} else {
document.querySelector('.socialmediabtn2 .socialbtncontent').style.display = 'block';
}
}
// if (navigator.share) {
// navigator.share({
// title: 'Tasse à café personnalisée avec monogramme',
// url: 'https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme?shared'
// }).then(() => {
// console.log('Thanks for sharing!');
// }).catch(console.error);
// }
}
</script>
<button type="submit" id="product_addtocart_form_button" form="product_addtocart_form" title="In den Warenkorb" class="btn bg-primary-darker shadow-none h-12 md:h-50px w-full md:w-auto px-25px rounded-30px hidden">
<span class="text-white text-sm md:text-base font-bold block mx-auto">In den Warenkorb </span>
</button>
<!-- Validation modal -->
<div id="images-validation-modal" class="hidden">
<div class="geoip-form">
<p>Oups, Vous n'avez pas oublié quelque chose?</p>
<p>On dirait que vous n'avez pas tout personnalisé. Vérifiez l'aperçu et remplacez les cases vides (à moins que vous préfériez ainsi?)</p>
<p>Un problème ? Consultez notre <a target="_blank" style="color: #00e494 !important;" href="https://www.cadeauxfolies.fr/faq?sublink=personnalisable/">FAQ</a></p>
</div>
</div>
<iframe id="designer" data-read-url="" src="" class="opacity-0 -left-full fixed"></iframe>
<div class="designer__imgUploader-wrap hidden">
<div class="designer__imgUploader-Placeholder"></div>
<div class="designer__imgUploader">
<div class="imgUploader__title">
Uploads </div>
<label for="file-input" class="dropzone-upload-button">
<span class="dropzone-upload-button-span" id="imgUploader__upload">Uploader les images</span>
<input id="file-input" type="file" accept=".png, .jpg, .jpeg" name="name" multiple />
</label>
<div class="imgUploader__title imgUploader__title_subtitle">
Sélectionnez l'image téléchargée en cliquant dessus </div>
<div class="imgUploader__images-wrapper">
<div class="imgUploader__images"></div>
<div class="loader-wrap">
<div class="loader"></div>
<div class="loader-info"></div>
</div>
</div>
<button class="cancel-button" onclick="imgUploaderClose()" type="button">Fermer</button>
</div>
</div>
<div class="hidden backdrop bg-layer z-70 desginer-container-quick-edit" id="layer-quick-editor" :class="{'block': openQuickEditor == true, 'hidden': openQuickEditor == false}"
x-transition:enter="ease-in-out duration-500"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in-out duration-500"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
@click="openQuickEditor = false"
aria-label="Close panel"></div>
<div :class="{'fixed': openQuickEditor == true, 'hidden': openQuickEditor == false}" id="quick-editor" class="hidden inset-y-0 mx-auto h-full bottom-0 w-full z-40 top-0 left-0 right-0 text-primary md:top-0 md:mr-0 md:h-screen md:right-0 md:left-auto md:max-w-336px bg-white">
<div class="block quick-edit-title flex justify-between items-center">
<strong class="label text-lg font-semibold body-font text-primary">Personnaliser le produit</strong>
<span class="cursor-pointer" @click="hideQuickEditor()">
<svg width="43" height="43" viewbox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.4253 14.425L28.0017 28.0014" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
<path d="M28.0015 14L14.425 27.5765" stroke="#333333" stroke-width="2" stroke-miterlimit="10"/>
</svg>
</span>
</div>
<div class="block mb-4 designer-preview-image">
<img class=""
data-default="https://www.cadeauxfolies.fr/media/catalog/product/cache/4374a2357790363ca70354e6d07a5f4d/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg"
id="designer-preview-image-small"
src="https://www.cadeauxfolies.fr/media/catalog/product/cache/4374a2357790363ca70354e6d07a5f4d/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg"
/>
</div>
<div id="quick-edit-fields-block" class="block"></div>
<span id="loading-animation" class="hidden fixed z-10 top-20 justify-center items-center right-20">
<img loading="lazy" width="100" height="100" class="w-2/4" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" />
</span>
<div class="block quick-edit-buttons">
<div class="config-preview-checkbox">
<input type="checkbox" name="config_preview_check" id="config_preview_check" class="conf-preview-check" />
<label class="quick-edit-checkbox-label" for="config_preview_check">
Veuillez effectuer une nouvelle vérification avant de poursuivre, car l’impression se fera conformément à l’aperçu généré. Quelque chose n'est pas clair ? Consultez notre <a target="_blank" href="https://www.cadeauxfolies.fr/faq?sublink=personnalisable/">FAQ</a>
</label>
</div>
</div>
<div class="add-to-cart-conf">
<button class="btn bg-primary-darker w-full h-12 rounded-full flex justify-center" id="add-to-cart-conf" @click="addToCart()">Ajouter au panier</button>
</div>
</div>
</div>
<style type="text/css">
#quick-editor{padding: 20px 14.75px 120.75px 14.75px !important;-webkit-transition:right 0.5s ease-out;-moz-transition:right 0.5s ease-out;transition:right 0.5s ease-out;position:fixed!important;max-width:360px;width:100%!important;background-color:#fff!important;z-index:99!important;height:100vh;overflow-y:scroll;box-shadow:0 1px 2px 0 rgba(48,58,56,0.1), 0 8px 16px 0 rgba(40,52,49,0.2)!important;}
.quick-edit-input textarea{max-width:100%;border: 1px solid #becad6;border-radius: .375rem;padding: .5rem;font-size: 16px;line-height: 1.5;color: #495057;}
#quick-edit-fields-block{margin-bottom:20px;}
.quick-edit-full-editor{text-align:center;margin:20px 0px;width: 100%;order: 10;}
.quick-edit-full-editor
.quick-edit-buttons{margin-bottom:100px;text-aling:center;}
#config_preview_check{float:left;}
.quick-edit-checkbox-label{position:relative;padding-left:30px;color:#6f6f6f;font-style:normal;font-size:12px;line-height:16px;letter-spacing:0;display:block;}
.add-to-cart-conf{position:fixed;width:100%;margin:0 -14.75px;bottom:0px;border-top:0.5px solid #DBDBDB;padding:16px 18px 25px;max-width:360px;background-color:#fff;z-index:5;animation-name:forceRedraw;animation-duration:4s;animation-iteration-count:infinite;}
#quick-edit-fields-block .quick-edit-field .quick-edit-label{color: #8A8A8A;font-size: 14px;margin-bottom: 5px;margin-top: 10px;font-weight:600;}
.show-detail.block{border-radius: 100px;display: inline-block;font-weight: 600;border: 1px solid #fff;background-color: #fff;font-size: 14px;letter-spacing: 1px;text-decoration: none;color: #333;padding: 10px 20px;font-size: 16px;margin-right: 15px;background-color: #333;border-color: #333;color: #fff;}
.open-editor-btn {color: #07B0FF;font-size: 14px;margin-top: 5px;}
.background-options-field{overflow-x: scroll;white-space: nowrap;}
.background-option{width: 42px;height: auto;display: inline-block;}
.image-field{display: flex;align-items: center;width: 100px;height: 100px;justify-content: center;background-color: rgba(88,88,88,0.05);border: 1px solid rgba(88,88,88,0.05);position: relative;}
.quick-edit-field-image {max-width: 100px;max-height: 100px;display: block;}
.quick-edit-field.field-quick-image#field-Background {order: 1;width: 100%;position: relative;}
.quick-edit-field.field-quick-image#field-Background #backgrounds {overflow-x: scroll;white-space: nowrap;position: absolute;top: 36px;left: 106px;width: 225px;}
.image-field-button {margin-left: 20px;display: none;}
.quick-edit-field.field-quick-image {order: 2;width: 100px;margin-right: 5px;flex:100%;}
#quick-edit-fields-block {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: left;}
.designer__imgUploader-wrap{position: fixed;z-index: 99999;top: 0;left: 0;display: -webkit-flex;display: none;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;width: 100%;height: 100%;}
.designer__imgUploader-Placeholder {position: absolute;z-index: -1;top: -25vh;left: -25vw;width: 150vw;height: 150vh;background: #676767;}
.designer__imgUploader {overflow: auto;padding-bottom: 10px;}
.designer__imgUploader {position: relative;z-index: 99999;width: 90%;width: calc(100% - 50px);max-width: 100%;height: 90%;height: calc(100% - 50px);max-height: 100%;background: #fff;}
.imgUploader__title {font-weight: 600;font-size: 18px;padding: 17px 15px 10px 22px;color: #222C28;font-family: "Poppins", sans-serif;}
.designer__imgUploader .dropzone-upload-button {display: block;}
.designer__imgUploader .dropzone-upload-button {margin: 45px auto;text-align: center;}
.designer__imgUploader .dropzone-upload-button .dropzone-upload-button-span {border: 1px dashed #868686;outline: none;background-color: transparent;padding: 11px 45px;border-radius: 4px;cursor: pointer;}
.imgUploader__images-wrapper {padding: 17px 15px 10px 22px;display: flex;flex-wrap: wrap;}
.imgUploader__images {padding: 0;display: inline-flex;align-items: center;flex-wrap: wrap;}
.imgUploader__images {padding: 5px 15px 10px 22px;}
.loader-wrap {width: 100%;max-width: 70px;height: 70px;background-color: rgb(202, 202, 202);display: none;}
.designer__imgUploader .cancel-button {background-color: #222C28;color: #FFFFFF;border: none;cursor: pointer;min-width: 100px;min-height: 30px;text-align: center;border-radius: 2px;margin-right: 15px;float: right;}
.dropzone-upload-button #file-input {display: none;}
body.open-quick-editor .page-wrapper,body.open-quick-editor {overflow: hidden;height:100vh}
.config-preview-checkbox{padding-bottom:100px;}
@media only screen and (max-width: 768px) {
#quick-editor{height:100vh;max-width: 500px;box-shadow: none !important;box-sizing: border-box;}
.show-detail.block{margin-right:0}
.add-to-cart-conf{max-width: 500px;}
}
</style>
<script defer>
/* Listen on designer events */
var requestSent = false;
var updateRun = false;
var previewRecieved = false;
var resetChanges = false;
var quickEditorImagesLength = 0;
var sid = '';
var date = false;
var loadingImages = false;
var imgSelected;
var fieldName;
var productId = 77737;
var date = new Date();
var loadDesigner = false;
function initDesigner() {
return {
sid: null,
date: null,
loading: false,
openQuickEditor: false,
openAdvancedEditor: false,
productId: 77737,
move: 0,
configureButtonClick: function() {
var selected = false;
document.querySelectorAll('.fieldset-bundle-options .field .radio').forEach(function(element) {
if(element.checked) {
if(element.attributes['data-read-url'].value !== '') {
var selection = element.attributes['data-selection-id'].value;
selected = true;
}
}
});
if(selected) {
this.openQuickEditor = true;
jQuery('#quick-editor').css('display','block');
jQuery('#layer-quick-editor').css('display','block');
jQuery('body').addClass('open-quick-editor');
}
// this.openFullEditor();
// ga('send', 'event', 'Bundle configure', 'notification', 'ESMOXT');
},
hideQuickEditor: function() {
jQuery('#quick-editor').css('display','none');
jQuery('#layer-quick-editor').css('display','none');
jQuery('body').removeClass('open-quick-editor');
this.openQuickEditor = false;
},
clickOnLoadingButton: function() {
this.androidFix();
this.facebookAppFix();
this.initImages();
this.move = 1;
document.querySelector('.loading-designer-button').style.display = "none";
document.querySelector('#quick-edit-addtocartbtn').style.display = "block";
document.querySelector('#prequickedit').style.display = "block";
loadDesigner = true;
},
prepareDesigner: function() {
this.androidFix();
this.facebookAppFix();
this.initImages();
},
moveCursor: function() {
/*
if(this.move == 0){
this.androidFix()
this.facebookAppFix()
this.initImages()
this.move = 1;
loadDesigner = true;
}
*/
},
initImages: function() {
this.date = new Date();
fetch('https://www.cadeauxfolies.fr/productsdesigner/config/getSid/')
.then(response => response.text())
.then(sid => {
this.sid = sid;
this.loading = true;
fetch('https://uploader.radbag.de/visitor/filelist/' + sid)
.then(response => response.text())
.then(data => {
// Init Quick edit
this.initQuickEdit();
});
});
},
initQuickEdit: function() {
this.openQuickEditor = false;
var selectionIds = [];
var checkedIds = [];
var price = 0.00;
// Collect selection IDs
document.querySelectorAll('.fieldset-bundle-options .field .radio').forEach(function(element) {
if(element.checked) {
var itemPrice = parseFloat(element.attributes['data-price'].value);
price += itemPrice;
if(element.attributes['data-read-url'].value !== '') {
selectionIds.push(element.attributes['data-selection-product-id'].value);
}
checkedIds.push(element.attributes['data-selection-product-id'].value);
}
});
// Load and init quick edit fields
fetch('https://www.cadeauxfolies.fr/productsdesigner/config/initDesigner/?product_id=' + this.productId + '&price=' + price + '&selection_ids=' + selectionIds.join(',') + '&checked_ids=' + checkedIds.join(',') + '&upsell=0')
.then(response => response.json())
.then(data => {
jQuery('#designer').attr('src', data.designer_url);
jQuery('#designer').attr('data-read-url', data.read_url);
jQuery('#quick-edit-fields-block').html(data.quick_edit_fields);
jQuery('#bundle-price').html(data.price);
jQuery('#bundle-price-mobile').html(data.price);
jQuery('.conf-preview-check').attr('checked',false);
jQuery('#quick_edit').val(data.quick_edit);
if(data.quick_edit == '1') {
if(jQuery('#quickedit_form').attr('src') == '') {
jQuery('#quickedit_form').attr('src', data.quick_edit_url);
jQuery('#quickedit_modal').attr('src', data.quick_edit_modal_url);
jQuery('#quickedit_preview').attr('data-src', data.quick_edit_preview_url);
}
jQuery('#quickedit_form').removeClass('hidden');
showQuickEdit();
jQuery('#configure-btn-bundle').hide();
jQuery('#quick-edit-addtocartbtn').show();
} else {
jQuery('#gallery').show();
}
});
initOptions();
},
androidFix: function() {
if(/Android/.test(navigator.appVersion)) {
window.addEventListener("resize", function() {
if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
document.activeElement.scrollIntoView();
}
})
}
},
facebookAppFix: function() {
var ua = navigator.userAgent || navigator.vendor || window.opera;
if((ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1 ) || (ua.indexOf("Instagram") > -1)) {
document.querySelectorAll('#file-input')[0].removeAttribute("accept");
}
},
generatePreview: function(status) {
// console.log('generatePreview');
},
openFullEditor: function(status) {
var valid = false;
if (jQuery('#contains_alcohol').length == 1) {
if(!jQuery('#contains_alcohol').is(':checked')) {
jQuery('#contains-alcohol').append('<div id="contains-alcohol-validation" class="text-xs my-2 mb-4 text-red-600">Pour acheter ce produit, vous devez avoir l\'age légal.</div>');
} else {
valid = true;
}
} else {
valid = true;
}
if(valid) {
/* Reset designer */
var iframe = document.getElementById('designer');
iframe.src = iframe.src;
jQuery("#designer").css("width", "100%");
jQuery("#designer").css("top", "0");
jQuery("#designer").css("left", "0");
jQuery("#designer").css("height", "100%");
jQuery('body').addClass("full-designer-open");
jQuery('.page-header').hide();
setTimeout(function(){
jQuery("#designer").css("opacity", "1");
jQuery("#designer").css("z-index", "9999999");
jQuery("#designer").css("display", "block");
},1000);
}
},
addToCart: function() {
jQuery('#loading-animation').css('display','flex');
if(jQuery('#quick-editor .conf-preview-check').is(':checked')) {
let texts = [];
jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {
let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};
texts.push(text);
});
jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');
setTimeout(function() {
jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE_ADD_TO_CART", texts}, '*');
}, 1000);
} else {
jQuery('#quick-editor .quick-edit-checkbox-label').css('color','red');
jQuery("#quick-editor").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);
jQuery(".desginer-container-quick-edit-conten").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);
jQuery('#loading-animation').css('display','none');
}
},
eventListeners: {
['@scroll.window'](event){
if(this.move == 0){
this.moveCursor()
}
},
['@mousemove.window'](event){
if(this.move == 0){
this.moveCursor()
}
},
['@touchstart.window'](event){
if(this.move == 0){
this.moveCursor()
}
}
}
}
}
function showQuickEdit() {
setTimeout(function () {
jQuery('#prequickedit').hide();
jQuery('#quickedit_form').show();
if(jQuery('#quickedit_preview').css('display') !== 'block') {
jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));
jQuery('#quickedit_preview').css('display','flex');
jQuery('#quickedit_preview').css('visibility','hidden');
jQuery('#quickedit_preview').css('position','absolute');
}
setTimeout( function () {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");
});
}, 500);
}, 2000);
}
function addToCartQuickEdit() {
let outofStock = 1;
document.querySelectorAll('.config-options-select').forEach((item) => {
let itemsChildren = item.children;
for (var indx = 0; indx < itemsChildren.length; indx++) {
if(itemsChildren[indx].classList.contains('text-activeInputText') && itemsChildren[indx].classList.contains('bg-outofstock')) {
outofStock = 0;
}
}
});
if(outofStock > 0) {
// jQuery('#product_addtocart_form_button').click();
jQuery('#new-add-tocart-popup').show();
jQuery('#new-add-tocart-popup').addClass('show-popup-upsell');
document.getElementById('quickedit_form') ?.contentWindow.postMessage({
eventType: "QUICK_EDIT_ADD_TO_CART"
}, "*");
} else {
window.dispatchMessages !== "undefined" && window.dispatchMessages([
{
type: "warning",
text: "Javascript doit être activé dans votre navigateur pour utiliser toutes les fonctionnalités de ce site."
}
], 7000);
}
}
function showPreview() {
jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));
jQuery('#quickedit_preview').show();
jQuery('#gallery-block').hide();
return false;
}
function openEditor() {
try {
const browserStorageInfo = window.localStorage || window.sessionStorage;
} catch (error) {
var errorMessage = 'Aux utilisatrices et utilisateurs de iPhone et iPad : Veuillez penser à désactiver dans Safari la fonction « bloquer tous les cookies » sur vos appareils iPhone et iPad. Sinon, pas de cookies, et vous ne pouvez rien commander chez nous. Donc, pour pouvoir passer votre commande et surfer en toute tranquillité, activez les cookies ! Merci et bon shopping ! Votre équipe CadeauxFolies';
alert(errorMessage);
return false;
}
var valid = false;
if (jQuery('#contains_alcohol').length == 1) {
if(!jQuery('#contains_alcohol').is(':checked')) {
jQuery('#contains-alcohol').append('<div id="contains-alcohol-validation" class="text-xs my-2 mb-4 text-red-600">Pour acheter ce produit, vous devez avoir l\'age légal.</div>');
} else {
valid = true;
}
} else {
valid = true;
}
validArray = [];
if(document.querySelector(".bundle-configurable") != null) {
document.querySelectorAll('.bundle-configurable .configurable .super-attribute-select').forEach((conf) => {
if(conf.value == '') {
valid = false;
} else {
valid = true;
}
validArray.push(valid);
})
if(validArray.includes(false)) {
valid = false;
document.querySelector("#required-error-msg").innerHTML = `<div id="config-validation" class="text-xs my-2 mb-4 text-red-600 max-w-305px mx-auto px-2.5 md:px-0 md:mx-0">Please specify the product's option(s).</div>`;
} else {
valid = true;
document.querySelector("#required-error-msg").textContent = "";
}
}
if(valid) {
if(jQuery('#quick_edit').val() == '1') {
var quickEditSrc = jQuery('#quickedit_form').attr('src');
jQuery('#quickedit_form').attr('src', '');
var previewSrc = jQuery('#quickedit_preview').attr('src');
jQuery('#quickedit_preview').attr('src', '');
setTimeout(function () {
jQuery('#quickedit_form').attr('src', quickEditSrc);
jQuery('#quickedit_preview').attr('src', previewSrc);
jQuery('#quickedit_form').toggleClass('hidden');
jQuery('#quickedit_preview').toggleClass('hidden');
jQuery('#gallery').toggleClass('hidden');
}, 500);
} else {
jQuery("#designer")[0].contentWindow.postMessage({
eventType: "DESIGNER_POPUP_OPEN"
}, '*');
jQuery("#designer").css("width", "100%");
jQuery("#designer").css("top", "0");
jQuery("#designer").css("left", "0");
jQuery("#designer").css("height", "100%");
jQuery("#designer").css("opacity", "1");
jQuery("#designer").css("z-index", "9999999");
jQuery("#designer").css("display", "block");
jQuery('body').addClass("full-designer-open");
jQuery('.page-header').hide();
}
}
}
/* Re-init designer */
function updateDesigner() {
// if(loadDesigner) {
var selectionIds = [];
var checkedIds = [];
var configurableCheckedIds = [];
var price = 0.00;
// Collect selection IDs
document.querySelectorAll('.fieldset-bundle-options .radio.product.bundle.option').forEach(function(element) {
if(element.checked) {
var itemPrice = parseFloat(element.attributes['data-price'].value);
price += itemPrice;
if(element.attributes['data-read-url'].value !== '') {
selectionIds.push(element.attributes['data-selection-product-id'].value);
}
checkedIds.push(element.attributes['data-selection-product-id'].value);
}
});
// Check if there aren't any configurable options
if(jQuery('.bundle-configurable.fieldset .field.configurable').length > 0) {
jQuery('.bundle-configurable.fieldset .field.configurable').each(function(index, elem) {
var options = jQuery(elem).find('.config-bundle-option');
jQuery(options).each(function () {
if(jQuery(this).hasClass('bg-activeInput') && !jQuery(this).hasClass('bg-outofstock')) {
configurableCheckedIds.push(jQuery(this).attr('data-value'));
}
});
});
var combinationKey = configurableCheckedIds.join('-');
var res = configurableCombinationsMapping.get(combinationKey);
if(typeof res !== "undefined") {
checkedIds.push(res);
}
}
if(jQuery('.bundle-configurable.fieldset .field.configurable').length === configurableCheckedIds.length) {
// Load and init quick edit fields
fetch('https://www.cadeauxfolies.fr/productsdesigner/config/initDesigner/?_t=' + date.getTime() + '&product_id=' + productId + '&price=' + price + '&selection_ids=' + selectionIds.join(',') + '&checked_ids=' + checkedIds.join(',') + '&upsell=0')
.then(response => response.json())
.then(data => {
jQuery('#designer').attr('src', data.designer_url);
jQuery('#designer').attr('data-read-url', data.read_url);
jQuery('#quick-edit-fields-block').html(data.quick_edit_fields);
jQuery('#bundle-price').html(data.price);
jQuery('#bundle-price-mobile').html(data.price);
jQuery('.conf-preview-check').attr('checked',false);
if(jQuery('#quick_edit').val() == '1') {
jQuery('#quickedit_preview').attr('data-src', data.quick_edit_preview_url);
jQuery('#quickedit_preview').attr('src', data.quick_edit_preview_url);
jQuery('#quickedit_modal').attr('src', data.quick_edit_modal_url);
jQuery('#quickedit_form').attr('src', data.quick_edit_url);
setTimeout( function () {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");
});
}, 500);
}
});
}
}
function initOptions() {
jQuery('.fieldset-bundle-options .field .radio').each(function(){
jQuery(this).click(function(){
updateDesigner();
});
});
}
/* Show available backgrounds */
function showAvailableBackgrounds() {
jQuery('.backgrounds').toggle();
}
function showAvailableColorBackgrounds() {
jQuery('.quick-edit-background-color-selector').toggle();
}
/* Apply selected background */
function applyNewBackground(backgroundFieldName, backgroundUrl) {
showLoading();
// jQuery('.open-config-block .loading-logo-preview-block').css('display','block');
imgSelected +=1;
jQuery(".quick-edit-field-image[data-background-index=1]").attr("src", backgroundUrl);
jQuery("#designer")[0].contentWindow.postMessage({
eventType: "IMAGE_CHANGE",
images: {
url : backgroundUrl,
name : backgroundFieldName
}
}, '*');
jQuery('.backgrounds').toggle();
}
function applyNewColorBackground(backgroundFieldName, color) {
showLoading();
jQuery("[id='color-background']").css("background-color", "#" + color);
jQuery("#designer")[0].contentWindow.postMessage({
eventType: "BACKGROUND_COLOR_CHANGE",
backgroundColor: {
color : color,
name : backgroundFieldName
}
}, '*');
jQuery("[id='color-backgrounds']").toggle();
}
/* Show loading overlay */
function showLoading() {
jQuery('#loading-animation').css('display','flex');
}
/* Open uploader window */
function imgUploaderOpen(name, index) {
imgSelected = index - 1;
fieldName = name;
if(quickEditorImagesLength === 0 && jQuery('#file-input')) jQuery('#file-input').trigger('click')
jQuery('.page-header').hide();
jQuery('.designer__imgUploader-wrap').show(function () {
jQuery(".designer__imgUploader-wrap").css("display", "flex");
});
}
/* Apply new image */
function applyNewImg(url, width, height) {
/* Show loading before loading image is not completely done */
showLoading();
imgSelected += 1;
/* Set thumb image in quick preview */
jQuery(".quick-edit-field-image[data-img-index=" + imgSelected + "]").attr("src", url);
/* Get full image URL */
url = url.replace('/thumbs/','/resized/');
/* Send into designer to use */
jQuery("#designer")[0].contentWindow.postMessage({
eventType: "IMAGE_CHANGE",
images: {
index: imgSelected -1,
url : url,
width,
height,
name : fieldName
}
}, '*');
}
/* Close uploader window */
function imgUploaderClose() {
jQuery('.page-header').show();
jQuery('.designer__imgUploader-wrap').hide('fast');
}
// Load already uploaded images
function imgUploaderGetData(filesCount) {
// Date object
date = new Date();
// Load user SID
jQuery.ajax({
method: 'get',
url: "https://www.cadeauxfolies.fr/productsdesigner/config/getSid/",
data: {_t: date.getTime()},
success: function (response) {
sid = response;
if(!loadingImages) {
loadingImages = true;
// Load uploaded images
jQuery.ajax({
method: 'get',
url: "https://uploader.radbag.de/visitor/filelist/" + sid,
success: function (response) {
jQuery(".imgUploader__images img").remove();
quickEditorImagesLength = response.files.length;
response.files.forEach(function (item, index) {
jQuery(".imgUploader__images").append(jQuery("<img alt=''/>").attr('src', "https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item).click(function () {
applyNewImg("https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item, response.filesDimensionsObject[item].width, response.filesDimensionsObject[item].height);
imgUploaderClose();
} ));
if(index == 0 && filesCount == 1){
applyNewImg("https://uploader.radbag.de/visitor/filename/" + sid + "/thumbs/" + item, response.filesDimensionsObject[item].width, response.filesDimensionsObject[item].height);
imgUploaderClose();
}
});
loadingImages = false;
}
});
}
}
});
}
/* Apply changes from quick edit */
function applyQuickChanges(validateImages) {
jQuery('#loading-animation').css('display','flex');
jQuery('#quick-editor').animate({ scrollTop: 0 }, 600);
if(validateImages) {
var validated = true;
jQuery('#quick-editor .image-field img').each(function() {
var attr = jQuery(this).attr('data-background-index');
if(typeof attr === typeof undefined) {
if(jQuery(this).attr('src') === jQuery(this).attr('data-original-value')) {
// Check if image field isn't hidden => image was deleted
if(jQuery(this).parent().parent().parent().is(':visible')) {
jQuery("#images-validation-modal").modal("openModal");
jQuery('.conf-preview-check').prop('checked', false);
validated = false;
}
}
}
});
if(validated) {
let texts = [];
jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {
let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};
texts.push(text);
});
/* Send data to designer */
jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');
return false;
}
} else {
/* Collect all text quick edit fields and their attributes */
let texts = [];
jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {
let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};
texts.push(text);
});
/* Send data to designer */
jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE", texts}, '*');
jQuery('#loading-animation').css('display','none');
return false;
}
}
function showIframe(iframe) {
iframe.style.cssText = `
width: 100%;
top: 0px;
left: 0px;
height: 100%;
opacity: 1;
z-index: 9999999;
display: block;
`;
}
function hideIframe(iframe) {
iframe.style.cssText = `
width: 1px;
top: 0px;
left: -100px;
height: 1px;
opacity: 0;
z-index: 0;
display: block;
`;
}
function mergeWithIframePosition(data) {
const iframeSource = document.getElementById(data?.payload?.source);
const rect = iframeSource.getBoundingClientRect();
return data
? {
...data,
payload: {
...data.payload,
iframePosition: { x: rect.x, y: rect.y },
},
}
: undefined;
}
function broadcastWindowSize() {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
const width = window.innerWidth;
const height = window.innerHeight;
const data = {
eventType: "UPDATE_WINDOW_SIZE",
payload: { width, height },
};
iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(data, "*");
});
}
function broadcastScroll(e) {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
const scrollX = window.scrollX;
const scrollY = window.scrollY;
const data = {
eventType: "WINDOW_SCROLL",
payload: { scrollX, scrollY },
};
iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(data, "*");
});
}
hideIframe(document.getElementById("quickedit_modal"));
// React on designer calls
window.addEventListener('message', (event) => {
const data = event.data;
const modalElement = document.getElementById("quickedit_modal");
if(event.data.eventType === "AddToCartValidationFailed") {
jQuery('#new-add-tocart-popup').hide();
jQuery('#new-add-tocart-popup').removeClass('show-popup-upsell');
}
if(event.data.eventType === "ADD_TO_CART_UPSELL_PDP") {
addToCartQuickEdit();
}
if (event.data.eventType === "MISSING_FONT") {
var font = event.data.font;
var fd = new FormData(form);
fd.append("font", font);
fd.append("product", "https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme");
/* Send missing font request */
jQuery.ajax({
type:"POST",
contentType:false,
processData:false,
cache:false,
dataType:"json",
url: 'https://www.cadeauxfolies.fr/productsdesigner/config/missingFont/',
data: fd,
success:function(data){
// console.log('Missing font: ' + font + ' request sent');
}
});
}
if (event.data.eventType === "INIT_DESIGN_DATA") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(event.data, "*");
});
}
if (event.data.eventType === "DESIGNER_READY") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var date = new Date();
jQuery.ajax({
method: 'get',
url: "https://www.cadeauxfolies.fr/productsdesigner/config/getSid/",
data: {_t: date.getTime()},
success: function (response) {
var sid = response;
const data = {
eventType: "UPDATE_QUICK_EDIT_SID",
payload: { sid },
};
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(data, "*");
});
}
});
}
if (event.data.eventType == "SHOW_QUICK_EDIT_MODAL") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
showIframe(modalElement);
const data = mergeWithIframePosition(event.data);
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(data, "*");
});
}
if (data.eventType === "HAS_MULTIPAGE") {
document.querySelector('#gallery').classList.add("multipage");
}
if (data.eventType === "CLOSE_QUICK_EDIT_MODAL") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
hideIframe(modalElement);
var iframes = iframeIds.forEach((id) => {
document
.getElementById(id)
?.contentWindow.postMessage(event.data, "*");
});
}
if (data.eventType == "DESIGNER_READY") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");
});
broadcastWindowSize();
}
if (data.eventType == "QUICK_EDIT_ADD_TO_CART") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage(event.data, "*");
});
broadcastWindowSize();
}
if (event.data.eventType == "QUICK_EDIT_CLICK") {
// Show preview
if(jQuery('#quickedit_preview').css('display') !== 'block') {
jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));
jQuery('#quickedit_preview').css('display','block');
jQuery('#quickedit_preview').css('visibility','visible');
jQuery('#quickedit_preview').css('position','static');
jQuery('#gallery-block').hide();
}
if(jQuery('#gallery').hasClass('multipage')) {
jQuery('#gallery.multipage .prev-img-arrow.img-arrow').css('display','none');
jQuery('#gallery.multipage .next-img-arrow.img-arrow').css('display','none');
}
setTimeout( function () {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");
});
}, 500);
return false;
}
if (event.data.eventType == "QUICKEDIT_VALIDATION") {
// Show preview
if(jQuery('#quickedit_preview').css('display') !== 'block') {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
var iframes = iframeIds.forEach((id) => {
document.getElementById(id)?.contentWindow.postMessage({eventType: "DESIGNER_POPUP_OPEN"}, "*");
});
jQuery('#quickedit_preview').attr('src', jQuery('#quickedit_preview').attr('data-src'));
jQuery('#quickedit_preview').show();
jQuery('#gallery-block').hide();
}
return false;
}
if (event.data.eventType == "BROADCAST_CHANGES") {
var iframeIds = [
"quickedit_preview",
"quickedit_form",
"designer",
"quickedit_modal",
];
iframeIds.forEach((id) => {
document.getElementById(id).contentWindow.postMessage(event.data, event.origin);
/*
document
.getElementById(id)
?.contentWindow.postMessage(event.data, "*")
*/
}
);
}
if(event.data.eventType == "QUICKEDIT_RESIZE") {
document.querySelector("#quickedit_form").style.height = "" + (event.data.height+7) + "px";
}
if(event.data.datatype == 'saveimage') {
if(!updateRun) {
updateRun = true;
jQuery('.open-config-block .loading-logo-preview-block').css('display','block');
jQuery('.page-header').show();
jQuery('body').removeClass('full-designer-open');
jQuery('#designer').css('left', '100%');
jQuery('#designer').css('opacity', '0');
setTimeout(function() {
var elements = JSON.parse(event.data.canvasElements);
var canvasElements = Object.values(elements)[0];
for (var prop in canvasElements) {
var elementInfo = canvasElements[prop];
// Update quick edit fields according to type
if(elementInfo.type === 'text') {
jQuery('#' + prop).val(elementInfo.text);
jQuery('#' + prop).attr('data-element-color', elementInfo.fill);
} else if(elementInfo.type === 'image') {
if(elementInfo.name === 'Background2') {
if(elementInfo.image === undefined) {
jQuery('.background-field-color').css('background-color', elementInfo.fill);
}
} else {
jQuery('#field-' + prop + " .quick-edit-field-image").each(function(){
jQuery(this).attr('src', elementInfo.img);
});
}
}
}
// Check if quick field wasn't deleted.. in this case hide
jQuery('.quick-edit-fields-block .quick-edit-field').each(function(){
var idToCheck = "" + jQuery(this).attr('id');
var idToCheck = idToCheck.replace('field-','');
if(canvasElements[idToCheck] === undefined) {
jQuery('#field-' + idToCheck).hide();
}
});
updateRun = false;
jQuery('.open-config-block .loading-logo-preview-block').css('display','none');
applyQuickChanges();
}, 1000);
}
} else if(event.data.datatype == 'addtocart' || event.data.datatype == 'addToCart_direct') {
if(!requestSent) {
requestSent = true;
/* Parse data from answer */
var jsonData = JSON.parse(event.data.config);
/* Get submit form */
var form = document.createElement('form');
form.setAttribute("id", "addtocart_form");
//var layerId = parseInt(jQuery('#layer_id').val());
// if(layerId == 0) {
// layerId = ;
// }
var fd = new FormData(form);
fd.append("layer_id", jsonData.layer_id);
fd.append("session_id", jsonData.session_id);
fd.append("product_id", jsonData.product_id);
fd.append("preview_file", jsonData.previewFile);
fd.append("print_file", jsonData.printFile);
fd.append("selected_template_size", jsonData.selected_template_size);
fd.append("page_list", jsonData.pageList);
fd.append("preview_files", jsonData.previewFiles);
fd.append("pages", JSON.stringify(jsonData.pages));
if(jsonData.canvasElements === undefined) {
fd.append("canvasElements", JSON.stringify(jsonData.canvasData));
} else {
fd.append("canvasElements", JSON.stringify(jsonData.canvasElements));
}
fd.append("width_ratio", JSON.stringify(jsonData.widthRatio));
fd.append("height_ratio", JSON.stringify(jsonData.heightRatio));
fd.append("is_merged_template", JSON.stringify(jsonData.isMergedTemplate));
/* Save data */
jQuery.ajax({
type:"POST",
contentType:false,
processData:false,
cache:false,
dataType:"json",
url: 'https://www.cadeauxfolies.fr/productsdesigner/config/customerSave/',
data: fd,
success:function(data){
requestSent = false;
jQuery('#product_addtocart_form_button').click();
jQuery("#designer").css("width", "1px");
jQuery("#designer").css("top", "0");
jQuery("#designer").css("left", "-100%");
jQuery("#designer").css("height", "1px");
jQuery("#designer").css("opacity", "0");
jQuery("#designer").css("z-index", "0");
jQuery('body').removeClass("full-designer-open");
jQuery('#quick-editor').css('display','none');
jQuery('#layer-quick-editor').css('display','none');
jQuery('body').removeClass('open-quick-editor');
jQuery('#loading-animation').css('display','none');
jQuery('.page-header').show();
afterAddToCart = true;
}
});
}
} else if(event.data.datatype == 'hide_designer') {
jQuery("#designer").css("width", "1px");
jQuery("#designer").css("top", "0");
jQuery("#designer").css("left", "-100%");
jQuery("#designer").css("height", "1px");
jQuery("#designer").css("opacity", "0");
jQuery("#designer").css("z-index", "0");
// jQuery("#designer").css("display", "none");
jQuery('body').removeClass("full-designer-open");
jQuery('.page-header').show();
} else if(event.data.eventType === 'NEW_PREVIEW') {
if(!previewRecieved) {
previewRecieved = true;
/* Read preview image */
var previewData = JSON.parse(event.data.previewData);
var previewImage = previewData.previewImage;
/* Set preview image */
jQuery('.open-config-block .loading-logo-preview-block').css('display','none');
jQuery(".product-view").attr({"href": previewImage});
jQuery(".product-view img").attr({"src": previewImage});
jQuery(".MagicToolboxSelectorsContainer img").attr({"src": previewImage});
jQuery(".MagicToolboxSelectorsContainer a").attr({"href": previewImage});
jQuery(".mz-hover-zoom img").attr({"src": previewImage});
jQuery(".mz-zoom-window img").attr({"src": previewImage});
jQuery(".designer-preview-image").attr({"src": previewImage});
jQuery(".designer-preview-image source").attr({"srcset": previewImage});
jQuery("#designer-preview-image-small").attr({"src": previewImage});
previewRecieved = false;
jQuery(".desginer-container-quick-edit.open-config-block").animate({ scrollTop: 0 }, 300);
}
} else if(event.data.eventType === 'HIDE_LOADING') {
jQuery('.open-config-block .loading-logo-preview-block').css('display','none');
jQuery('#loading-animation').css('display','none');
} else if(event.data.eventType === 'OPEN_DESIGNER') {
jQuery('#designer').css('overflow', 'hidden');
jQuery('#designer').css('max-height', '100%');
jQuery('#designer').css('height', '100%');
jQuery('#designer').css('left', '0px');
jQuery('#designer').css('opacity', '1');
jQuery('#designer').css('display', 'block');
jQuery('.open-config-block .loading-logo-preview-block').css('display','none');
} else if(event.data.eventType === 'RESET_CHANGES') {
if(!resetChanges) {
resetChanges = true;
jQuery('#quick-edit-fields-block-reset').click();
jQuery('.quick-edit-fields-block .quick-edit-field').each(function(){
jQuery(this).show();
});
}
}
});
/* After page load */
jQuery(document).ready(function() {
const MAX_SIZE = 8388608;
var selectedBundleOption = 0;
var allSelections = false;
var waitingForLoad = true;
window.addEventListener("resize", broadcastWindowSize);
window.addEventListener("scroll", broadcastScroll, false);
window.addEventListener("scrollend", broadcastScroll, false);
/* Android fix */
if(/Android/.test(navigator.appVersion)) {
window.addEventListener("resize", function() {
if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
document.activeElement.scrollIntoView();
}
})
}
// Pre-select first available options
var checkExist = setInterval(function () {
if (jQuery('#product-addtocart-button').hasClass('gallery-ready')) {
jQuery('.field.option.no-display.required').each(function() {
var link = jQuery(this).find('.select-link-option');
if(!link.hasClass('active')){
link.click();
}
});
clearInterval(checkExist);
/* Init designer and quick edit fields */
imgUploaderGetData();
initDesigner(0);
}
}, 500);
/*
if(jQuery('#background').length == 1) {
jQuery('.select-link-option.select-link.active').each(function(index, elem) {
var selectionSku = jQuery(elem).attr('data-selection-sku');
jQuery('#background option').each(function() {
if (jQuery(this).attr('data-class') == selectionSku) {
jQuery(this).attr("selected","selected");
jQuery(this).change();
}
});
});
}
*/
// CSS Fix
jQuery("#designer").css("width", "1000px");
jQuery("#designer").css("top", "-100vh");
// Reset quick fields and whole design'
jQuery('#quick-edit-fields-block-reset').click(function(e) {
// Disable double call of event
e.stopImmediatePropagation();
});
// Add to cart button click
jQuery('.add-to-cart-conf-btn').on('click',function(evt) {
// Disable double call of event
evt.stopImmediatePropagation();
if(jQuery('#quick-editor.conf-preview-check').is(':checked')) {
jQuery('.loading-logo-btn').css('display','block');
jQuery('#quick-editor .loading-logo-preview-block').css('display','none');
let texts = [];
jQuery("#quick-editor .quick-edit-field-option").each(function (index, elem) {
let text = {'id': jQuery(elem).attr('id'), 'text': jQuery(elem).val(), 'fill': jQuery(elem).attr('data-element-color'), 'type': jQuery(elem).attr('data-element-type')};
texts.push(text);
});
jQuery("#designer")[0].contentWindow.postMessage({eventType: "TEXT_CHANGE_ADD_TO_CART", texts}, '*');
} else {
jQuery('#quick-editor .quick-edit-checkbox-label').css('color','red');
jQuery("#quick-editor").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);
jQuery(".desginer-container-quick-edit-conten").animate({ scrollTop:jQuery('.config-preview-checkbox').offset().top }, 300);
jQuery('.loading-logo-btn').css('display','none');
}
return false;
});
jQuery('#file-input').change(function (e) {
var date = new Date();
var uploadCount = 0;
jQuery.ajax({
method: 'get',
url: "https://www.cadeauxfolies.fr/productsdesigner/config/getSid/",
data: {_t: date.getTime()},
success: function (response) {
var sid = response;
var files = Array.from(jQuery('#file-input')[0].files);
var currentFile = 0;
uploadCount = files.length;
jQuery('.loader-info').html(currentFile + ' / ' + uploadCount);
files.forEach(function(file){
if (file.size > MAX_SIZE) {
alert('File ' + file.name + ' is too big! Max file size ' + MAX_SIZE / 1048576 + 'MB');
uploadCount--;
currentFile++;
} else {
var _URL = window.URL || window.webkitURL,
img = new Image();
img.src = _URL.createObjectURL(file);
const formData = new FormData();
formData.append("mode", "GUEST");
formData.append("sid", sid);
formData.append("file", file, file.name);
jQuery('.loader-wrap').fadeIn(300);
jQuery.ajax({
method: 'post',
url: "https://uploader.radbag.de/upload/" + sid,
data: formData,
processData: false,
contentType: false,
error: function (error) {
alert("There was error during getting files!");
jQuery('.loader-wrap').fadeOut(600, function(){});
},
success: function (response) {
uploadCount--;
currentFile++;
jQuery('.loader-info').html(currentFile + ' / ' + files.length);
// alert(uploadCount);
if(uploadCount == 0) {
setTimeout(function() {
jQuery('.loader-wrap').fadeOut(600, function(){
imgUploaderGetData(files.length);
jQuery("#designer")[0].contentWindow.postMessage({eventType: "IMAGE_LIST_CHANGED"}, '*');
jQuery('#file-input').val('');
});
}, 1000);
}
}
});
}
});
}
});
e.stopImmediatePropagation();
});
jQuery(".quick-edit-field-option").on("click", function(){
jQuery('.quick-edit-color-selector').css('display','none');
});
/* Click on "abc" link -> trigger click on "Personalize" button */
jQuery('.personalize-link').click(function () {
jQuery('.personalize-button').click();
});
/* Click on "Personalize" button -> display "Quick Edit* form */
jQuery('.personalize-button').click(function() {
// Load session id
var date = new Date();
jQuery.ajax({
method: 'get',
url: "https://www.cadeauxfolies.fr/productsdesigner/config/getSid/",
data: {_t: date.getTime()},
success: function (response) {
var sid = response;
jQuery('#designer').attr('src',jQuery(this).attr('data-url') + '&sid=' + sid);
jQuery('#designer').attr('data-read-url', jQuery(this).attr('data-read-url') + '&id_session=' + sid);
jQuery('.layer-conf').addClass('show-layer');
jQuery('body').addClass('show-layer-body');
}
});
});
/* Close "Quick Edit* form */
jQuery('.desginer-container-quick-edit-close').click(function () {
jQuery('.layer-conf').removeClass('show-layer');
jQuery('body').removeClass('show-layer-body');
jQuery("#designer").css("width", "1000px");
jQuery("#designer").css("top", "-100vh");
});
/* Display full editor window */
jQuery('.open-editor-link').click(function() {
jQuery("#designer").css("width", "100%");
jQuery("#designer").css("top", "0");
jQuery('body').addClass("full-designer-open");
jQuery('.page-header').hide();
openDesigner(this);
});
jQuery('.bundle-options-wrapper .select-link').click(function() {
if(quickEditOpen) {
if(confirm('This page is asking you to confirm that you want to leave - data you have entered may not be saved')) {
allSelections = true;
selectedBundleOption = parseInt(jQuery(this).attr('data-selection-id'));
var persoContainerId = selectedBundleOption;
setTimeout(function() {
if(jQuery('.bundle-selection-data.visible-selection').length > 0) {
jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index) {
var attributeId = jQuery(this).attr('attribute-id');
var attributeCode = jQuery(this).attr('attribute-id');
var optionSelected = jQuery(this).attr('option-selected');
persoContainerId += '-' + attributeId + '-' + optionSelected;
if(optionSelected === undefined) {
allSelections = false;
}
});
initDesigner(1);
}
}, 100);
} else {
return false;
}
} else {
allSelections = true;
selectedBundleOption = parseInt(jQuery(this).attr('data-selection-id'));
var persoContainerId = selectedBundleOption;
setTimeout(function() {
if(jQuery('.bundle-selection-data.visible-selection').length > 0) {
jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index) {
var attributeId = jQuery(this).attr('attribute-id');
var attributeCode = jQuery(this).attr('attribute-id');
var optionSelected = jQuery(this).attr('option-selected');
persoContainerId += '-' + attributeId + '-' + optionSelected;
if(optionSelected === undefined) {
allSelections = false;
}
});
initDesigner(1);
}
}, 100);
}
});
if(jQuery('.bundle-options-wrapper .select-link').length > 0) {
setInterval(function(){
if(waitingForLoad) {
if(jQuery('.bundle-options-wrapper .swatch-attribute-options .swatch-option').length > 0) {
jQuery('.bundle-options-wrapper .swatch-attribute-options .swatch-option').click(function() {
allSelections = true;
var persoContainerId = selectedBundleOption;
setTimeout(function() {
jQuery('.bundle-selection-data.visible-selection .swatch-opt .swatch-attribute').each(function(index, el) {
var attributeId = jQuery(el).attr('attribute-id');
var attributeCode = jQuery(el).attr('attribute-code');
var optionSelected = jQuery(el).attr('option-selected');
persoContainerId += '-' + attributeId + '-' + optionSelected;
if(optionSelected === undefined) {
allSelections = false;
}
});
}, 100);
waitingForLoad = false;
});
}
}
}, 1000);
}
jQuery(".quick-edit-input input, .quick-edit-input textarea").on('input', function(e){
var selectionStart = e.target.selectionStart
var selectionEnd = e.target.selectionEnd
let isGotMaxLength = this.value.length >= jQuery(this).attr("maxlength");
if(isGotMaxLength) alert("the max number of characters was entered");
this.value = isGotMaxLength ? this.value.substr(0, jQuery(this).attr("maxlength")) : this.value
const capitalize = (str, lower = true) =>
(lower ? str.toLowerCase() : str).replace(/(?:^|\s|["'([{])+\S/g, match => match.toUpperCase());
let
format = jQuery(this).attr("data-textformat"),
text = this.value;
if (format === "uppercase") {
this.value = text.toUpperCase();
} else if (format === "lowercase") {
this.value = text.toLowerCase();
} else if (format === "capitalize") {
this.value = capitalize(text);
}
e.target.selectionStart= selectionStart
e.target.selectionEnd = selectionEnd
e.stopImmediatePropagation();
e.stopPropagation();
});
});
</script>
</div>
</div>
<div x-data="stockalertForm()" id="stock-alert-form" :class="{'block': !sendform, 'hidden': sendform}" class="text-primary" style="display:none"><div class="border border-borderImg p-4 rounded-lg bg-labelbg md:mt-5 stockalert-form-block"><div class="text-primary" ><a name="stockalert" ></a> <form @submit.prevent="processStockalert" id="stockalert_form" class="form" name="stock_subscribe" action="stockalert/index/save" method="post"><fieldset><input type="hidden" name="form_key" value="" /><input id="product_id" type="hidden" name="product_id" value="77737" /><input id="product_sku" type="hidden" name="product_sku" value="ESMOXT" /> <div class="text-black text-base font-semibold">Avertissez-moi</div><div class="text-stockalert text-xs mt-2">Entrez vos informations personnelles et vous recevrez une notification dès que le produit sera à nouveau en stock.</div> <div class="fields flex gap-2 md:gap-4 mt-4 flex-col md:flex-row" id="stock-alert-block"><div class="flex-1"><input type="text" class="block w-full text-outofstockProduct border-0 h-12 text-sm rounded-full focus:ring-0 focus:border-active" onfocus="if (this.value == 'Adresse e-mail') this.value = ''" id="email" name="email" value="" placeholder="Adresse e-mail" /></div><div class="flex justify-between gap-2 stock-alert-buttons"><button class="btn bg-blackbtn rounded-full px-5 py-14px h-10 md:h-12 flex-1 justify-center" id="guest-btn"><span class="text-white text-sm">Me prévenir</span></button> <div class="stock-alert-buttons-block hidden justify-between gap-2 w-88px"><div id="cookiewishlist-list-77737" data-product-id="77737" class="cursor-pointer list-wishlist-heart md:hidden cookiewishlist-list-77737" onclick="addToCookieWishlist(77737,'ESMOXT',0); return false;"><svg class="w-10 h-10 md:w-12 md:h-12 xll:w-14 xll:h-14" width="48" height="48" fill="none"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whislistcart" /></svg></div><div class="socialmediabtn socialmediabtn1 order-3 border border-borderImg hover:bg-blackbtn hover:border-borderActiveImg max-w-10 h-10 w-10 md:max-w-12 md:h-12 md:w-12 xll:max-w-56px xll:w-14 xll:h-14 rounded-full flex items-center justify-center cursor-pointer md:relative" onclick="shareAction1()"><svg class="socialbtn w-5 h-5 md:w-6 md:h-6" fill="none"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#share2" /></svg><svg class="socialbtnhover w-5 h-5 md:w-6 md:h-6" fill="none"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#sharewhite" /></svg><div class="socialbtncontent pt-3 text-center fixed md:absolute z-50 right-0 bottom-0 top-auto md:bottom-auto md:top-54px w-full md:w-416px md:h-236px"><div class="md:p-6 p-4 text-center relative bg-white shadow shadow-sharebtnsmob md:shadow-sharebtns rounded-t-2xl md:rounded-2 w-full md:w-416px md:h-236px"><span class="font-semibold text-base md:text-lg leading-24px flex justify-between mb:block pb-5 lg:pb-0">Partagez avec vos ami·es <span class="md:hidden block"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6L18 18" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div class="flex justify-between gap-4 mt-4 border-b border-borderImg pb-4"><a href="whatsapp://send?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" data-action="share/whatsapp/share"><span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center"><svg class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#whatsappicon" /></svg></span></a> <a target="_blank" href="https://twitter.com/intent/tweet?text=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" ><span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center"><svg class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#twitter" /></svg></span></a> <a target="_blank" href="https://www.instagram.com/?url=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" ><span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center"><svg class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#instagram" /></svg></span></a> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" ><span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center"><svg class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#facebook" /></svg></span></a> <a target="_blank" href="" ><span class="w-12 h-12 rounded-full border border-borderImg flex justify-center items-center"><svg class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#gmail" /></svg></span></a></div><span class="text-labeltext text-sm font-medium block text-center mt-4">ou copiez le lien</span> <span class="h-10 bg-labelbg rounded-lg w-full flex items-center justify-between px-2.5 mt-2"><input readonly type="text" class="text-purchasetext text-sm truncate max-w-303px block border-0 bg-transparent focus:right-0 focus:outline-none" value="https://www.cadeauxfolies.fr/tasse-a-cafe-personnalisee-avec-monogramme" id="copyurl5" /><span onclick="copyText('copyurl5')" class="text-activeInputText text-sm font-semibold">Copier</span></span></div></div></div></div><script defer>
function shareAction1() {
if(screen.width <= 768) {
if(document.querySelector('.socialmediabtn1 .socialbtncontent').style.display == 'block') {
document.querySelector('.socialmediabtn1 .socialbtncontent').style.display = 'none';
} else {
document.querySelector('.socialmediabtn1 .socialbtncontent').style.display = 'block';
}
}
}</script></div></div><div class="result"></div></fieldset></form></div><div class="hidden text-sm text-greenColor-darker">Merci beaucoup ! Nous vous informerons dès que le produit sera de nouveau en stock.</div><div class="toast max-w-400px w-90vw fixed -top-full right-1/2 bg-white shadow-topmessage rounded-lg overflow-hidden z-90" :class="{'': !sendform, 'active': sendform}"><div class="toast-content h-auto flex gap-2 items-center justify-center text-xs md:text-base p-3"><span class="md:w-8 md:h-8 w-6 h-6 rounded-full bg-greenColor-lighter flex justify-center items-center"><svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3334 4L6.00002 11.3333L2.66669 8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="flex-1">Merci beaucoup ! Nous vous informerons dès que le produit sera de nouveau en stock.</span></div></div></div></div><script defer>
const guestbutton = document.querySelector("#guest-btn"),
toast = document.querySelector(".toast");
const outofstockitem = document.querySelector(".outofstock-config-stockalert");
guestbutton.addEventListener("click", () => {
setTimeout(() => {
toast.classList.remove("active");
}, 5000);
});
function stockalertForm() {
return {
sendform: false,
loading: '',
isloading: false,
processStockalert() {
var form = document.querySelector('#stockalert_form');
var data = new FormData(form);
var form_string = '';
this.loading = 'Loading...';
this.isloading = true;
for (let entry of data) {
form_string += entry[0] + '=' + entry[1] + '&';
}
fetch('stockalert/index/save', {
method: 'POST',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: form_string.slice(0, -1),
})
.then(() => {
this.loading = '';
this.isloading = false;
this.sendform = true;
console.log('send');
})
.catch(() => {
this.sendform = true;
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: "Oups, il y a eu une erreur"
}], 5000
);
})
}
}
}</script>
<div class="desktop-advantages-block block mt-6 lg:mt-4 no-iframe mb-4 md:mb-0 border-t border-borderImg md:border-0 pt-6 md:pt-0 w-full">
<div class="store-info-block flex mb-4 md:mb-6 text-xs md:text-sm xll:text-base font-medium justify-start gap-y-0 md:gap-y-3 gap-x-3 flex-wrap items-center"> <span class="flex justify-start items-center gap-2"><svg fill="none" class="w-6 h-6"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#madeinaustria" /></svg><span>Fabriqué en Autriche</span></span> <span class="w-1 h-1 rounded-full bg-point mx-3" :class="{'hidden': document.querySelector('.store-info-block').offsetHeight > 45}"></span> <span class="flex justify-start items-center gap-2"><svg class="w-8 h-8"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#newversand" /></svg><span>Livraison rapide</span></span> <span class="w-1 h-1 rounded-full bg-point mx-3 hidden sm:block" :class="{'hidden': document.querySelector('.store-info-block').offsetHeight > 45}"></span> <span class="flex justify-start items-center gap-2"><svg class="w-8 h-8"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#newgratis" /></svg><a target="_blank" href="https://www.cadeauxfolies.fr/faq?sublink=retour">100 jours satisfait ou remboursé</a></span> </div> </div>
<div id="estimation-block-container-wrapper" class="w-full estimation-block-container no-iframe">
<div class="estimation-info-block"><div class="bg-activeInput p-4 flex md:items-center justify-between flex-row flex-wrap gap-2 xll:h-20 rounded-lg items-center"><div><div class="flex gap-2.5"><div><svg fill="none" class="xll:w-12 xll:h-12 w-10 h-10"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#newestimation" /></svg></div><div class="flex items-center"><div id="estimation-info-block" class="flex flex-col justify-center h-34px"> <span class="text-activeInputText text-xs xll:text-sm block">Date de livraison</span> <span class="block text-blackfont font-semibold text-xs xll:text-sm mt-0.5">Lun, 22.09 – Mer, 24.09</span> </div></div></div></div><div class="text-xs xll:text-sm text-blackfont estimate-detail-container"><p> <div class="">Livraison gratuite dès 50 € <a class="text-activeInputText underline font-medium block text-right" href="/faq?sublink=fraisdeport/">En savoir plus</a></div></p></div></div> <div class="text-xs"></div></div> </div>
<div class="payment-logos-block footer-top-links no-iframe"><div class="font-semibold text-base xll:text-lg xll:leading-26px pb-4 pt-6">Méthode de paiment :</div><div class="payment-logos-block-detail"><p><span class="payment-link-images"><span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/paypal.png" alt="paypal"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/Visa.png" alt="Visa"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/apple-pay.png" alt="apple"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/mastercard.png" alt="mastercard"></span>
<span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/klarna.png" alt="Klarna"></span><span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/google-pay.png" alt="amazon"></span></p></div></div>
<div class="flex mt-4 ml-auto justify-end hidden">
</div>
<script defer>
function initPopupCart() {
return {
isOpen:false,
showGiftInput: false,
giftText: 'Choisir un emballage',
gwId: 0,
gwTo: '',
gwPrice:0,
openGiftInfoPopup: true,
showgift: true,
useGw: false,
free_shipping_label: '',
free_percent: '',
default_img: "https://www.cadeauxfolies.fr/media/catalog/product/cache/4b44079a54691b966b324af77b319d95/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg",
init() {
setTimeout(() => {
if(localStorage['mage-cache-storage'] && JSON.parse(localStorage['mage-cache-storage']).cart != undefined) {
setInterval(() => {
this.free_shipping_label = JSON.parse(localStorage['mage-cache-storage']).cart['free_shipping'];
this.free_percent = JSON.parse(localStorage['mage-cache-storage']).cart['free_percent'];
},1000)
}
}, 2000);
},
renderShippingLabel() {
setTimeout(() => {
this.free_shipping_label = JSON.parse(localStorage['mage-cache-storage']).cart['free_shipping'];
}, 500);
return this.free_shipping_label;
},
setGwOption(showGiftInputInfo, isOpenBlock,gwText,selectedGwId,selectedGwPrice,wrapImage) {
if(wrapImage != '') {
this.default_img = wrapImage
} else {
this.default_img = "https://www.cadeauxfolies.fr/media/catalog/product/cache/4b44079a54691b966b324af77b319d95/m/o/monogramm_16x4_8cm_1200x1200px_fr_v1_1.jpg";
}
this.showGiftInput = showGiftInputInfo;
this.isOpen = isOpenBlock;
this.giftText=gwText;
this.gwId = selectedGwId;
this.gwPrice = selectedGwPrice;
document.querySelectorAll('.giftwrap-option-input').forEach((el) => {
el.classList.remove('active')
el.classList.add("border-borderImg");
el.classList.remove("border-redColor");
el.classList.add("text-labeltext");
el.classList.remove("text-redColor");
});
document.querySelector('#giftwrap-price').textContent = hyva.formatPrice(selectedGwPrice);
document.querySelector('.giftwrap-option-'+selectedGwId).classList.add('active');
},
saveGwOption: function saveGwOption() {
let validationGiftInputTo = false;
let validationInputs = false;
if(document.getElementById('gift_input_to').value == '') {
document.getElementById('gw-error-message-to').classList.add("text-redColor");
document.getElementById('gift_input_to').classList.add("border-redColor");
document.getElementById('gift_input_to').classList.remove("border-giftInput");
validationGiftInputTo = false;
} else {
validationGiftInputTo = true;
}
document.querySelectorAll('.giftwrap-option-input').forEach((item) => {
if(item.classList.contains('active')) {
validationInputs = true;
}
});
if(!validationInputs) {
document.querySelectorAll('.giftwrap-option-input').forEach((item) => {
item.classList.add("border-redColor");
item.classList.remove("border-borderImg");
item.classList.add("text-redColor");
item.classList.remove("text-labeltext");
});
}
if(validationGiftInputTo && validationInputs) {
document.querySelectorAll('.giftwrap-option-input').forEach((item) => {
item.classList.add("border-borderImg");
item.classList.remove("border-redColor");
item.classList.add("text-labeltext");
item.classList.remove("text-redColor");
});
document.getElementById('gw-error-message-to').classList.remove("text-redColor");
document.getElementById('gift_input_to').classList.remove("border-redColor");
document.getElementById('gift_input_to').classList.add("border-giftInput");
var items = JSON.parse(localStorage['mage-cache-storage']).cart['items'];
for (const item of items) {
if(item.product_id == '77737') {
var itemId = item.item_id;
}
}
var item_qty = document.querySelector('input[name=qty]').value;
this.gwTo = document.getElementById('gift_input_to').value;
var formKey = document.querySelector('input[name=form_key]').value;
fetch(BASE_URL+"mhdirekt_giftwrap/ajax/add", {
method: 'POST',
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&itemsIds[0]="+itemId+ "&wrap[1]="+this.gwId+ "&amwrap[wrap_id]="+this.gwId+ "&wrap_text[1]="+this.gwTo+ "&amwrap[finish]=1",
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
document.querySelector('.new-add-tocart-popup-show-detail').style.display = 'none';
document.querySelector('.new-add-tocart-popup-wrapper').style.display = 'block';
document.querySelector('.giftwrap-upsell-content-wrapper-content').classList.add("hidden");
document.getElementById('giftwrap-message-to').classList.add("block");
document.getElementById('giftwrap-message-to').classList.remove("hidden");
document.getElementById('go-to-cart').classList.add("pointer-events-none");
setTimeout(() => {
document.getElementById('go-to-cart').classList.remove("pointer-events-none");
}, 1500);
document.querySelector('.new-popup-upsell-item-giftwrap .new-popup-upsell-item-added-to-cart').classList.remove('hidden');
document.querySelector('.new-popup-upsell-item-giftwrap').classList.add('added-item-to-cart');
document.querySelector('#new-add-tocart-popup-items-content').style.display='none';
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Giftwrap error"
}], 5000
);
}
}).then(function (response) {
jQuery('#congrat-message').css('display','none');
});
}
},
}
}</script><div id="new-add-tocart-popup-designer" style="display:none"><iframe src=""></iframe></div><div x-data="initPopupCart()" x-init="init()" id="new-add-tocart-popup" class="relative" style="display:none"><div class="new-add-tocart-popup-wrapper"><div id="new-add-tocart-popup-loader" style="text-align:center"><img src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif" alt="Loading.." style="display:inline;" loading="lazy" /></div><div id="new-add-tocart-popup-inner-content" style="display:none;"><div class="flex justify-between pb-4 border-b border-borderImg"><span class="font-semibold text-base lg:text-2xl text-black">Ajouté au panier</span> <a href="#" class="flex justify-end" onclick="return hideNewPopup()"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><span id="congrat-message" class="bg-lightGreenBlock rounded-lg h-9 lg:h-11 w-full flex items-center gap-2 text-blackfont p-2.5 mt-4 lg:mt-6"> <span> <svg width="24"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#celebratory" /></svg></span> <span class="text-10px flex-1 lg:text-xs leading-3 lg:leading-6"><span class="font-semibold text-xs lg:text-sm">Tasse à café personnalisée avec monogramme</span> est dans votre panier</span> </span> <div class="mt-4 lg:mt-6"><div class="flex justify-between items-center mb-2.5"><div class="new-add-tocart-free-shipping-label text-blackfont text-xs lg:text-base flex-1" x-html="free_shipping_label"></div><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="#5359EA"/><g clip-path="url(#clip0_3381_83493)"><path d="M9.41939 14.037C9.42395 14.1011 9.43642 14.1643 9.45651 14.2252C9.5622 14.4597 9.73218 14.6594 9.94675 14.8012C10.0803 14.896 10.2334 14.9596 10.3947 14.9874C10.421 14.9937 10.4486 14.9914 10.4735 14.981C10.5841 14.9217 10.6764 14.8331 10.7403 14.725C10.9034 14.4452 10.9849 14.1253 10.9759 13.8015C10.9763 13.7854 10.9731 13.7694 10.9663 13.7548C10.8722 13.5999 10.7781 13.4438 10.629 13.3337C10.4946 13.2345 10.3691 13.1161 10.1893 13.1039C10.0792 13.0962 9.96595 13.0815 9.86931 13.1558C9.77643 13.225 9.68714 13.2989 9.60179 13.3772C9.5625 13.4171 9.53293 13.4655 9.51539 13.5186C9.46154 13.6867 9.42907 13.8609 9.41875 14.037M15.3746 14.0146C15.3643 14.0918 15.3716 14.1703 15.3957 14.2443C15.4199 14.3183 15.4603 14.3859 15.5141 14.4422C15.5544 14.4882 15.5954 14.5343 15.6383 14.5785C15.749 14.7003 15.8862 14.795 16.0393 14.8552C16.1925 14.9155 16.3575 14.9397 16.5215 14.926C16.5468 14.9251 16.5716 14.9183 16.5938 14.9062C16.7352 14.8134 16.8607 14.7071 16.9138 14.5369C16.9758 14.3118 17.0021 14.0783 16.9919 13.845C16.9922 13.8323 16.9898 13.8197 16.9848 13.8079C16.9394 13.7138 16.8952 13.6159 16.8466 13.5263C16.7861 13.4059 16.697 13.302 16.5871 13.2239C16.4772 13.1459 16.3499 13.0959 16.2162 13.0783C16.1774 13.0692 16.1371 13.0687 16.0982 13.077C16.0592 13.0853 16.0226 13.1022 15.9909 13.1263C15.8712 13.2204 15.7445 13.3049 15.6248 13.3983C15.5345 13.471 15.4642 13.5655 15.4204 13.6729C15.3766 13.7802 15.3609 13.897 15.3746 14.0121M14.9803 13.7657C15.0351 13.5044 15.1824 13.2717 15.3951 13.1103C15.5666 12.9862 15.7458 12.8729 15.9237 12.7577C15.9628 12.7329 16.0062 12.7157 16.0517 12.7071C16.3672 12.647 16.6386 12.7442 16.8715 12.9548C16.9797 13.0597 17.0666 13.1844 17.1275 13.3222C17.1352 13.3375 17.148 13.3606 17.1595 13.3612C17.2504 13.365 17.2792 13.4348 17.3067 13.5014C17.3292 13.5644 17.3484 13.6284 17.3643 13.6934H17.8885C17.8885 13.6754 17.8885 13.6556 17.8885 13.6364C17.8834 13.3164 17.8751 12.9919 17.8738 12.6694C17.8738 12.327 17.8738 11.9846 17.8789 11.6454C17.879 11.5997 17.8652 11.555 17.8392 11.5174C17.7368 11.3574 17.6331 11.1974 17.5365 11.0348C17.4821 10.9433 17.445 10.8428 17.3919 10.7494C17.3299 10.6288 17.2564 10.5146 17.1723 10.4082C17.0149 10.229 16.8395 10.0652 16.6719 9.89625C16.6113 9.83734 16.5392 9.79158 16.4602 9.76185C16.3811 9.73211 16.2967 9.71904 16.2123 9.72345C16.0024 9.72345 15.7919 9.72345 15.5819 9.72345C15.4134 9.72169 15.245 9.73089 15.0776 9.75097C14.9115 9.77767 14.7434 9.79009 14.5752 9.78809H14.5195C14.5279 9.91609 14.5375 10.0441 14.5432 10.167C14.5579 10.5094 14.5765 10.8511 14.5285 11.191C14.4843 11.4515 14.4607 11.7152 14.4581 11.9794C14.4703 12.5663 14.4786 13.1538 14.4882 13.7388L14.9765 13.7702M12.5759 8.59961C12.6354 8.60473 12.6943 8.61305 12.7538 8.61369C12.9675 8.61817 13.1819 8.61369 13.3938 8.62393C13.509 8.63431 13.6236 8.65141 13.7368 8.67513C13.797 8.68537 13.8565 8.70201 13.9173 8.71417C14.1688 8.76345 14.3474 8.89593 14.412 9.15513C14.4338 9.24089 14.4523 9.32729 14.476 9.41689C14.6707 9.42338 14.8655 9.41095 15.0578 9.37977C15.163 9.35681 15.2701 9.34417 15.3778 9.34201C15.7099 9.33369 16.0415 9.33177 16.373 9.32857C16.5671 9.31885 16.7573 9.38599 16.9023 9.51545C17.1231 9.71769 17.3458 9.91801 17.5179 10.165C17.5823 10.257 17.6388 10.3542 17.6869 10.4556C17.802 10.7096 17.9402 10.9526 18.0997 11.1814C18.1941 11.3174 18.2427 11.4799 18.2386 11.6454C18.2386 11.9167 18.2386 12.1883 18.2386 12.4601C18.2386 12.8629 18.2386 13.2652 18.2386 13.6671C18.2394 13.7195 18.2365 13.772 18.2296 13.8239C18.2098 13.9487 18.1272 14.0626 17.9851 14.0614C17.8207 14.0614 17.6555 14.0614 17.4911 14.0569C17.3855 14.0524 17.3797 14.0498 17.3739 14.1529C17.3695 14.3088 17.3422 14.4632 17.2927 14.6111C17.1608 14.9714 16.9138 15.2332 16.54 15.3151C16.3407 15.3655 16.1317 15.363 15.9337 15.3077C15.7357 15.2525 15.5555 15.1465 15.4111 15.0002C15.3471 14.9362 15.2831 14.8722 15.2242 14.8025C15.0763 14.6342 15.0168 14.4287 14.9778 14.2143C14.9778 14.2002 14.9746 14.1855 14.9727 14.1714C14.9712 14.1677 14.9695 14.1641 14.9675 14.1606L14.6475 14.133C14.5144 14.1215 14.3813 14.11 14.2482 14.0998C14.2325 14.0978 14.2166 14.0978 14.2008 14.0998C14.1059 14.1209 14.01 14.1372 13.9135 14.1484C13.7886 14.1554 13.6633 14.1554 13.5384 14.1484C13.4386 14.145 13.339 14.162 13.2459 14.1983C12.9944 14.2862 12.7309 14.3351 12.4645 14.3436C12.303 14.3429 12.1426 14.3161 11.9896 14.2642C11.8958 14.2384 11.8037 14.2068 11.7138 14.1695C11.5949 14.1262 11.4681 14.1088 11.3419 14.1183C11.3336 14.1631 11.3279 14.2079 11.3157 14.2508C11.2492 14.5109 11.1386 14.7577 10.9887 14.9804C10.8637 15.1566 10.688 15.2906 10.485 15.3644C10.3237 15.4151 10.1494 15.4047 9.99539 15.335C9.50899 15.1494 9.20626 14.7948 9.05266 14.3046C9.0422 14.2624 9.03408 14.2197 9.02835 14.1766C9.02835 14.1766 9.02835 14.1721 9.02323 14.1727C8.87283 14.1887 8.73778 14.1138 8.59315 14.0978C8.44719 14.0886 8.30226 14.0672 8.15987 14.0338C8.02483 13.9948 7.88851 14.007 7.75347 13.9858C7.69885 13.9832 7.64652 13.9631 7.60414 13.9286C7.56176 13.894 7.53155 13.8468 7.51795 13.7938C7.49029 13.6914 7.47082 13.587 7.45971 13.4815C7.43859 13.255 7.42707 13.0271 7.41171 12.8006C7.40595 12.7116 7.42195 12.6873 7.50195 12.6534C7.51541 12.6453 7.52732 12.6349 7.53715 12.6226C7.56053 12.6025 7.58813 12.5878 7.61793 12.5798C7.64772 12.5717 7.67894 12.5704 7.70931 12.5759C7.72147 12.5759 7.73619 12.6073 7.74067 12.6258C7.80046 12.8801 7.80765 13.1438 7.76179 13.4009C7.71187 13.6652 7.78035 13.662 7.97939 13.694C8.12275 13.7177 8.26995 13.7209 8.41523 13.735C8.57203 13.7503 8.72883 13.765 8.88499 13.7849C8.93781 13.7945 8.9898 13.8082 9.04051 13.8258C9.05395 13.7548 9.06674 13.6914 9.07762 13.6281C9.09407 13.5046 9.13609 13.3859 9.20099 13.2795C9.2659 13.1732 9.35227 13.0816 9.45459 13.0105C9.54483 12.9465 9.63123 12.8786 9.72339 12.8185C9.85184 12.739 9.99984 12.6967 10.1509 12.6962C10.2649 12.6901 10.379 12.7066 10.4867 12.7447C10.5943 12.7828 10.6933 12.8418 10.7781 12.9183C10.922 13.0345 11.0433 13.1761 11.1359 13.3362C11.1832 13.4233 11.2434 13.5026 11.2965 13.5865C11.3057 13.604 11.3136 13.6222 11.3202 13.6409C11.3349 13.6754 11.3509 13.7094 11.365 13.7394C11.5805 13.6932 11.805 13.7133 12.0088 13.797C12.2834 13.9046 12.5739 13.975 12.8747 13.8962C13.0232 13.8578 13.1711 13.813 13.3227 13.7791C13.4108 13.7584 13.5006 13.7462 13.5909 13.7426C13.7304 13.7375 13.8699 13.7426 14.0095 13.7458C14.0187 13.7476 14.0282 13.7475 14.0374 13.7455C14.0467 13.7435 14.0554 13.7396 14.0631 13.7342C14.0708 13.7288 14.0773 13.7218 14.0823 13.7138C14.0872 13.7058 14.0906 13.6969 14.092 13.6876C14.1024 13.6568 14.1082 13.6247 14.1093 13.5922C14.1016 13.3446 14.0914 13.0969 14.0818 12.8492C14.0818 12.7852 14.0773 12.7212 14.0779 12.6572C14.0779 12.3372 14.0779 12.0172 14.0875 11.6972C14.0927 11.541 14.1247 11.3849 14.1419 11.2287C14.1606 11.1036 14.1718 10.9776 14.1752 10.8511C14.172 10.5087 14.1656 10.1663 14.1471 9.82713C14.1311 9.65789 14.1065 9.48957 14.0735 9.32281C14.0686 9.29804 14.0586 9.27456 14.0442 9.25385C14.0297 9.23314 14.0112 9.21565 13.9896 9.20249C13.9009 9.13629 13.7962 9.09477 13.6863 9.08217C13.5858 9.06937 13.4885 9.03737 13.3893 9.01817C13.3197 9.00654 13.2493 9.00033 13.1787 8.99961C12.9867 8.99961 12.7947 9.00601 12.6079 8.99961C12.2482 8.98361 11.8911 9.02841 11.5333 9.03097C11.2267 9.03097 10.9202 9.02649 10.6136 9.03481C10.3973 9.04121 10.181 9.06681 9.96467 9.08281C9.92307 9.08281 9.88147 9.08729 9.83667 9.08729H7.84819C7.84819 9.11353 7.84819 9.13657 7.84819 9.15833C7.86867 9.38041 7.89235 9.60185 7.91219 9.82393C7.92113 9.90646 7.92113 9.98972 7.91219 10.0722C7.91063 10.1004 7.90291 10.1278 7.88957 10.1526C7.87623 10.1774 7.85761 10.1989 7.83501 10.2157C7.81242 10.2325 7.78641 10.2441 7.75882 10.2498C7.73123 10.2554 7.70275 10.2549 7.67539 10.2482C7.65872 10.2426 7.64346 10.2335 7.63065 10.2215C7.61784 10.2094 7.60778 10.1948 7.60115 10.1785C7.5778 10.12 7.56231 10.0587 7.55507 9.99609C7.53203 9.78276 7.51176 9.56942 7.49427 9.35609C7.48467 9.24089 7.47763 9.12441 7.47955 9.00921C7.48185 8.96383 7.49562 8.91977 7.51957 8.88116C7.54353 8.84255 7.57687 8.81064 7.61651 8.78841C7.74451 8.69561 7.88083 8.69753 8.02035 8.69625C8.64947 8.69177 9.27859 8.69625 9.90707 8.68729C10.0991 8.68729 10.2968 8.65657 10.4914 8.64121C10.5439 8.63673 10.5963 8.63481 10.6488 8.63417C11.004 8.63417 11.3592 8.63737 11.7151 8.63417C11.941 8.63417 12.1675 8.61753 12.3935 8.60793C12.4042 8.60669 12.4149 8.60477 12.4255 8.60217L12.5759 8.59961Z" fill="white"/><path d="M7.38499 11.1293C7.12888 11.1491 6.87168 11.1083 6.63427 11.0102C6.58243 10.9885 6.53315 10.9609 6.48323 10.9373C6.45718 10.9212 6.42894 10.9089 6.39939 10.9008C6.32899 10.8899 6.30979 10.8368 6.29763 10.783C6.29611 10.7735 6.29689 10.7638 6.29989 10.7547C6.3029 10.7456 6.30805 10.7373 6.31491 10.7305C6.37571 10.6915 6.43523 10.6397 6.51715 10.6729C6.52738 10.6768 6.53822 10.6788 6.54915 10.6787C6.96067 10.7049 7.37155 10.7651 7.78499 10.7293C7.93987 10.7158 8.09411 10.6928 8.24771 10.6691C8.40131 10.6454 8.56771 10.6051 8.72899 10.5917C8.92099 10.5757 9.10915 10.5814 9.29923 10.5795C9.57635 10.5795 9.85347 10.5731 10.1312 10.5744C10.2145 10.5784 10.2975 10.5878 10.3796 10.6025C10.3873 10.6039 10.3947 10.6069 10.4013 10.6111C10.4079 10.6154 10.4135 10.621 10.418 10.6275C10.4372 10.671 10.4448 10.7188 10.44 10.7662C10.4352 10.8136 10.4181 10.8588 10.3904 10.8976C10.3669 10.9198 10.3368 10.9337 10.3047 10.9373C10.0954 10.9539 9.88547 10.9673 9.67619 10.9795C9.58723 10.9853 9.49891 10.9891 9.40995 10.9885C9.28899 10.9885 9.16739 10.9846 9.04643 10.9801C8.82377 10.975 8.6012 10.9943 8.38275 11.0377C8.05475 11.1048 7.72036 11.1355 7.38563 11.1293" fill="white"/><path d="M8.66728 12.1209C8.3652 12.1062 8.06312 12.0838 7.76104 12.078C7.44104 12.0723 7.12104 12.0832 6.80104 12.0851C6.554 12.0851 6.3044 12.1113 6.0612 12.0441C6.01022 12.0264 5.9606 12.005 5.91272 11.9801C5.8954 11.9708 5.87717 11.9633 5.85832 11.9577C5.83188 11.9553 5.80728 11.9432 5.7893 11.9237C5.77132 11.9042 5.76125 11.8787 5.76104 11.8521C5.76022 11.8443 5.76111 11.8365 5.76365 11.829C5.7662 11.8216 5.77033 11.8149 5.77576 11.8092C5.80888 11.7829 5.84697 11.7635 5.88776 11.7523C6.00465 11.7316 6.12259 11.7173 6.24104 11.7094C6.46888 11.6953 6.69736 11.6825 6.9252 11.6787C7.23496 11.6736 7.54536 11.671 7.85448 11.6787C8.07912 11.6844 8.30248 11.712 8.52712 11.7254C8.65512 11.7331 8.778 11.7254 8.90216 11.7356C8.98855 11.7489 9.07405 11.7675 9.15816 11.7913C9.16797 11.7949 9.17676 11.8008 9.18376 11.8086C9.21256 11.8336 9.22472 11.984 9.20872 12.0192C9.17032 12.1049 9.10056 12.1196 9.01672 12.1177C8.90088 12.1177 8.78504 12.1177 8.6692 12.1177V12.1248" fill="white"/><path d="M16.5957 11.6167C16.8517 11.5879 17.1077 11.5604 17.3637 11.5296C17.4591 11.5181 17.4629 11.5194 17.4725 11.616C17.4816 11.6502 17.4886 11.6848 17.4937 11.7197C17.4876 11.7659 17.4681 11.8093 17.4376 11.8446C17.4071 11.8798 17.367 11.9054 17.3221 11.9181C17.2383 11.9322 17.1551 11.9508 17.0706 11.9597C16.7828 11.9951 16.4928 12.0101 16.2028 12.0045C16.0489 11.9924 15.9 11.9449 15.7676 11.8656C15.6837 11.8202 15.6613 11.7248 15.646 11.6378C15.6178 11.472 15.6005 11.305 15.573 11.1399C15.5242 10.8835 15.5047 10.6224 15.5148 10.3616C15.5155 10.2546 15.5437 10.1494 15.5967 10.0564C15.6018 10.0487 15.605 10.0365 15.6121 10.034C15.7004 10.0052 15.7618 9.9162 15.8681 9.92004C15.9077 9.92004 15.9231 9.93348 15.9321 9.96996C15.9522 10.0712 15.9496 10.1757 15.9244 10.2759C15.8828 10.4771 15.8828 10.6846 15.9244 10.8858C15.9525 11.0778 15.9884 11.2647 16.0197 11.4535C16.0265 11.4759 16.042 11.4948 16.0626 11.506C16.2293 11.5889 16.4167 11.6211 16.6015 11.5988C16.6012 11.6047 16.6012 11.6107 16.6015 11.6167" fill="white"/></g><defs><clippath id="clip0_3381_83493"><rect width="16" height="16" fill="white" transform="translate(4 4)"/></clippath></defs></svg></div><div class="relative h-5px mb-5 bg-searchBtn"><div class="h-5px bg-activePage rounded-3px flex justify-end" :style="`width: ${free_percent}`" ><span class="rounded-full w-9px h-9px bg-activePage relative -top-0.5 block"></span></div><span class="absolute bg-searchBtn rounded-full w-3 h-3 -top-1 hidden" :class="{'bg-primary-darker': free_percent=='100%', 'bg-searchBtn': free_percent!='100%'}" :style="`left: 100%;transform: translate(-100%, 0);`"></span></div></div><div class="new-add-tocart-popup-items-container"><div class="new-add-tocart-popup-items-container-wrapper relative"><div class="animate"><div class="animate__body"><svg fill="none" stroke="currentColor" strokelinecap="round" strokelinejoin="round" strokewidth=NO NUMERIC NOISE KEY 1162 viewbox="0 0 24 24" height="64px" width="64px" ><path stroke="none" d="M0 0h24v24H0z" /><path d="M8 13V4.5a1.5 1.5 0 013 0V12M11 11.5v-2a1.5 1.5 0 013 0V12M14 10.5a1.5 1.5 0 013 0V12" /><path d="M17 11.5a1.5 1.5 0 013 0V16a6 6 0 01-6 6h-2 .208a6 6 0 01-5.012-2.7L7 19c-.312-.479-1.407-2.388-3.286-5.728a1.5 1.5 0 01.536-2.022 1.867 1.867 0 012.28.28L8 13M2.541 5.594a13.487 13.487 0 012.46-1.427M14 3.458a13.44 13.44 0 013.685 1.612" /></svg></div></div><span class="text-blackfont text-sm lg:text-xl font-semibold block mb-4">Pour rendre votre cadeau encore meilleur</span> <div id="new-add-tocart-popup-items" class="block md:grid md:grid-cols-4 gap-6"></div><div class="new-add-tocart-popup-items-btns flex gap-2 relative justify-end"><span id="btns-layer" class="h-50px absolute w-full hidden bg-white opacity-50 top-0"></span> <span class="bg-point cursor-pointer rounded-full flex justify-center items-center text-white text-xs lg:text-sm font-semibold h-12 flex-1 lg:min-w-188px px-5 text-center" onclick="return hideNewPopup()">Continuez vos achats</span> <a id="go-to-cart" href="https://www.cadeauxfolies.fr/checkout/cart/" class="bg-blackbtn rounded-full flex justify-center items-center text-white text-xs lg:text-sm font-semibold h-12 flex-1 lg:min-w-188px px-5 text-center">Paiement</a></div></div></div></div></div><div class="new-add-tocart-popup-show-detail"><div id="new-add-tocart-popup-items-content" style="display:none;"><div id="new-add-tocart-popup-items-content-giftwrap"> <div class="flex justify-between border-b border-borderImg pb-4"><span onclick="backtoDetail()"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.57 5.92969L3.5 11.9997L9.57 18.0697" stroke="#747474" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.4999 12H3.66992" stroke="#747474" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="font-semibold text-base lg:text-2xl text-black">Je souhaite un emballage cadeau</span> <span onclick="backtoDetail()"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div><div class="new-popup-upsell-item-wrapper"><div class="new-popup-top-left"><div class="new-popup-upsell-item-image"><div class="new-popup-upsell-item-image-product rounded-lg overflow-hidden"><img width="326" height="326" x-bind:src="default_img" /></div><div class="new-popup-upsell-item-wrap flex flex-wrap gap-2 md:justify-between mt-2"> <span @click="setGwOption(true,false,'Crap Wrap (TM)',2,4.99,'/media/amasty/giftwrap/CRAP_WRAP_FOTO_1.jpg')" class="cursor-pointer"><img width="70" height="70" class="rounded-lg" src="/media/amasty/giftwrap/CRAP_WRAP_FOTO_1.jpg" alt="CRAPWRAP|Crap Wrap (TM)" title="CRAPWRAP|Crap Wrap (TM)" /></span> </div></div><div class="new-popup-top-info"><div class="new-popup-upsell-item-label hidden">Tasse à café personnalisée avec monogramme</div><div class="flex justify-between items-center gap-2 border-b border-borderImg pb-4"><div class="flex flex-col gap-1 text-blackfont"><span class="block text-base font-semibold">Emballage cadeau</span> <span class="block text-labeltext text-xs">Make your gift stand out with wrapping paper</span> <span class="font-bold text-lg block h-7" id="giftwrap-price"><span></div><div><a href="/faq?sublink=commentemballer/" target="_blank"><svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="39" height="39" rx="19.5" fill="white" stroke="#E4E4E4"/><path d="M12.916 28.334H27.0827" stroke="#747474" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.8335 12.916L14.1668 24.5827" stroke="#747474" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.2752 12.916H25.8335V21.4743" stroke="#747474" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></div><div class="new-popup-upsell-item-add-btn giftwrap-upsell-content-wrapper"><div class="giftwrap-upsell-content-wrapper-content mt-4"><div class="text-blackfont text-sm font-semibold">Choisir un emballage</div><div class="mt-2.5 flex flex-wrap gap-2.5 pb-4 border-b border-borderImg"> <div class="giftwrap-option-2 giftwrap-option-input cursor-pointer border border-borderImg rounded-lg flex justify-center items-center text-center h-8 px-2 text-labeltext" @click="setGwOption(true,false,'Crap Wrap (TM)',2,4.99,'/media/amasty/giftwrap/CRAP_WRAP_FOTO_1.jpg')"><span class="text-xs">Crap Wrap (TM)</span></div></div><div class="mt-4"><span class="hidden border-redColor"></span> <div class="text-blackfont text-sm font-semibold">Cadeau pour</div><span id="gw-error-message-to" class="text-labeltext text-xs block mt-0.5">Veuillez préciser à qui est destiné le cadeau pour pouvoir l'identifier une fois emballé.</span> <input maxlength="20" class="w-full h-10 border border-borderImg rounded-lg px-14px py-3 text-sm mt-2.5" type="text" name="gift_input_to" id="gift_input_to" /><span class="mt-4 cursor-pointer h-10 flex gap-2 justify-center items-center bg-blackbtn rounded-full text-white text-xs font-semibold" @click="saveGwOption()"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3583_99035)"><path d="M9.66515 6.45556H9.70163C9.70163 6.71956 9.70163 6.98356 9.70163 7.24756C9.70163 7.31764 9.71891 7.34356 9.78995 7.34356C10.0098 7.3522 10.2296 7.3666 10.4485 7.38292C11.1099 7.43188 11.7714 7.49044 12.4328 7.53172C12.9449 7.56867 13.4593 7.55549 13.9688 7.49236C14.0274 7.48468 14.0331 7.45588 14.0312 7.41076C14.0245 7.26004 14.0245 7.10836 14.0111 6.9586C13.9842 6.65812 13.9515 6.3586 13.9151 6.05908C13.8719 5.66836 13.6539 5.37844 13.3611 5.13844C12.9973 4.83892 12.6123 4.56244 12.2763 4.2322C12.0934 4.06584 11.9011 3.91006 11.7003 3.76564C11.6652 3.73556 11.6228 3.71514 11.5774 3.70639C11.5319 3.69764 11.485 3.70086 11.4411 3.71572C11.2236 3.78571 11.0098 3.8671 10.8008 3.95956C10.5755 4.06954 10.3905 4.24752 10.2719 4.46836C10.1705 4.64223 10.0592 4.81018 9.93875 4.9714C9.7634 5.20022 9.66736 5.47993 9.66515 5.7682C9.66515 5.99764 9.66515 6.22708 9.66515 6.45556ZM15.4079 8.25556C15.4299 8.42068 15.4511 8.5666 15.4693 8.71348C15.5269 9.18004 15.5653 9.64564 15.4347 10.1084C15.3935 10.2533 15.3752 10.404 15.3464 10.5528C15.3405 10.5782 15.3426 10.6047 15.3524 10.6287C15.3622 10.6528 15.3793 10.6732 15.4011 10.6872C15.4616 10.7323 15.5066 10.795 15.5298 10.8668C15.5725 11.0207 15.5891 11.1807 15.5787 11.34C15.5595 11.4792 15.4683 11.6108 15.405 11.7442C15.3811 11.7936 15.3525 11.8405 15.3195 11.8844C15.2802 11.9372 15.2379 12.0207 15.1899 12.0264C15.0731 12.0349 14.9557 12.0284 14.8405 12.0072C14.7445 11.9957 14.6581 11.9554 14.5659 11.9525C14.491 11.9549 14.4167 11.9386 14.3496 11.9051C14.2826 11.8716 14.225 11.8219 14.1819 11.7605C14.0964 11.6478 14.0239 11.5258 13.9659 11.3967C13.9248 11.3198 13.9047 11.2335 13.9076 11.1463C13.9104 11.0592 13.9362 10.9744 13.9823 10.9004C13.9981 10.8734 14.0076 10.8432 14.0101 10.812C14.0168 10.759 14.0346 10.7079 14.0622 10.6622C14.0898 10.6164 14.1267 10.5768 14.1704 10.5461C14.1877 10.5323 14.202 10.5151 14.2126 10.4957C14.2231 10.4762 14.2297 10.4549 14.2319 10.4328C14.2165 10.0815 14.2031 9.72916 14.1704 9.37684C14.1378 9.02452 14.0802 8.6722 14.037 8.32084C14.0303 8.269 14.0111 8.25268 13.9611 8.24788C13.5263 8.20756 13.0923 8.15764 12.6565 8.12308C11.8261 8.05588 10.9967 7.97236 10.1605 8.00308C10.0223 8.00884 9.88403 8.01268 9.74579 8.02132C9.69779 8.02132 9.65651 8.0338 9.64979 8.101C9.63827 8.29876 9.62771 8.49652 9.60275 8.69332C9.54707 9.12916 9.48371 9.56404 9.42323 9.99988C9.39347 10.2111 9.38195 10.4031 9.50675 10.6104C9.66515 10.8735 9.74579 11.1759 9.53363 11.4677C9.52281 11.4833 9.5153 11.501 9.51155 11.5196C9.49215 11.5884 9.45038 11.6488 9.39284 11.6912C9.33529 11.7336 9.26525 11.7556 9.19379 11.7538C8.88556 11.7622 8.57832 11.7154 8.28659 11.6156C7.94867 11.5196 7.83923 11.2047 7.98899 10.8898C8.00329 10.8652 8.01396 10.8387 8.02067 10.8111C8.03988 10.7174 8.07952 10.629 8.13677 10.5524C8.19402 10.4757 8.26746 10.4126 8.35187 10.3676C8.37204 10.3528 8.38894 10.334 8.40149 10.3123C8.41405 10.2907 8.42199 10.2667 8.42483 10.2418C8.43827 10.0248 8.44115 9.80788 8.44787 9.59188C8.44813 9.5415 8.45134 9.49117 8.45747 9.44116C8.49971 9.16852 8.54675 8.89588 8.58707 8.62228C8.60339 8.51188 8.60723 8.40052 8.61779 8.27956C8.54301 8.29071 8.46771 8.29808 8.39219 8.30164C7.71347 8.29108 7.03475 8.28052 6.35603 8.2642C6.27347 8.2642 6.23507 8.28052 6.21587 8.3602C6.09716 8.79715 6.01938 9.2442 5.98355 9.69556C5.96723 10.0152 5.94227 10.3359 5.89619 10.6556C5.83379 11.0933 5.72147 11.5196 5.68595 11.9669C5.65331 12.3701 5.58227 12.7704 5.57267 13.1775C5.56595 13.452 5.60723 13.7218 5.62355 13.9944C5.6376 14.3367 5.62861 14.6796 5.59667 15.0207C5.54963 15.638 5.48531 16.2543 5.42867 16.8706C5.41619 17.0021 5.41907 17.1365 5.39411 17.2652C5.30483 17.7279 5.31251 18.1973 5.29811 18.6648C5.28563 19.0104 5.27219 19.3551 5.26355 19.7007C5.26355 19.812 5.27219 19.9224 5.27699 20.0472C5.37299 20.0271 5.44403 20.0127 5.51699 19.9954C5.62517 19.9624 5.7351 19.9355 5.84627 19.9148C6.20147 19.8677 6.55667 19.8188 6.91379 19.7909C7.93331 19.7007 8.95283 19.67 9.96659 19.8648C10.0936 19.8884 10.2218 19.9048 10.3506 19.9138C10.676 19.9388 11.0034 19.9512 11.3288 19.982C12.0117 20.0492 12.6999 20.0386 13.3803 19.9503C13.7787 19.8975 14.1791 19.86 14.5794 19.8293C14.8175 19.8111 15.0594 19.8293 15.2965 19.8159C15.6987 19.8015 16.1 19.7708 16.5023 19.764C16.8786 19.7583 17.2568 19.764 17.6322 19.788C17.9437 19.7942 18.2532 19.8387 18.5538 19.9205C18.5729 19.9225 18.5922 19.9225 18.6114 19.9205C18.5894 19.821 18.5724 19.7204 18.5605 19.6191C18.525 19.0431 18.4741 18.4584 18.4645 17.8776C18.4501 16.7208 18.4645 15.5631 18.4559 14.4053C18.4511 13.8591 18.4328 13.3119 18.3963 12.7666C18.356 12.1656 18.1448 11.6002 17.9807 11.0261C17.7864 10.3833 17.6482 9.72483 17.5679 9.05812C17.5391 8.78644 17.4843 8.51764 17.4431 8.24788C17.4344 8.18644 17.4037 8.16436 17.3423 8.16436C17.1503 8.16436 16.9525 8.1586 16.7576 8.15764C16.6978 8.15526 16.638 8.16173 16.58 8.17684C16.3247 8.24605 16.0598 8.2736 15.7957 8.25844C15.6709 8.25844 15.5451 8.25844 15.4059 8.25844M19.5695 20.7615C19.557 20.7452 19.5445 20.7106 19.5205 20.6991C19.4965 20.6876 19.4639 20.6991 19.4351 20.7058C19.4063 20.7125 19.3909 20.7279 19.3794 20.7221C19.2267 20.6367 19.0539 20.6722 18.8917 20.6405C18.7214 20.6142 18.5494 20.6004 18.3771 20.5992C18.2015 20.5916 18.0248 20.5992 17.8491 20.5887C17.5986 20.5714 17.349 20.5282 17.0984 20.5224C16.7638 20.4977 16.4276 20.5048 16.0943 20.5436C15.0671 20.7125 14.0341 20.7116 13.0002 20.7068C12.261 20.7029 11.5221 20.6972 10.7835 20.6895C10.0763 20.6837 9.36883 20.677 8.66099 20.6693C8.49203 20.6693 8.32211 20.6463 8.15219 20.6492C7.72307 20.6559 7.28819 20.6636 6.86291 20.6856C6.70835 20.6943 6.55667 20.7548 6.40211 20.774C6.03731 20.8181 5.67155 20.8517 5.30675 20.892C5.25875 20.8968 5.21075 20.916 5.16659 20.9189C5.10855 20.925 5.05022 20.9279 4.99187 20.9276C4.94417 20.9206 4.89701 20.9104 4.85075 20.8968C4.67603 20.8546 4.50035 20.8152 4.32659 20.7682C4.31093 20.7652 4.29607 20.759 4.28292 20.75C4.26977 20.741 4.25862 20.7293 4.25015 20.7158C4.24169 20.7023 4.23609 20.6872 4.23372 20.6714C4.23134 20.6557 4.23224 20.6396 4.23635 20.6242C4.24211 20.5877 4.24115 20.5493 4.24979 20.5128C4.33158 20.0993 4.36381 19.6774 4.34579 19.2562C4.34559 18.5233 4.38629 17.791 4.46771 17.0626C4.59182 15.9368 4.65751 14.8054 4.66451 13.6728C4.68742 12.5058 4.80298 11.3425 5.01011 10.1938C5.08115 9.76372 5.12819 9.3298 5.19251 8.89588C5.23842 8.5414 5.33813 8.19598 5.48819 7.87156C5.52234 7.79456 5.56314 7.72068 5.61011 7.65076C5.67827 7.55476 5.79155 7.5874 5.88755 7.573C5.93733 7.56773 5.98753 7.56773 6.03731 7.573C6.73427 7.61716 7.41491 7.48756 8.09939 7.38964C8.23955 7.36948 8.38067 7.35796 8.52179 7.34836C8.58419 7.34836 8.60915 7.32724 8.60243 7.25236C8.56153 6.88348 8.56766 6.5109 8.62067 6.14356C8.62931 6.08767 8.63316 6.03115 8.63219 5.9746C8.63219 5.42644 8.83187 4.94164 9.10547 4.48468C9.23699 4.26388 9.40019 4.06228 9.55091 3.853C9.77248 3.56537 10.0725 3.34799 10.4149 3.22708C10.8247 3.0671 11.2718 3.02779 11.7032 3.1138C11.7348 3.12096 11.7669 3.12514 11.7992 3.12628C12.3599 3.11956 12.8437 3.34132 13.3083 3.62644C13.7959 3.93567 14.217 4.33906 14.5467 4.813C14.7645 5.11551 14.9088 5.46457 14.9682 5.83252C14.9994 6.00868 15.0437 6.18228 15.1007 6.35188C15.1981 6.66067 15.2625 6.97894 15.2927 7.30132C15.2975 7.34836 15.3061 7.39732 15.3138 7.45492L15.4914 7.43956C15.9714 7.3906 16.4514 7.31668 16.9256 7.30132C17.2616 7.2898 17.5976 7.357 17.9375 7.3906C18.0632 7.40308 18.1871 7.42228 18.3128 7.43188C18.3505 7.43195 18.3871 7.44398 18.4175 7.46624C18.4479 7.4885 18.4704 7.51983 18.4818 7.55572C18.5681 7.75599 18.6072 7.97344 18.596 8.19124C18.581 8.2629 18.5601 8.33322 18.5336 8.40148C18.5226 8.44276 18.5187 8.48561 18.5221 8.5282C18.6165 9.3424 18.7872 10.1459 19.0319 10.9282C19.1778 11.4024 19.3429 11.8767 19.3775 12.374C19.4178 12.95 19.4379 13.526 19.4418 14.1077C19.4514 15.3154 19.4418 16.524 19.4475 17.7317C19.4475 18.2434 19.4763 18.756 19.5061 19.2677C19.5251 19.574 19.5935 19.8751 19.7087 20.1596C19.7347 20.2429 19.7533 20.3283 19.7643 20.4149C19.7643 20.4293 19.7691 20.4543 19.7643 20.46C19.6683 20.532 19.6683 20.652 19.6107 20.748C19.6107 20.748 19.5992 20.748 19.5743 20.7596" fill="white"/></g><defs><clippath id="clip0_3583_99035"><rect width="24" height="24" fill="white"/></clippath></defs></svg>Sauvegarder les options d'emballage</span></div></div><div id="giftwrap-message-to" class="py-5 hidden text-center">Votre cadeau sera emballé ;-)</div></div></div></div></div></div></div><div id="new-add-tocart-popup-items-detail" class=""></div></div></div><div id="new-add-tocart-overlay"></div> <style type="text/css"> .open-upsell-popup.mobile-fixed-btn #buy-now-btn > div {z-index: 80;} .new-add-tocart-popup-show-detail,.new-add-tocart-popup-wrapper{background: #fff;background-color: rgb(255, 255, 255);background-color: #fff;z-index: 9999999;position: fixed;width: 50%;padding: 24px;overflow-y: auto;max-height: 90vh;width: 100%;max-width: 768px;box-shadow: 0px 10px 40px 0px rgba(31, 31, 31, 0.05);border: none;border-radius: 8px;} #new-add-tocart-popup{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 9999999;} .new-add-tocart-popup-show-detail{display:none;} #new-add-tocart-overlay{position:fixed;left:0;top:0;width:100%;height:100%;;z-index:9999998;backdrop-filter: blur(5px);background-color: rgba(31, 31, 31, 0.48);opacity: 1;} @media only screen and (max-width: 768px) { .mobile-fixed-btn .variant-qty-wrapper, .mobile-fixed-btn .variant-qty-container{z-index: 90 !important;} } div#new-add-tocart-popup-items::-webkit-scrollbar {height: 5px;} div#new-add-tocart-popup-items::-webkit-scrollbar-track {background-color: #E4E4E4;border-radius: 10px;} div#new-add-tocart-popup-items::-webkit-scrollbar-thumb {background-color: #000000;height: 3px;} .new-add-tocart-free-shipping-label .price {font-weight: 700;} .new-add-tocart-popup-wrapper,#new-add-tocart-popup-items{scrollbar-color: #b2b2b2 white;scrollbar-width: thin;} .new-add-tocart-popup-wrapper::-webkit-scrollbar,#new-add-tocart-popup-items::-webkit-scrollbar {width: 8px;height: 8px;background-color: white;} .new-add-tocart-popup-wrapper::-webkit-scrollbar-thumb,#new-add-tocart-popup-items::-webkit-scrollbar-thumb {background: #b2b2b2;border-radius: 5px;} .new-add-tocart-popup-wrapper::-webkit-scrollbar-button,#new-add-tocart-popup-items::-webkit-scrollbar-button {width: 0px;height: 0px;display:none;} #bundlePopupIframe.open-bundle-popup-iframe{position:fixed;width:100%;height:100vh;top:0;left:0;} #new-add-tocart-popup.open-bundle-popup{top:0!important;left:0!important;transform:none!important;width:100%!important;padding:0px!important;box-shadow:0px 0px 0px!important} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-image{width:179px;height:200px;margin: auto;border-radius: 8px;overflow: hidden;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-image img {width: 100%;height: 100%;object-fit: cover;} #new-add-tocart-popup-items .new-popup-upsell-item {text-align:left;flex: 179px 1 0;width: 0;cursor: pointer;position: relative;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-label{font-size: 14px;line-height: 17px;font-weight: 500;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;height: 34px;color: #1F1F1F;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-price {font-size: 16px;font-weight: 700;margin: 4px 0 0;color: #1F1F1F;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-add-btn {border: 1px solid rgba(51,51,51,var(--tw-border-opacity));height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 9999px;max-width: 150px;margin: 12px auto 0;font-size: 14px;font-weight: 500;cursor:pointer;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-add-btn:hover {background-color: #edf9fe;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-add-btn.active-item{background-color: #edf9fe;} #new-add-tocart-popup-items-content-giftwrap .new-popup-upsell-item-wrapper{display: flex;justify-content: space-between;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-upsell-item-wrapper{display:block;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left {width: 100%;margin-top: 24px;display: flex;gap: 16px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left {display: flex;gap: 25px;margin-top:24px;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-upsell-item-image{max-width: 240px;width:100%;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-upsell-item-image .new-popup-upsell-item-image-product img{height:240px;object-fit: contain;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-upsell-item-image .new-popup-upsell-item-wrap img{width:70px;height:70px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-upsell-item-image{max-width: 196px;height:196px;width:100%;border-radius:8px;overflow: hidden;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info{width: 100%;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-label, #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-label {color:#1F1F1F;font-size: 16px;font-weight: 600;line-height: 24px;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-price{display: none;} .new-popup-upsell-item-sku {font-size: 12px;line-height:12px;color:#747474;} .giftwrap-upsell-content-wrapper{width: 100%;} #new-add-tocart-popup-items {overflow-x: auto;white-space: nowrap;display: flex;gap: 12px;padding-bottom: 16px;margin-bottom:24px;} .new-popup-upsell-item-image a {pointer-events: none;} .new-popup-upsell-item-added-to-cart{position: absolute;width: 179px;height: 200px;background: #037D421F;top: 0;right: 0;border-radius: 8px;} #new-add-tocart-popup-items .new-popup-upsell-item.added-item-to-cart img{} #new-add-tocart-popup-items .new-popup-upsell-item.added-item-to-cart .new-popup-upsell-item-added-to-cart{display:flex;justify-content: center;align-items: center;} .open-bundle-popup .new-popup-upsell-item-add-btn iframe {position: fixed;left: 0;top: 0;width: 100vw !important;height: 100vh !important;} #new-add-tocart-popup-items-content-giftwrap .new-popup-upsell-item-wrapper{flex-wrap:wrap;} .new-popup-upsell-item-added-to-cart .added-label {background-color: #037D42;display: inline-flex;justify-content: center;align-items: center;box-shadow: 0px 8px 48px 0px #1F1F1F66;gap: 4px;border-radius: 40px;height: 40px;padding: 0 10px;} .new-popup-upsell-item-added-to-cart .added-label span{color:#fff;font-weight:600; font-size:14px;line-height:24px;} .open-bundle-popup #new-add-tocart-popup-items {display: none;} .loading-animation-simple{background-image:url('https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/loading.gif');background-size:100px;width: 200px;height: 100px;position: absolute;top: -30px;background-repeat: no-repeat;} .new-popup-upsell-item-add-btn,.new-popup-upsell-item-add-btn form {position: relative;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-top-info{width:100%;} .giftwrap-option-input.active {border-color: #5359EA;background-color: #F3F3FD;} .giftwrap-option-input.active span {color: #5359EA;} #gw-error-message-to.text-redColor {color: #fe4526;} #gift_input_to.border-redColor {border-color: #fe4526;} .product-upsell-header-containet {display: flex !important;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-price{color:#1F1F1F;font-size:18px;font-weight:700;line-height:26px;} .new-popup-top-info-wrapper{display: flex;gap:16px;border-bottom: 1px solid #E4E4E4;padding-bottom: 16px;justify-content: space-between;align-items: center;} .new-popup-top-info-wrapper-container{display:flex;flex-direction: column;gap: 4px;} .new-popup-upsell-item-add-btn {margin-top: 16px;} .animate {display:none;} @media only screen and (max-width: 768px) { #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-upsell-item-image .new-popup-upsell-item-image-product img{height:auto;} .new-add-tocart-popup-wrapper{padding:16px} #new-add-tocart-popup.show-popup-upsell{width: 100%;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-image{margin-left: 0;margin-right: 0;width: 125px;height: 125px;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-add-btn{margin: 12px 0 0;} #new-add-tocart-popup-items .new-popup-upsell-item:last-child{border:none;margin-bottom: 0;padding-bottom: 0;} .new-add-tocart-popup-items-container {display: flex;flex-direction: column;} .new-add-tocart-popup-items-container #new-add-tocart-popup-items{order:2;padding-bottom:15px;} .new-add-tocart-popup-items-container #new-add-tocart-popup-items-detail{order:1;padding: 0;padding-top: 10px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-upsell-item-wrapper{flex-direction: column;} .new-popup-upsell-item-add-btn iframe{top: 0;width: 100%;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-image{width: 128px;height: 128px;margin: 0;} .new-popup-upsell-item-add-btn {margin: 20px 0;} .new-popup-upsell-item-add-btn.giftwrap-upsell-content-wrapper{max-width:100%;} #new-add-tocart-popup-items{padding-bottom:0;margin-bottom: 0;} .new-add-tocart-popup-items-btns {margin-bottom: 5px;} .mobile-fixed-btn .variant-qty-container {height: 78px;z-index: 80;position: relative;} .new-popup-upsell-item-add-btn > iframe{height:auto;} .new-add-tocart-popup-wrapper{padding:16px} /* Mobile changes */ #new-add-tocart-popup.show-popup-upsell{border:none;} .new-add-tocart-popup-items-btns{order: 2;margin-top: 20px;} .new-popup-top-info{display: flex;align-items: center;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left, #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left{gap:15px;} .new-popup-upsell-item-add-btn{margin-top:0;width: 100%;} .new-popup-upsell-item-add-btn .add-to-cart-simple {margin-top:20px;} .giftwrap-upsell-content-wrapper-content {margin-top: 20px;} #new-add-tocart-popup-items .new-popup-upsell-item{flex: 150px 1 0;} #new-add-tocart-popup-items .new-popup-upsell-item .new-popup-upsell-item-image{width: 150px;height: 168px;} #new-add-tocart-popup-items .new-popup-upsell-item.added-item-to-cart .new-popup-upsell-item-added-to-cart{width: 100%;height: 168px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-upsell-item-wrapper{flex-direction: column;gap: 20px;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left{flex-direction: column;} #new-add-tocart-popup-items-content-giftwrap{margin-left: -16px;padding: 16px;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left{margin-top:16px} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left .new-popup-upsell-item-image{max-width: 326px;width:100%;margin: auto;height: auto;margin-bottom: 16px;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-info{display: block;} #new-add-tocart-popup-items-content-giftwrap .new-popup-top-left{gap:0;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-upsell-item-image{max-width: inherit;height: auto;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left,#new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info{flex-direction: column;} #new-add-tocart-popup-items-content-giftwrap,#new-add-tocart-popup-items-detail .new-popup-upsell-item,#new-add-tocart-popup-items-detail .new-popup-upsell-item{margin: 0px;padding: 0px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-label{font-size:14px;line-height: 20px;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left .new-popup-top-info .new-popup-upsell-item-price{font-size:16px;line-height: 24px;} .new-add-tocart-popup-show-detail,.new-add-tocart-popup-wrapper{width: 90vw;padding: 16px;} /* swipe animation */ .animate {display: block;position: fixed;left: auto;top: 50%;right: 50%;transform: translate(50%,50%);z-index: 9;} .animate__body {position: relative;left: 40px;bottom: 0;animation: stretch 2s infinite;animation-timing-function: ease;animation-iteration-count: 3;animation-delay: 2s;opacity: 0;} #new-add-tocart-popup-items-detail .new-popup-upsell-item .new-popup-top-left {margin-top:0px;} } .popup-gallery-name-mobile,.popup-gallery-name-mobile .new-popup-top-info-wrapper{display:flex !important} .new-popup-top-info.popup-gallery-name-desktop .new-popup-top-info-wrapper{display:none !important} .popup-gallery-name-mobile .new-popup-upsell-item-label {color: #1F1F1F;font-size: 16px;font-weight: 600;line-height: 24px;} .popup-gallery-name-mobile .new-popup-upsell-item-price {color: #1F1F1F;font-size: 18px;font-weight: 700;line-height: 26px;} .popup-gallery-name-mobile .new-popup-upsell-item-sku {font-size: 12px;line-height: 12px;color: #747474;} @media only screen and (min-device-width: 768px) { .popup-gallery-name-mobile, .popup-gallery-name-mobile .new-popup-top-info-wrapper{display:none !important} .new-popup-top-info.popup-gallery-name-desktop .new-popup-top-info-wrapper{display:flex !important} } @keyframes stretch { 0% {opacity: 0.9;} 60% {left: -40px;} 70% {opacity: 0.9;} 100% {left: -40px;opacity: 1;} }</style><script type="text/javascript" defer>
var openForm = '';
var selectedProduct = '';
function openGiftwrapItem(id) {
jQuery.ajax({
url: "https://www.cadeauxfolies.fr/mhdirekt_giftwrapping/cart/item/item_id/" + id + '?t=' + Date.now(),
type: 'GET',
success: function(res) {
jQuery('#new-add-tocart-popup-items-content-giftwrap').html(res);
jQuery('#new-add-tocart-popup-items-content').show();
jQuery('#new-add-tocart-popup-items-content-giftwrap').show();
}
});
}
function goBackUpsell() {
document.querySelectorAll('#new-add-tocart-popup-items-detail .new-popup-upsell-item').forEach((el) => {
el.classList.add('hidden')
})
document.querySelector('.new-add-tocart-popup-show-detail').style.display = 'none';
document.querySelector('.new-add-tocart-popup-wrapper').style.display = 'block';
}
function backtoDetail(){
document.querySelector('#new-add-tocart-popup-items-content').style.display='none';
document.querySelector('.new-add-tocart-popup-show-detail').style.display = 'none';
document.querySelector('.new-add-tocart-popup-wrapper').style.display = 'block';
}
function simpleAddToCart(formId, sku) {
jQuery('#loading-animation-simple-' + formId).css('display','block');
document.querySelector('#btns-layer').classList.remove('hidden');
document.querySelector('#btns-layer').classList.add('block');
jQuery.ajax({
type: 'POST',
url: jQuery('#' + formId).attr('action'),
data: jQuery('#' + formId).serialize(),
success: function (data) {
document.querySelector('.new-popup-upsell-item-' + formId + ' .new-popup-upsell-item-added-to-cart').classList.remove('hidden');
document.querySelector('.new-popup-upsell-item-' + formId).classList.add('added-item-to-cart');
jQuery('#cart-upsell-sku-added').val(sku);
jQuery('#menu-cart-upsell-added').click();
jQuery('#congrat-message').css('display','none');
setTimeout(function() {
jQuery('#loading-animation-simple-' + formId).css('display','none');
jQuery('#button-' + formId).css('pointer-events','none');
jQuery('#button-' + formId).css('background-color','#ccc');
jQuery('#button-' + formId).text('Ajouté au panier');
goBackUpsell();
document.querySelector('#btns-layer').classList.add('hidden');
document.querySelector('#btns-layer').classList.remove('block');
}, 2000);
},
error: function (request, error) {
console.log("Error");
}
});
return false;
}
function hideNewPopup() {
jQuery('#new-add-tocart-popup').hide();
jQuery('#new-add-tocart-overlay').hide();
jQuery('body').removeClass('open-upsell-popup');
return false;
}
if (window.addEventListener) {
window.addEventListener("message", onMessage, false);
}
else if (window.attachEvent) {
window.attachEvent("onmessage", onMessage, false);
}
function resizeIframe(obj) {
}
function onMessage(event) {
var data = event.data;
if(data.func == 'addToCartAdded') {
addToCartAdded(0, data.message);
document.querySelector('#btns-layer').classList.add('hidden');
document.querySelector('#btns-layer').classList.remove('block');
} else if(data.func == 'startAddToCart') {
document.querySelector('#btns-layer').classList.remove('hidden');
document.querySelector('#btns-layer').classList.add('block');
} else {
if (typeof(window[data.func]) == "function") {
window[data.func].call(null, data);
}
}
}
function addToCartAdded(index, data) {
document.querySelector('.new-popup-upsell-item.acitive-item .new-popup-upsell-item-added-to-cart').classList.remove('hidden');
document.querySelector('.new-popup-upsell-item.acitive-item').classList.add('added-item-to-cart');
jQuery('#cart-upsell-sku-added').val(data);
jQuery('#menu-cart-upsell-added').click();
jQuery('#congrat-message').css('display','none');
document.querySelector('#btns-layer').classList.add('hidden');
document.querySelector('#btns-layer').classList.remove('block');
goBackUpsell();
}
function openIframePopupEditor(message) {
jQuery('#bundlePopupIframe').addClass("open-bundle-popup-iframe");
jQuery('#new-add-tocart-popup').addClass("open-bundle-popup");
}
function hideIframePopupEditor(message) {
jQuery('#bundlePopupIframe').removeClass("open-bundle-popup-iframe");
jQuery('#new-add-tocart-popup').removeClass("open-bundle-popup");
}
function showNewPopupItemDetail(id) {
if(jQuery('.iframe-' + id).length > 0) {
if(jQuery('.iframe-' + id).attr('src') == '') {
jQuery('.iframe-' + id).hide();
jQuery('.iframe-' + id).attr('src', jQuery('.iframe-' + id).attr('data-src'));
}
}
const items = document.querySelectorAll('#new-add-tocart-popup-items-detail .new-popup-upsell-item');
const items2 = document.querySelectorAll('#new-add-tocart-popup-items .new-popup-upsell-item');
for (const item of items) {
item.classList.add('hidden');
}
for (const item2 of items2) {
item2.classList.remove('acitive-item');
}
document.querySelector('#new-add-tocart-popup-items-content').style.display = 'none';
document.querySelector('.new-popup-upsell-item-'+id).classList.add('acitive-item');
document.querySelector('#new-popup-item-'+id).classList.remove('hidden');
document.querySelector('.new-add-tocart-popup-show-detail').style.display = 'block';
document.querySelector('.new-add-tocart-popup-wrapper').style.display = 'none';
if(document.querySelector('#new-popup-item-'+id + ' iframe') != null){
const obj = document.querySelector('#new-popup-item-'+id + ' iframe');
var checkExist = setInterval(function () {
if(obj.contentWindow.document.body.offsetHeight > 0){
obj.style.height = (obj.contentWindow.document.body.offsetHeight+10) + 'px';
}
}, 500);
}
const items_btn = document.querySelectorAll('.new-popup-upsell-item-add-btn');
for (const item_btn of items_btn) {
item_btn.classList.remove('active-item');
}
}
function upsellIframeLoaded(id) {
console.log('upsellIframeLoaded');
jQuery('.iframe-' + id).show();
if(jQuery('.iframe-' + id).attr('src') != '') {
jQuery('#iframe-loading-' + id).hide();
}
}
function newAddToCartPopupGiftwrap() {
const items = document.querySelectorAll('#new-add-tocart-popup-items-detail .new-popup-upsell-item');
for (const item of items) {
item.classList.add('hidden');
}
const items_btn = document.querySelectorAll('.new-popup-upsell-item-add-btn');
for (const item_btn of items_btn) {
item_btn.classList.remove('active-item');
}
document.querySelector('#new-add-tocart-popup-items-content').style.display = 'block';
document.querySelector('.new-add-tocart-popup-show-detail').style.display = 'block';
document.querySelector('.new-add-tocart-popup-wrapper').style.display = 'none';
}
function setCartUpsellAddedProduct(sku) {
jQuery('#cart-upsell-sku-added').val(sku);
}</script>
</div> <div class="lg:hidden block no-iframe mobile-details-product"><div class=""><!-- Details --><div id="feautures-container-mobile" x-data="initMobileFeautures()" x-init="initActive()" class="feautures-block py-16.5px border-b border-t border-borderImg mt-6"><span class="font-semibold text-sm md:text-base xll:text-lg xll:leading-26px cursor-pointer flex justify-between items-center" @click="showMoreLess()">En bref <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div class="features-text-mobile relative text-labeltext text-xs xll:text-sm leading-20px" :class="{'fade-text': showExpanded == true && expanded==false}"><ul>
<li>Tasse à expresso avec votre propre texte</li>
<li>Soucoupe incluse</li>
<li>Matériau : céramique</li>
<li>Lavage à la main recommandé</li>
</ul></div></div><!-- Description --><div id="description-container-mobile" x-data="initMobileDescription()" x-init="initActive()" class="feautures-block py-16.5px border-b border-borderImg"><span class="font-semibold text-sm md:text-base xll:text-lg cursor-pointer flex justify-between items-center font-lexenddeca" @click="showMoreLess()">Description <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div class="desc-text-mobile relative text-labeltext text-xs md:text-sm xll:text-base leading-20px" :class="{'fade-text': showExpanded == true && expanded==false}"><span class="mb-3.5 block">Tasse à café personnalisée avec monogramme</span> <p>Pour les adeptes de cafés : notre <strong>tasse à café personnalisée</strong> arrive directement chez vous avec votre personnalisation. Pour cela, <strong>personnalisez</strong> votre tasse à votre goût en y ajoutant <strong>votre monogramme </strong>et <strong>votre propre texte</strong>.</p>
<p>Cette jolie tasse est bien sûr <strong>livrée avec une soucoupe assortie</strong> (parce que le café renversé ne fait plaisir à personne) et est fabriquée en céramique blanche. Elle est parfaite pour la maison ou comme <strong>cadeau</strong> original pour vos proches. Elle rendra aussi chaque pause-café spéciale.</p></div></div><!-- Feature --><div x-data="initMobileDetails()" x-init="initActive()" class="feautures-block py-16.5px"><span class="font-semibold text-sm md:text-base xll:text-lg cursor-pointer flex justify-between items-center font-lexenddeca" @click="showMoreLess()">Détails <span class="transform" :class="{'rotate-180': expanded == true}"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825" stroke="#575757" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span> <div id="product-detail-container-mobile" class="relative text-labeltext text-xs md:text-sm xll:text-base leading-20px" :class="{'fade-text': showExpanded==true && expanded==false}"><ul>
<li>Tasse à café personnalisée avec monogramme</li>
<li>Comprend 1 tasse et 1 soucoupe</li>
<li>Impression par sublimation non perceptible au toucher</li>
<li>Fabriquée en céramique</li>
<li>Contenance environ 70 ml</li>
<li>Dimensions tasse environ 5 cm de hauteur, environ 5,8 cm de diamètre</li>
<li>Poids de la tasse environ 290 grammes</li>
<li>Convient pour le lave-vaisselle (lavage à la main recommandé)</li>
</ul></div></div></div></div></div></div></div></section><div id="mobile-upsell-target-container" class="px-4 md:px-72px xl:px-120px block md:hidden"></div><div class="related-container big-container-new mx-auto px-4 md:px-72px lg:px-120px py-12 no-iframe"> <div class=""><div class="custom-related-block-top"><div class="flex justify-between items-center mb-6 lg:mb-2 xl:mb-6 relative"><span class="flex flex-col gap-1 lg:h-68px justify-center"><span class="lg:absolute lg:left-0 lg:right-0"><span class="block text-2xl lg:text-28px xll:text-32px xll:leading-40px font-semibold text-left font-lexenddeca">Vous avez vu ? </span> <span class="block text-labeltext xll:text-xl md:text-base text-xs leading-12px text-left mt-1">Ces produits pourraient aussi vous intéresser</span></span></span> <div class="relative w-24 h-10 product-slider justify-between hidden md:flex"><!-- Add Pagination --><div class="swiper-pagination swiper-pagination-related swiper-pagination-white left-0 right-0 m-auto hidden"></div><!-- Navigation --><div class="swiper-button-next swiper-button-next-related swiper-button-white relative order-2"><a href="#" class="next-img-arrow img-arrow absolute z-20 hidden md:flex justify-center items-center w-10 h-10 xll:w-12 xll:h-12 focus:outline-none rounded-full bg-activeInputText" :class="{'md:hidden': images.length <= 1}" aria-label="View Previous Image" x-show="showArrows" @click.prevent="nextArrowClick()"><svg class="xll:w-6 xll:h-6 w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.42505 16.6L12.8584 11.1667C13.5 10.525 13.5 9.47503 12.8584 8.83336L7.42505 3.40002" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><div class="swiper-button-prev swiper-button-prev-related swiper-button-white relative order-1 rotate-180 transform"><a href="#" class="prev-img-arrow img-arrow absolute z-20 hidden md:flex justify-center items-center w-10 h-10 xll:w-12 xll:h-12 focus:outline-none rounded-full bg-activeInputText" :class="{'md:hidden': images.length <= 1}" aria-label="View Previous Image" x-show="showArrows" @click.prevent="previousArrowClick()"><svg class="xll:w-6 xll:h-6 w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.42505 16.6L12.8584 11.1667C13.5 10.525 13.5 9.47503 12.8584 8.83336L7.42505 3.40002" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div></div></div></div><div class="custom-related-block swiper-container swiper-design swiper-design-related swiper-container-related"><div class="swiper-wrapper"> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/b/i/birra_moretti_bierkrug_1200x1200px_all_v1.jpg" alt="Chope de bière personnalisée avec logo et visage"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-76426" id="cookiewishlist-list-76426" data-product-id="76426" onclick="addToCookieWishlist(76426,'BIMIXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Chope de bière personnalisée avec logo et visage</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Chope de bière personnalisée avec logo et visage</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="19.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-76426"><span class="price">19,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/chope-de-biere-personnalisee-avec-logo-et-visage"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/a/p/aperol_logo_jahreszahl_1200x1200px_fr_v2.jpg" alt="Verre Aperol Spritz personnalisé avec année"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-77777" id="cookiewishlist-list-77777" data-product-id="77777" onclick="addToCookieWishlist(77777,'GGAJXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Verre Aperol Spritz personnalisé avec année</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Verre Aperol Spritz personnalisé avec année</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-77777"><span class="price">14,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/verre-aperol-spritz-personnalise-avec-annee"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/t/m/tmfaxt_1200x1200px_2.jpg" alt="Mug personnalisé avec visage"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-73308" id="cookiewishlist-list-73308" data-product-id="73308" onclick="addToCookieWishlist(73308,'TMFAXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Mug personnalisé avec visage</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Mug personnalisé avec visage</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-73308"><span class="price">14,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/mug-personnalise-avec-visage"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/g/r/grades_1000x1000px_front_v-day.jpg" alt="Tasse Photo Personnalisable"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-67445" id="cookiewishlist-list-67445" data-product-id="67445" onclick="addToCookieWishlist(67445,'GRADXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Tasse Photo Personnalisable</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Tasse Photo Personnalisable</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-67445"><span class="price">14,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/tasses-personnalisees/tasse-photo-personnalisable"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/m/a/magic_mug_phototext_fr-animation.gif" alt="Mug personnalisé avec photo et texte"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-71570" id="cookiewishlist-list-71570" data-product-id="71570" onclick="addToCookieWishlist(71570,'TMBTXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Mug personnalisé avec photo et texte</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Mug personnalisé avec photo et texte</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-71570"><span class="price">14,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/mug-personnalise-avec-photo-et-texte"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/s/e/sektschale_mit_text_1200x1200px_fr_v1.jpg" alt="Coupe de champagne personnalisée avec texte"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-78500" id="cookiewishlist-list-78500" data-product-id="78500" onclick="addToCookieWishlist(78500,'MGCSXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Coupe de champagne personnalisée avec texte</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Coupe de champagne personnalisée avec texte</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="17.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-78500"><span class="price">17,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/coupe-de-champagne-personnalisee-avec-texte"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/s/u/superhelden_tasse_mit_gesicht.png" alt="Mug personnalisé super-héros avec visage"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-73781" id="cookiewishlist-list-73781" data-product-id="73781" onclick="addToCookieWishlist(73781,'TASHXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Mug personnalisé super-héros avec visage</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Mug personnalisé super-héros avec visage</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-73781"><span class="price">14,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/mug-personnalise-super-heros-avec-visage"></a></div></div> <div class="swiper-slide"><div class="flex-col relative justify-start gap-4 flex items-start max-w-full"><div class="item-img w-full h-200px md:h-254px lg:h-356px relative"><img loading="lazy" class="mx-auto rounded-8px object-cover w-200px h-200px md:h-254px md:w-222px lg:h-356px lg:w-324px" width="356" height="356" src="https://www.cadeauxfolies.fr/media/catalog/product/cache/fad30324926b90f1d9cb6d36c7c56142/b/i/bierkrug-1200x1200_fr-02_neu_1.jpg" alt="Chope de bière anniversaire"><span class="item-wishlist w-6 h-6 md:w-8 md:h-8 bg-white rounded-full flex justify-center items-center top-2.5 right-2.5 absolute z-20 list-wishlist-heart cursor-pointer cookiewishlist-list-73216" id="cookiewishlist-list-73216" data-product-id="73216" onclick="addToCookieWishlist(73216,'BIHBXT',0); return false;"><svg class="w-5 h-5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.4511 7.10802C15.3423 7.39521 15.2071 7.67442 15.0879 7.95842C14.9919 8.18402 14.8935 8.40882 14.8119 8.64002C14.7038 8.92613 14.5603 9.19757 14.3847 9.44801C14.1379 9.83432 13.8645 10.203 13.5663 10.5512C13.403 10.7513 13.2576 10.9655 13.1319 11.1912C12.7967 11.7448 12.5511 12.344 12.2767 12.928C12.1848 13.1204 12.0716 13.3018 11.9391 13.4688C11.5943 13.9104 11.2471 14.3488 10.8791 14.772C10.6674 14.9972 10.4405 15.2075 10.1999 15.4016C10.1004 15.4749 9.9959 15.5412 9.88715 15.6C9.84395 15.6272 9.81595 15.6152 9.78235 15.5768C9.37835 15.12 8.97035 14.6648 8.56635 14.2072C8.50608 14.1375 8.44998 14.0643 8.39835 13.988C8.15835 13.6424 7.91835 13.3008 7.68315 12.948C7.54155 12.7336 7.41915 12.5064 7.28795 12.2848C7.24395 12.2112 7.20075 12.1376 7.15355 12.0656C6.99355 11.8208 6.82955 11.5784 6.67355 11.3328C6.40155 10.9104 6.13435 10.4848 5.86075 10.0624C5.64788 9.73402 5.47619 9.38071 5.34955 9.01041C5.21995 8.63201 5.08555 8.25282 4.92875 7.88402C4.79606 7.57032 4.71501 7.23721 4.68875 6.89762C4.66555 6.61202 4.64235 6.32561 4.64315 6.03921C4.64714 5.85817 4.67266 5.67824 4.71915 5.50321C4.82991 5.06321 5.03187 4.65138 5.31195 4.29441C5.43848 4.1242 5.5534 3.94566 5.65595 3.76002C5.83026 3.45316 6.07756 3.19404 6.37595 3.00562C6.61684 2.86333 6.89886 2.80693 7.17595 2.84562C7.23399 2.861 7.28489 2.89607 7.31995 2.94482C7.59623 3.26097 7.80358 3.63124 7.92875 4.03202C8.15382 4.75664 8.47337 5.44846 8.87915 6.08962C8.92395 6.16242 8.98475 6.22481 9.03915 6.29361C9.07525 6.33374 9.10468 6.37938 9.12635 6.42881C9.13456 6.45802 9.14912 6.48504 9.16901 6.50795C9.18889 6.53086 9.2136 6.54908 9.24135 6.56132C9.26911 6.57355 9.29923 6.57949 9.32956 6.57871C9.35988 6.57794 9.38966 6.57046 9.41675 6.55681C9.40795 6.56961 9.39915 6.58161 9.39115 6.59441C9.43835 6.62401 9.49115 6.68242 9.53355 6.67442C9.57595 6.66642 9.63115 6.60641 9.65355 6.55681C9.83035 6.16481 9.99595 5.76881 10.1711 5.37681C10.2351 5.23601 10.3127 5.10001 10.3871 4.96481C10.4383 4.87281 10.5007 4.78801 10.5471 4.69601C10.6943 4.40892 10.905 4.15914 11.1631 3.96562C11.345 3.82653 11.511 3.66799 11.6583 3.49282C11.7575 3.3703 11.8823 3.27101 12.024 3.2019C12.1657 3.1328 12.3208 3.09556 12.4783 3.09282C12.7823 3.08802 13.0903 3.03842 13.3895 3.12882C13.5501 3.16777 13.705 3.22719 13.8503 3.30562C14.1639 3.50002 14.4695 3.70562 14.7623 3.93042C14.9671 4.09042 15.0623 4.33041 15.1503 4.57041C15.3199 5.02401 15.3655 5.50561 15.4367 5.98001C15.4766 6.22159 15.5033 6.46515 15.5167 6.70962C15.5216 6.84591 15.4996 6.98182 15.4519 7.10962M16.2791 5.81441C16.2579 5.34257 16.1494 4.87874 15.9591 4.44642C15.8199 4.10882 15.6823 3.76961 15.5519 3.42801C15.5046 3.26724 15.4094 3.12466 15.2791 3.01922C14.8791 2.73842 14.4647 2.46482 14.0551 2.19202C13.8806 2.08448 13.6822 2.02157 13.4775 2.00882C13.2403 1.98311 13.0016 1.97455 12.7631 1.98322C12.4551 1.99762 12.1479 2.03522 11.8431 2.07442C11.7356 2.08641 11.6312 2.11814 11.5351 2.16802C11.2596 2.30946 11.0131 2.50162 10.8087 2.73442C10.7287 2.82882 10.6487 2.92242 10.5687 3.01842C10.3583 3.27842 10.1423 3.53522 10.0039 3.84401C9.92395 4.02641 9.85915 4.21921 9.76955 4.39681C9.67995 4.57441 9.55915 4.75601 9.44955 4.93361L9.42155 4.92321C9.38315 4.83041 9.34155 4.73601 9.30395 4.64241C9.14395 4.27121 8.98395 3.90161 8.82955 3.52801C8.74782 3.31699 8.63861 3.11768 8.50475 2.93521C8.32395 2.69521 8.14555 2.45522 7.96235 2.22082C7.9158 2.15583 7.85875 2.09906 7.79355 2.05282C7.55355 1.89842 7.31355 1.74001 7.05915 1.61041C6.91776 1.54649 6.76655 1.50699 6.61195 1.49362C6.35342 1.47062 6.09318 1.5107 5.85355 1.61041C5.61647 1.68311 5.41613 1.84366 5.29355 2.05922C5.2368 2.16581 5.17208 2.26796 5.09995 2.36482C4.92235 2.61282 4.72795 2.85042 4.56395 3.10722C4.41274 3.33834 4.28465 3.58379 4.18155 3.84002C4.1044 4.07612 4.04871 4.3187 4.01515 4.56481C3.97835 4.76081 3.95675 4.96481 3.93515 5.15921C3.90075 5.44961 3.83515 5.74162 3.84715 6.02962C3.87195 6.62082 3.92715 7.21042 3.99515 7.79842C4.0397 8.06826 4.09953 8.33535 4.17435 8.59842C4.25032 8.92769 4.37034 9.24521 4.53115 9.54241C4.70235 9.86241 4.86315 10.1944 5.03755 10.5152C5.14444 10.7323 5.27196 10.9386 5.41835 11.1312C5.63811 11.4042 5.83504 11.6948 6.00715 12C6.10795 12.1704 6.18795 12.352 6.29675 12.516C6.53675 12.8768 6.78315 13.2312 7.03275 13.584C7.24715 13.8888 7.47435 14.184 7.68795 14.4896C7.96238 14.9034 8.27842 15.2881 8.63115 15.6376C8.74892 15.7446 8.85486 15.864 8.94715 15.9936C9.06955 16.1744 9.16955 16.3712 9.27435 16.564C9.30701 16.6177 9.3252 16.6788 9.32715 16.7416C9.32251 16.7905 9.33518 16.8395 9.36297 16.88C9.39075 16.9205 9.43187 16.9499 9.47915 16.9632C9.57275 16.9808 9.67355 16.9776 9.74075 17.0664C9.74924 17.0748 9.75967 17.0809 9.77113 17.0843C9.78258 17.0876 9.79468 17.0881 9.80635 17.0856C9.90155 17.028 9.99675 16.9672 10.0855 16.9008C10.1797 16.8171 10.2794 16.7399 10.3839 16.6696C10.5307 16.5938 10.6839 16.5309 10.8415 16.4816C11.0938 16.3933 11.3049 16.2157 11.4351 15.9824C11.4663 15.9312 11.4991 15.8808 11.5351 15.832C11.7367 15.5377 11.966 15.2634 12.2199 15.0128C12.3428 14.8962 12.4503 14.7645 12.5399 14.6208C12.7013 14.3703 12.8162 14.0928 12.8791 13.8016C12.8925 13.7488 12.9127 13.698 12.9391 13.6504C13.0607 13.42 13.1743 13.184 13.3095 12.9616C13.5119 12.6296 13.7223 12.304 13.8607 11.9376C13.9135 11.8152 13.9815 11.6998 14.0631 11.5944C14.1871 11.4248 14.3263 11.2672 14.4503 11.0968C14.6316 10.868 14.7976 10.6275 14.9471 10.3768C15.0566 10.1654 15.1857 9.96478 15.3327 9.77762C15.5701 9.50535 15.7546 9.19117 15.8767 8.85122C16.073 8.28096 16.2052 7.69067 16.2711 7.09122C16.2999 6.66513 16.3034 6.23771 16.2815 5.81121" fill="#E4E4E4"/><path d="M15.519 6.7071C15.5239 6.84339 15.5019 6.9793 15.4542 7.1071C15.3454 7.3943 15.2102 7.6735 15.091 7.9575C14.995 8.1831 14.8966 8.4079 14.815 8.6391C14.7068 8.92539 14.5633 9.19708 14.3878 9.4479C14.1408 9.83381 13.8674 10.2022 13.5694 10.5503C13.4061 10.7504 13.2607 10.9646 13.135 11.1903C12.7998 11.7447 12.5542 12.3431 12.2798 12.9271C12.1881 13.1195 12.0748 13.301 11.9422 13.4679C11.5974 13.9095 11.2502 14.3479 10.8822 14.7711C10.6707 14.9964 10.4438 15.2068 10.203 15.4007C10.1025 15.4744 9.99692 15.541 9.88704 15.5999C9.84384 15.6271 9.81584 15.6151 9.78224 15.5767C9.37824 15.1199 8.97024 14.6647 8.56624 14.2071C8.50598 14.1374 8.44988 14.0642 8.39824 13.9879C8.15824 13.6423 7.91825 13.3007 7.68305 12.9479C7.54145 12.7335 7.41904 12.5063 7.28784 12.2847C7.24384 12.2119 7.20064 12.1375 7.15344 12.0655C6.99344 11.8207 6.82944 11.5783 6.67344 11.3327C6.39904 10.9087 6.13184 10.4799 5.85824 10.0607C5.64537 9.73231 5.47369 9.37899 5.34704 9.0087C5.21744 8.6303 5.08305 8.2511 4.92625 7.8823C4.79318 7.56872 4.71211 7.23556 4.68625 6.8959C4.66305 6.6103 4.63985 6.3239 4.64065 6.0375C4.64555 5.85689 4.67187 5.6775 4.71905 5.5031C4.8298 5.06309 5.03177 4.65127 5.31185 4.2943C5.43837 4.12408 5.5533 3.94555 5.65584 3.7599C5.82994 3.4531 6.0773 3.19419 6.37584 3.0063C6.6166 2.86366 6.89875 2.80723 7.17584 2.8463C7.23389 2.86169 7.28478 2.89675 7.31985 2.9455C7.59603 3.26142 7.80337 3.63141 7.92864 4.0319C8.15372 4.75652 8.47327 5.44834 8.87904 6.0895C8.92384 6.1623 8.98464 6.2255 9.03904 6.2935C9.07514 6.33362 9.10458 6.37927 9.12624 6.4287C9.13445 6.4579 9.14902 6.48493 9.1689 6.50783C9.18879 6.53074 9.21349 6.54897 9.24125 6.5612C9.26901 6.57344 9.29913 6.57938 9.32945 6.5786C9.35978 6.57782 9.38955 6.57034 9.41664 6.5567L9.39024 6.5943C9.43824 6.6239 9.49104 6.6831 9.53344 6.6743C9.57584 6.6655 9.63104 6.6063 9.65344 6.5567C9.83024 6.1647 9.99584 5.7695 10.171 5.3767C10.235 5.2359 10.3118 5.0999 10.387 4.9647C10.4382 4.8727 10.5006 4.7879 10.547 4.6959C10.6945 4.40895 10.9051 4.15921 11.163 3.9655C11.3448 3.82641 11.5109 3.66787 11.6582 3.4927C11.7575 3.37031 11.8824 3.2711 12.024 3.20201C12.1656 3.13291 12.3207 3.09561 12.4782 3.0927C12.7822 3.0879 13.0902 3.0383 13.3894 3.1287C13.55 3.16766 13.7048 3.22707 13.8502 3.3055C14.1638 3.4999 14.4694 3.7055 14.7622 3.9311C14.967 4.0911 15.0622 4.3311 15.1502 4.5711C15.3198 5.0247 15.3654 5.5063 15.4366 5.9807C15.4764 6.22229 15.5031 6.46584 15.5166 6.7103" fill="#E4E4E4"/></svg></span> </div><div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0 max-w-full w-full relative"><div class="related-item-name-block relative z-10"><div class="item-name text-blackfont font-semibold text-sm md:text-base h-10 md:h-6 overflow-hidden text-left truncate-two-lines md:truncate mb-1.5">Chope de bière anniversaire</div><div class="item-name-tooltip absolute top-5 right-0 z-20 -translate-x-1/2 opacity-0 shadow shadow-topmessage bg-white rounded-lg text-base text-blackfont p-2 max-w-250px"><span class="absolute"></span> Chope de bière anniversaire</div></div> <div class="pt-1 flex-wrap flex items-center gap-2"><div class="item-price text-blackfont text-lg leading-6 font-bold"> <span data-price-amount="19.99" data-price-type="finalPrice" class="price-wrapper" id="product-price-73216"><span class="price">19,99 €</span></span> </div></div></div><a class="absolute w-full h-full top-0 left-0" href="https://www.cadeauxfolies.fr/chope-de-biere-anniversaire"></a></div></div></div></div></div><script defer>
'use strict';
(function() {
var script = document.createElement("script");
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/css/swiper-bundle.min.css';
link.media = 'all';
script.src = "https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/js/swiper-bundle.min.js";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
document.getElementsByTagName("head")[0].appendChild(link);
script.addEventListener('load', () => {
var swiperProducts = new Swiper('.swiper-container-related', {
lazy: true,
centeredSlides: false,
loop: false,
slidesPerView: 4,
slidesPerGroup: 4,
navigation: {
nextEl: '.swiper-button-next-related',
prevEl: '.swiper-button-prev-related',
},
breakpoints: {
320: {
slidesPerView: 2.1,
slidesPerGroup: 2,
centeredSlides: false,
spaceBetween: 10,
},
480: {
slidesPerView: 3,
slidesPerGroup: 3,
centeredSlides: false,
spaceBetween: 10,
},
560: {
slidesPerView: 3,
slidesPerGroup: 3,
centeredSlides: false,
spaceBetween: 10,
},
768: {
slidesPerView: 3,
slidesPerGroup: 3,
slidesPerGroup: 1,
centeredSlides: false,
spaceBetween: 12,
},
1024: {
slidesPerView: 4,
slidesPerGroup: 4,
spaceBetween: 16,
centeredSlides: false,
},
1280: {
slidesPerView:4,
slidesPerGroup: 4,
spaceBetween: 16,
centeredSlides: false,
},
1680: {
slidesPerView:5,
slidesPerGroup: 5,
spaceBetween: 15,
centeredSlides: false,
},
},
});
});
}());</script></div><!-- Widget blocks --> <section class="no-iframe"></section><div class="tags-detail-block big-container-new mx-auto px-0 lg:px-120px py-12 no-iframe"><div><p> <div class="bg-white tag-widget-block" style=""><div class="big-container-new mx-auto px-4 lg:px-120px" style=""><span class="text-base md:text-2xl 2xl:text-32px 2xl:leading-6 text-center md:leading-none block font-lexenddeca font-medium">Catégorie concernée</span> <span class="text-labeltext xll:text-xl md:text-base text-xs leading-12px text-center mt-1 block">Consultez nos autres catégories de cadeux insolites</span> <div class="swiper-container swiper-design swiper-container-tags mt-10"><div class="swiper-wrapper"> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/Untitled_design_27_.png" alt="Bien-être" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Bien-être</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Bien-être&product_tags=3234"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/Untitled_design_28_.png" alt="Plein air" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Plein air</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Plein air&product_tags=9517"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/wysiwyg/tags/frech.jpg" alt="Coquin" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Coquin</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Coquin&product_tags=3292"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/garten_tag.png" alt="Jardinage" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Jardinage</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Jardinage&product_tags=9519"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/Geeky_Nerdy_Tetris.png" alt="Nerd" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Nerd</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Nerd&product_tags=9547"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/bier_tag.png" alt="Bière" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Bière</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Bière&product_tags=3262"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://www.radbag.de/media/3.png" alt="Exclusif" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Exclusif</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Exclusif&product_tags=9488"></a></div></div> <div class="swiper-slide flex justify-center"> <div class="mx-0 max-w-156px w-full flex flex-col items-center"> <img loading="lazy" class="rounded-full w-full md:w-32 xll:w-36 xll:h-36 flex-1" width="156" height="156" src="https://upsidedown.radbag.de/media/wysiwyg/tags/tag-socks.png" alt="Vêtements" /> <div class="text-sm md:text-base xll:text-2xl font-semibold text-center pt-2.5">Vêtements</div> <a class="absolute block w-full h-full left-0 top-0" href="https://www.cadeauxfolies.fr/all?h1=Vêtements&product_tags=3242"></a></div></div> </div><div class="relative h-7 mt-3 hidden"><!-- Add Pagination --><div class="lg:hidden swiper-pagination swiper-pagination-tags swiper-pagination-white left-0 right-0 m-auto"></div><!-- Navigation --><div class="lg:opacity-0 swiper-button-next swiper-button-next-tags swiper-button-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 9 13" fill="none" class="w-2 h-3" role="img">
<path d="M0.947998 1.48719L5.71883 6.125L0.947998 10.7628L2.41675 12.1875L8.66675 6.125L2.41675 0.0624999L0.947998 1.48719Z" fill="#333333"/>
<title>arrowRight</title></svg>
</div><div class="lg:opacity-0 swiper-button-prev swiper-button-prev-tags swiper-button-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 9 13" fill="none" class="w-2 h-3" role="img">
<path d="M8.052 10.7628L3.28117 6.125L8.052 1.48719L6.58325 0.0625L0.333252 6.125L6.58325 12.1875L8.052 10.7628Z" fill="#333333"/>
<title>arrowLeft</title></svg>
</div></div></div></div></div><script defer>
'use strict';
window.addEventListener("load", () => {
var swiperProducts = new Swiper('.swiper-container-tags', {
lazy: true,
centeredSlides: false,
loop: true,
slidesPerView: 4,
slidesPerGroup: 3,
spaceBetween: 10,
pagination: {
el: '.swiper-pagination-tags',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next-tags',
prevEl: '.swiper-button-prev-tags',
},
breakpoints: {
300: {
slidesPerView: 3.5,
slidesPerGroup: 1,
centeredSlides: false,
spaceBetween: 7,
},
480: {
slidesPerView: 4,
slidesPerGroup: 4,
centeredSlides: false,
spaceBetween: 10,
},
768: {
slidesPerView: 4.2,
slidesPerGroup: 4.2,
spaceBetween: 14,
centeredSlides: true,
},
1024: {
slidesPerView: 6,
spaceBetween: 75,
pagination: false,
centeredSlides: false,
navigation: false,
loop: false,
},
1680: {
slidesPerView: 8,
spaceBetween: 67,
pagination: false,
navigation: false,
loop: false,
},
},
});
});</script></p></div></div><div class="reviews-container lg:mx-auto big-container-new px-4 md:px-72px lg:px-120px mt-8 lg:mt-28"><section class="mx-auto bg-advantagesBg no-iframe xll:mt-150px rounded-2xl px-4 md:px-10 pt-10 pb-6"> <div class="text-primary" id="customer-reviews"><div class="mb-11 text-center"><div class="block text-base md:text-2xl xll:text-32px xll:leading-40px font-semibold">Commentaires des clients</div> <div class="block"> <div class="big-info-review flex justify-center items-center gap-9px mt-3 md:mt-4"><div><svg class="w-5 h-5 w-25px h-25px xll:w-7 xll:h-7" width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2299 3.51L15.9899 7.03C16.2299 7.52 16.8699 7.99 17.4099 8.08L20.5999 8.61C22.6399 8.95 23.1199 10.43 21.6499 11.89L19.1699 14.37C18.7499 14.79 18.5199 15.6 18.6499 16.18L19.3599 19.25C19.9199 21.68 18.6299 22.62 16.4799 21.35L13.4899 19.58C12.9499 19.26 12.0599 19.26 11.5099 19.58L8.51991 21.35C6.37991 22.62 5.07991 21.67 5.63991 19.25L6.34991 16.18C6.47991 15.6 6.24991 14.79 5.82991 14.37L3.34991 11.89C1.88991 10.43 2.35991 8.95 4.39991 8.61L7.58991 8.08C8.11991 7.99 8.75991 7.52 8.99991 7.03L10.7599 3.51C11.7199 1.6 13.2799 1.6 14.2299 3.51Z" fill="#FFC303"/></svg></div><div><span class="text-text-2xl md:text-32px leading-10 xll:text-40px xll:leading-48px font-blackfont font-semibold">5</span> <span class="text-xs leading-12px xll:text-base text-reviewGray">/5</span></div></div> <div class="all-stars-product"><div class="rating-summary flex justify-center gap-1" > <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> <span class="yellowstar"></span> </div></div> <span class="block font-medium text-10px xll:text-sm leading-3 md:text-xs md:leading-14px mt-3px review-summary-text">Basé sur 2 avis clients</span> <span class="hidden number-count-reviews">(2)</span> <div class="review-rating review-summary-text review-summary-text-top text-labeltext font-medium text-sm xll:text-base"><span class="hidden">5/5</span> <span class="ml-1">(2)</span></div> </div></div><div class="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xll:grid-cols-4 md:gap-41px gap-6 relative"><div class="opacity-item-review-mobile absolute w-full left-0 h-234px block z-10 bottom-0 md:hidden"></div> <div itemscope itemprop="review" itemtype="http://schema.org/Review" class="review-item relative"> <div class="flex items-center font-bold text-base gap-2 flex-wrap relative"> <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"><span class="hidden" itemprop="ratingValue">100%</span> <div class="hidden">Bewertung</div><div class="flex flex-row gap-3px"><meta itemprop="worstRating" content = "1"/><meta itemprop="bestRating" content = "100"/> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div></div> </div><div class="xll:text-base text-xs leading-5 md:text-sm md:leading-22px text-blackfont mt-2 md:mt-4" itemprop="description">Petite Tasse a expresso jolie et conforme<br />
</div> <div class="md:mt-4 mt-2"><span class="block text-blackfont xll:text-lg xll:leading-26px text-sm md:text-base font-semibold" itemprop="author"><span itemprop="name">Frederique</span></span> <span class="block text-primary-darker xll:text-sm text-xs leading-12px mt-1"><time itemprop="datePublished" datetime=" 02/01/2025">02/01/2025</time></span></div></div> <div itemscope itemprop="review" itemtype="http://schema.org/Review" class="review-item relative"> <div class="flex items-center font-bold text-base gap-2 flex-wrap relative"> <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"><span class="hidden" itemprop="ratingValue">100%</span> <div class="hidden">Bewertung</div><div class="flex flex-row gap-3px"><meta itemprop="worstRating" content = "1"/><meta itemprop="bestRating" content = "100"/> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current text-yellowStars w-4 h-4 xll:w-18px xll:w-18px" viewbox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg> </div></div> </div><div class="xll:text-base text-xs leading-5 md:text-sm md:leading-22px text-blackfont mt-2 md:mt-4" itemprop="description">Commande arrivée rapidement, très bien emballée!!!<br />
Produit simple mais joli. Inscription parfaite, comme j'avais demandé <br />
Pas de photo car déjà emballé mais je recommande sans problème ce site</div> <div class="md:mt-4 mt-2"><span class="block text-blackfont xll:text-lg xll:leading-26px text-sm md:text-base font-semibold" itemprop="author"><span itemprop="name">Nathalie </span></span> <span class="block text-primary-darker xll:text-sm text-xs leading-12px mt-1"><time itemprop="datePublished" datetime=" 23/12/2024">23/12/2024</time></span></div></div> </div><div class="flex justify-center items-center gap-4 relative z-20"><span onclick="document.getElementById('show-popup-review').click()" class="cursor-pointer bg-blackbtn text-white text-sm rounded-full px-4 inline-flex justify-center items-center h-11">Evaluez le produit</span> <div class="text-center review-show-more hidden"><span class="cursor-pointer block text-sm text-blackfont underline" id="show-review" onclick="showReview()">Continuer à lire</span> <span id="hidde-review" class="cursor-pointer hidden text-blackfont text-sm underline" onclick="hideReview()">Afficher moins</span></div></div></div><script defer>
let countReviews = '2';
if(screen.width <= 1023) {
if(countReviews > 1) {
document.querySelector('.review-show-more').classList.remove("hidden");
}
} else {
if(countReviews > 3) {
document.querySelector('.review-show-more').classList.remove("hidden");
}
}
function initGalleryReview () {
return {
"fullscreen": false,
loadGallery: function(review_id, slides){
(function() {
var script = document.createElement("script");
script.src = "https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Mhdirekt_Widgets/js/swiper-bundle.min.js";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
script.addEventListener('load', () => {
var slider = new Swiper ('.gallery-top-'+review_id, {
slidesPerView: 1,
centeredSlides: true,
loop: false,
loopedSlides: 6,
observer: true,
observeParents: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var thumbs = new Swiper ('.gallery-thumbs-'+review_id, {
direction: screen.width < 768 ? 'horizontal' : 'vertical',
slidesPerView: 'auto',
spaceBetween: 10,
centeredSlides: true,
loop: false,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
});
}());
},
}
}</script> <div class="container mx-auto px-5 items-center" id="customer-reviews" x-data="initReviewForm()"><div class="py-6"><span id="show-popup-review" @click="openForm=!openForm" class="hidden">Evaluez le produit</span> <div x-show="!openForm" style="backdrop-filter: blur(5px);" class="hidden w-full h-full z-9999 top-0 left-0 fixed bg-galeryLayout block" :class="{'hidden': openForm, 'block': !openForm}"></div><div id="reviewform-block" x-show="!openForm" @click.away="openForm=!openForm" class="hidden card fixed p-6 z-9999 w-93vw md:w-full left-2/4 top-2/4 transform -translate-y-2/4 -translate-x-2/4 m-auto h-85vh max-h-644px overflow-y-auto rounded-lg" :class="{'hidden': openForm, 'block': !openForm, 'max-w-448px': confirmMessage, 'max-w-720px': !confirmMessage}"><span class="cursor-pointer w-6 absolute right-6 top-6 z-10" @click="closeConfirm()"><svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <div x-show="!confirmMessage" class="review-form-wrapper"><div class="text-base lg:text-2xl font-semibold">Rédigez un avis client</div> <form @submit.prevent="submitFormReview()" enctype="multipart/form-data" action="https://www.cadeauxfolies.fr/review/product/post/id/77737/" class="review-form" method="post" id="review-form" data-role="product-review-form" data-bind="scope: 'review-form'"><input name="form_key" type="hidden" value="BwnvwE3tf1Vto7Hc" /> <div class="control"><input type="hidden" value="" name="g-recaptcha-response" /></div> <fieldset><legend class="text-xs mt-1 text-labeltext"><span> Vous commentez :</span> <span class="text-blackfont font-medium">Tasse à café personnalisée avec monogramme</span></legend> <fieldset><div class="flex flex-row items-center border-t border-borderImg border-b py-4"><div class="text-sm font-medium text-blackfont">Your Rating: <span class="text-requiredstar text-sm">*</span></div><div class="ml-1"><div id="product-review-table"> <div class="ml-1"><label class="sr-only" id="Bewertung_rating_label"><span>Bewertung</span></label> <div class="flex flex-row flex-grow-0" x-data="{ clickedRatingId: 0 }"> <div class="relative" @click="clickedRatingId = 1 || 0"><input class="absolute opacity-0 bottom-0 left-0 cursor-pointer" type="radio" required name="ratings[5]" id="Bewertung_1" value="21"/><label class="rating-1 m-0 cursor-pointer" for="Bewertung_1" title="1 star" id="Bewertung_1_label"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current h-6 w-6" :class="1 <= clickedRatingId ? 'text-yellowStars' : 'text-grayStars'" ><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg></span></label></div> <div class="relative" @click="clickedRatingId = 2 || 0"><input class="absolute opacity-0 bottom-0 left-0 cursor-pointer" type="radio" name="ratings[5]" id="Bewertung_2" value="22"/><label class="rating-2 m-0 cursor-pointer" for="Bewertung_2" title="2 stars" id="Bewertung_2_label"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current h-6 w-6" :class="2 <= clickedRatingId ? 'text-yellowStars' : 'text-grayStars'" ><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg></span></label></div> <div class="relative" @click="clickedRatingId = 3 || 0"><input class="absolute opacity-0 bottom-0 left-0 cursor-pointer" type="radio" name="ratings[5]" id="Bewertung_3" value="23"/><label class="rating-3 m-0 cursor-pointer" for="Bewertung_3" title="3 stars" id="Bewertung_3_label"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current h-6 w-6" :class="3 <= clickedRatingId ? 'text-yellowStars' : 'text-grayStars'" ><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg></span></label></div> <div class="relative" @click="clickedRatingId = 4 || 0"><input class="absolute opacity-0 bottom-0 left-0 cursor-pointer" type="radio" name="ratings[5]" id="Bewertung_4" value="24"/><label class="rating-4 m-0 cursor-pointer" for="Bewertung_4" title="4 stars" id="Bewertung_4_label"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current h-6 w-6" :class="4 <= clickedRatingId ? 'text-yellowStars' : 'text-grayStars'" ><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg></span></label></div> <div class="relative" @click="clickedRatingId = 5 || 0"><input class="absolute opacity-0 bottom-0 left-0 cursor-pointer" type="radio" name="ratings[5]" id="Bewertung_5" value="25"/><label class="rating-5 m-0 cursor-pointer" for="Bewertung_5" title="5 stars" id="Bewertung_5_label"><span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="fill-current h-6 w-6" :class="5 <= clickedRatingId ? 'text-yellowStars' : 'text-grayStars'" ><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg></span></label></div> </div></div></div><input type="hidden" name="validate_rating" value=""/></div></div></fieldset> <div><div class="mt-4"><label for="nickname_field" class="text-sm font-medium"><span>Prénom</span> <span class="text-requiredstar text-sm">*</span></label> <div><input class="shadow-none form-input h-10 md:h-12 mt-2 block w-full text-xs border border-borderImg focus:border-borderImg focus:ring-offset-0 focus:outline-none focus:ring-0 focus:ring-opacity-0" required title="Prénom" placeholder="Prénom" type="text" name="nickname" id="nickname_field"/></div></div><div class="hidden"><label for="summary_field" class="text-sm font-medium"><span>Résumé</span></label> <div><input class="shadow-none form-input mt-2 block w-full text-xs border border-borderImg focus:border-borderImg focus:ring-offset-0 focus:outline-none focus:ring-0 focus:ring-opacity-0" title="Résumé" placeholder="Résumé*" type="text" name="title" id="summary_field" value="-" /></div></div><div class="mt-4"><label for="review_field" class="text-sm font-medium"><span>Commentaire</span> <span class="text-requiredstar text-sm">*</span></label> <div><textarea class="shadow-none form-input mt-2 block w-full text-xs border border-borderImg focus:border-borderImg h-120px md:h-28 focus:ring-offset-0 focus:outline-none focus:ring-0 focus:ring-opacity-0"
required
title="Commentaire"
placeholder="Commentaire*" name="detail"
id="review_field" cols="5"
rows="3"></textarea></div></div><div class="field review-field-media"><div><span class="text-sm font-medium">Share Product Photos</span> <span class="text-outofstockProduct text-xs leading-12px font-medium">(max 10mb)</span></div><div id="uploader-review-images" class="flex text-inputColor gap-3 items-start md:flex-row mt-2"><div class="flex gap-2 flex-wrap" id="image-preview"></div><label class="label upload-images border border-borderImg md:w-20 md:h-20 w-72px h-72px bg-labelbg rounded-lg mb-0"><span class="hidden">Attachments (jpg, jpeg, png)</span> <input class="hidden" type="file" name="review_media[]" id="review_media" accept=".png, .jpg, .jpeg" multiple="multiple" /><span class="flex items-center flex-col h-full justify-center gap-5px"><span> <svg width="25" height="24" viewbox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 10C10.6046 10 11.5 9.10457 11.5 8C11.5 6.89543 10.6046 6 9.5 6C8.39543 6 7.5 6.89543 7.5 8C7.5 9.10457 8.39543 10 9.5 10Z" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 2H9.5C4.5 2 2.5 4 2.5 9V15C2.5 20 4.5 22 9.5 22H15.5C20.5 22 22.5 20 22.5 15V10" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.25 5H21.75" stroke="#747474" stroke-width="1.5" stroke-linecap="round"/><path d="M19 7.75V2.25" stroke="#747474" stroke-width="1.5" stroke-linecap="round"/><path d="M3.16992 18.9496L8.09992 15.6396C8.88992 15.1096 10.0299 15.1696 10.7399 15.7796L11.0699 16.0696C11.8499 16.7396 13.1099 16.7396 13.8899 16.0696L18.0499 12.4996C18.8299 11.8296 20.0899 11.8296 20.8699 12.4996L22.4999 13.8996" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <span class="text-labeltext text-10px leading-12px">Votre photo</span></span></label></div><div for="media_field" generated="true" class="mage-error" id="media_field-error" style="display: none;">You can select maximum 10 images.</div></div></div></fieldset><div class="my-3"><div class="flex justify-end"><div class="flex justify-end gap-2 w-full"><span class="bg-point text-white font-semibold text-xs md:text-sm py-3 md:py-3.5 md:px-8 w-2/4 md:w-auto flex items-center justify-center rounded-full cursor-pointer" @click="closeConfirm()">Annuler</span> <button id="test-id" x-show="!displaySuccessMessage" type="submit" class="rounded-full bg-blackbtn text-white font-semibold text-xs md:text-sm py-3 md:py-3.5 md:px-8 w-2/4 md:w-auto flex items-center justify-center"><span> Soumettre le commentaire</span></button></div><div class="flex flex-row justify-start items-center w-full" x-show="isLoading"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --><svg width="57" height="57" viewbox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" style="transform: scale(0.6)" class="stroke-current text-primary"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle cx="5" cy="50" r="5"><animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"/></circle><circle cx="27" cy="5" r="5"><animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"/></circle><circle cx="49" cy="50" r="5"><animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"/><animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"/></circle></g></g></svg><div class="ml-4 text-primary">En cours de chargement...</div></div><p x-show="displaySuccessMessage" class="text-green flex items-center"><span class="inline-block w-8 h-8 mr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></span> Merci pour votre avis sur ce produit. Il sera publié après vérification.</p><template x-if="displayErrorMessage"><p class="text-red flex items-center"><span class="inline-block w-8 h-8 mr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></span> <template x-for="errorMessage in errorMessages"><span x-html="errorMessage"></span></template></p></template></div> </div></form></div><div x-show="confirmMessage" class="review-confirm-wrapper"><div class="flex flex-col items-center hidden" id="review-three"><div class="flex flex-col items-center"><div class="text-center text-2xl font-semibold px-5">Vous n'êtes pas satisfait·e ? Nous aimerions changer cela !</div><div class="text-center text-labeltext text-base mt-2">Notre service clients est là pour vous ;)</div><div class="flex items-center justify-center gap-2.5"><span class=""><svg width="25" height="25" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 3.50195H7.5C4.5 3.50195 2.5 5.00195 2.5 8.50195V15.502C2.5 19.002 4.5 20.502 7.5 20.502H17.5C20.5 20.502 22.5 19.002 22.5 15.502V8.50195C22.5 5.00195 20.5 3.50195 17.5 3.50195ZM17.97 9.59195L14.84 12.092C14.18 12.622 13.34 12.882 12.5 12.882C11.66 12.882 10.81 12.622 10.16 12.092L7.03 9.59195C6.71 9.33195 6.66 8.85195 6.91 8.53195C7.17 8.21195 7.64 8.15195 7.96 8.41195L11.09 10.912C11.85 11.522 13.14 11.522 13.9 10.912L17.03 8.41195C17.35 8.15195 17.83 8.20195 18.08 8.53195C18.34 8.85195 18.29 9.33195 17.97 9.59195Z" fill="#5359EA"/></svg></span> <span class="text-activeInputText font-medium text-base"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="02716770746b6167616e6b676c7671426163666763777a646d6e6b67712c6470">[email protected]</a></span></div></div><div class="md:w-400px w-326px mt-4"><video id="vid1" preload="true" autoplay="autoplay" loop="loop" width="400" height="400"><source src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sad_small_new.webm" type="video/mp4" /></video></div></div><div class="flex flex-col hidden" id="review-five"><div class="flex flex-col items-center"><div class="text-center text-2xl font-semibold px-5">Vous nous appréciez ? Sachez que nous aussi, on vous aime !</div><div class="text-center text-labeltext text-base mt-2"><span class="block">Merci beaucoup pour votre avis positif !</span> <span class="block">On vous met aussi 5 étoiles ! ;)</span></div><div class="mt-4"><svg width="152" height="25" viewbox="0 0 152 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.5116L15.4899 7.0316C15.7299 7.5216 16.3699 7.9916 16.9099 8.0816L20.0999 8.6116C22.1399 8.9516 22.6199 10.4316 21.1499 11.8916L18.6699 14.3716C18.2499 14.7916 18.0199 15.6016 18.1499 16.1816L18.8599 19.2516C19.4199 21.6816 18.1299 22.6216 15.9799 21.3516L12.9899 19.5816C12.4499 19.2616 11.5599 19.2616 11.0099 19.5816L8.01991 21.3516C5.87991 22.6216 4.57991 21.6716 5.13991 19.2516L5.84991 16.1816C5.97991 15.6016 5.74991 14.7916 5.32991 14.3716L2.84991 11.8916C1.38991 10.4316 1.85991 8.9516 3.89991 8.6116L7.08991 8.0816C7.61991 7.9916 8.25991 7.5216 8.49991 7.0316L10.2599 3.5116C11.2199 1.6016 12.7799 1.6016 13.7299 3.5116Z" fill="#FFC303"/><path d="M45.7299 3.5116L47.4899 7.0316C47.7299 7.5216 48.3699 7.9916 48.9099 8.0816L52.0999 8.6116C54.1399 8.9516 54.6199 10.4316 53.1499 11.8916L50.6699 14.3716C50.2499 14.7916 50.0199 15.6016 50.1499 16.1816L50.8599 19.2516C51.4199 21.6816 50.1299 22.6216 47.9799 21.3516L44.9899 19.5816C44.4499 19.2616 43.5599 19.2616 43.0099 19.5816L40.0199 21.3516C37.8799 22.6216 36.5799 21.6716 37.1399 19.2516L37.8499 16.1816C37.9799 15.6016 37.7499 14.7916 37.3299 14.3716L34.8499 11.8916C33.3899 10.4316 33.8599 8.9516 35.8999 8.6116L39.0899 8.0816C39.6199 7.9916 40.2599 7.5216 40.4999 7.0316L42.2599 3.5116C43.2199 1.6016 44.7799 1.6016 45.7299 3.5116Z" fill="#FFC303"/><path d="M77.7299 3.5116L79.4899 7.0316C79.7299 7.5216 80.3699 7.9916 80.9099 8.0816L84.0999 8.6116C86.1399 8.9516 86.6199 10.4316 85.1499 11.8916L82.6699 14.3716C82.2499 14.7916 82.0199 15.6016 82.1499 16.1816L82.8599 19.2516C83.4199 21.6816 82.1299 22.6216 79.9799 21.3516L76.9899 19.5816C76.4499 19.2616 75.5599 19.2616 75.0099 19.5816L72.0199 21.3516C69.8799 22.6216 68.5799 21.6716 69.1399 19.2516L69.8499 16.1816C69.9799 15.6016 69.7499 14.7916 69.3299 14.3716L66.8499 11.8916C65.3899 10.4316 65.8599 8.9516 67.8999 8.6116L71.0899 8.0816C71.6199 7.9916 72.2599 7.5216 72.4999 7.0316L74.2599 3.5116C75.2199 1.6016 76.7799 1.6016 77.7299 3.5116Z" fill="#FFC303"/><path d="M109.73 3.5116L111.49 7.0316C111.73 7.5216 112.37 7.9916 112.91 8.0816L116.1 8.6116C118.14 8.9516 118.62 10.4316 117.15 11.8916L114.67 14.3716C114.25 14.7916 114.02 15.6016 114.15 16.1816L114.86 19.2516C115.42 21.6816 114.13 22.6216 111.98 21.3516L108.99 19.5816C108.45 19.2616 107.56 19.2616 107.01 19.5816L104.02 21.3516C101.88 22.6216 100.58 21.6716 101.14 19.2516L101.85 16.1816C101.98 15.6016 101.75 14.7916 101.33 14.3716L98.8499 11.8916C97.3899 10.4316 97.8599 8.9516 99.8999 8.6116L103.09 8.0816C103.62 7.9916 104.26 7.5216 104.5 7.0316L106.26 3.5116C107.22 1.6016 108.78 1.6016 109.73 3.5116Z" fill="#FFC303"/><path d="M141.73 3.5116L143.49 7.0316C143.73 7.5216 144.37 7.9916 144.91 8.0816L148.1 8.6116C150.14 8.9516 150.62 10.4316 149.15 11.8916L146.67 14.3716C146.25 14.7916 146.02 15.6016 146.15 16.1816L146.86 19.2516C147.42 21.6816 146.13 22.6216 143.98 21.3516L140.99 19.5816C140.45 19.2616 139.56 19.2616 139.01 19.5816L136.02 21.3516C133.88 22.6216 132.58 21.6716 133.14 19.2516L133.85 16.1816C133.98 15.6016 133.75 14.7916 133.33 14.3716L130.85 11.8916C129.39 10.4316 129.86 8.9516 131.9 8.6116L135.09 8.0816C135.62 7.9916 136.26 7.5216 136.5 7.0316L138.26 3.5116C139.22 1.6016 140.78 1.6016 141.73 3.5116Z" fill="#FFC303"/></svg></div></div><div class="md:w-400px w-326px mt-4"><video id="vid" preload="true" autoplay="autoplay" loop="loop" width="400" height="400"><source src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/happy_small_new.webm" type="video/mp4" /></video></div></div></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
var imagesPreview = function(input, placeToInsertImagePreview) {
if (input.files) {
var filesAmount = input.files.length;
for (i = 0; i < filesAmount; i++) {
var reader = new FileReader();
reader.onload = function(event) {
$($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
}
reader.readAsDataURL(input.files[i]);
}
}
document.getElementById("image-preview").scrollIntoView();
};
jQuery("#review_media").change(function() {
jQuery("#image-preview img").remove();
imagesPreview(this, 'div#image-preview');
});
function initReviewForm() {
return {
isLoading: false,
displayNickname: false,
displaySuccessMessage: false,
displayErrorMessage: false,
errorMessages: [],
errors: 0,
hasCaptchaToken: 0,
nickname: null,
summary: null,
ratings: [],
review: null,
openForm: true,
confirmMessage: false,
formId: 'review-form',
reviewCount: 0,
setErrorMessages: function (messages) {
this.errorMessages = [messages]
this.displayErrorMessage = this.errorMessages.length
},
closeConfirm: function() {
this.openForm=!this.openForm;
this.confirmMessage = false;
document.querySelector('#review-three').classList.add('hidden');
document.querySelector('#review-five').classList.add('hidden');
},
submitFormReview: function() {
setTimeout(function(){
document.getElementById('vid').play();
document.getElementById('vid1').play();
},500);
var $form = document.querySelector('#review-form');
this.validate();
if (!this.hasCaptchaToken) {
this.errors = 1;
var $this = this;
const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ";
const executeGreCaptcha = () => {
grecaptcha.ready(function () {
grecaptcha.execute(
'6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ',
{action: 'submit'}
).then(function (token) {
var $recaptchaResponseInput = $form.querySelector('input[name="g-recaptcha-response"]');
if ($recaptchaResponseInput != null) {
$recaptchaResponseInput.value = token;
$this.errors = 0;
$this.hasCaptchaToken = 1;
if (typeof($this.formId) != "undefined" && $this.formId == 'review-form') {
var form = document.getElementById("review-form");
var review = false;
jQuery('#product-review-table').find('input').each(function () {
if(document.getElementById(jQuery(this).attr('id')).checked) {
review = true;
}
});
if(review) {
fetch(form.action,{method:'post', body: new FormData(form)});
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "success",
text: "Merci\u0020pour\u0020votre\u0020avis\u0020sur\u0020ce\u0020produit.\u0020Il\u0020sera\u0020publi\u00E9\u0020apr\u00E8s\u0020v\u00E9rification."
}], 10000
);
$this.confirmMessage = true;
$this.displaySuccessMessage = true;
if(document.querySelector('input[name="ratings[5]"]:checked').value <= 23){
document.querySelector('#review-three').classList.remove('hidden');
} else {
document.querySelector('#review-five').classList.remove('hidden');
}
setTimeout(() => {
$this.closeConfirm();
},15000);
}
} else {
$this.submitForm();
}
} else {
$this.errors = 1;
if ($this.setErrorMessages) {
$this.setErrorMessages(['Your form does not have the required fields for recaptcha to work.'])
$this.displayErrorMessage = true;
}
}
});
})
}
if (typeof window.grecaptcha !== 'undefined') {
executeGreCaptcha();
} else {
let script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', recaptchaUrl);
document.head.appendChild(script);
script.addEventListener("load", executeGreCaptcha, false);
}
}
},
submitForm: function () {
var $form = document.querySelector('#review_form');
this.validate();
if (!this.hasCaptchaToken) {
this.errors = 1;
var $this = this;
const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ";
const executeGreCaptcha = () => {
grecaptcha.ready(function () {
grecaptcha.execute(
'6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ',
{action: 'submit'}
).then(function (token) {
var $recaptchaResponseInput = $form.querySelector('input[name="g-recaptcha-response"]');
if ($recaptchaResponseInput != null) {
$recaptchaResponseInput.value = token;
$this.errors = 0;
$this.hasCaptchaToken = 1;
if (typeof($this.formId) != "undefined" && $this.formId == 'review-form') {
var form = document.getElementById("review-form");
var review = false;
jQuery('#product-review-table').find('input').each(function () {
if(document.getElementById(jQuery(this).attr('id')).checked) {
review = true;
}
});
if(review) {
fetch(form.action,{method:'post', body: new FormData(form)});
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "success",
text: "Merci\u0020pour\u0020votre\u0020avis\u0020sur\u0020ce\u0020produit.\u0020Il\u0020sera\u0020publi\u00E9\u0020apr\u00E8s\u0020v\u00E9rification."
}], 10000
);
$this.confirmMessage = true;
$this.displaySuccessMessage = true;
if(document.querySelector('input[name="ratings[5]"]:checked').value <= 23){
document.querySelector('#review-three').classList.remove('hidden');
} else {
document.querySelector('#review-five').classList.remove('hidden');
}
setTimeout(() => {
$this.closeConfirm();
},15000);
}
} else {
$this.submitForm();
}
} else {
$this.errors = 1;
if ($this.setErrorMessages) {
$this.setErrorMessages(['Your form does not have the required fields for recaptcha to work.'])
$this.displayErrorMessage = true;
}
}
});
})
}
if (typeof window.grecaptcha !== 'undefined') {
executeGreCaptcha();
} else {
let script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.setAttribute('src', recaptchaUrl);
document.head.appendChild(script);
script.addEventListener("load", executeGreCaptcha, false);
}
}
if (this.errors === 0) {
this.placeReview();
}
},
validate: function () {
this.nickname = document.getElementById('nickname_field').value;
this.summary = document.getElementById('summary_field').value;
this.review = document.getElementById('review_field').value;
var ratingValue;
try {
ratingValue =
document
.querySelector('input[name="ratings[5]"]:checked')
.value;
this.ratings[5] = btoa(ratingValue);
} catch (e) {
console.log(e);
}
if (!(this.nickname &&
this.summary &&
this.review &&
Object.keys(this.ratings).length === 1 )) {
this.setErrorMessages(
['Please\u0020verify\u0020you\u0027ve\u0020entered\u0020all\u0020required\u0020information']
);
this.displayErrorMessage = true;
this.errors = 1;
this.hasCaptchaToken = 0;
}
},
placeReview: function (itemId, qty) {
var $this = this;
$this.isLoading = true;
$this.displayErrorMessage = false;
var createProductReviewQuery = "\n mutation {\n createProductReview(\n input: {\n sku: \"ESMOXT\",\n nickname: \"%nickname\",\n summary: \"%summary\",\n text: \"%review\",\n ratings: [%ratings]\n }\n ) {\n review {\n nickname\n }\n }\n }\n " .replace('%nickname', $this.nickname)
.replace('%summary', $this.summary)
.replace('%review', $this.review.replace(/&/g, '&')
.replace(/"/g, '"').replace(/\n/g, " "))
.replace('%ratings', Object.keys($this.ratings).map(function (key) {
return '{ id: "' + btoa(key) + '", value_id: "' + $this.ratings[key] + '" }'
}).join(','));
fetch(`${BASE_URL}graphql`, {
method: 'POST',
headers: {
'Content-Type': 'application/json;charset=utf-8',
'Store': 'cadeauxfolies'
},
credentials: 'include',
body: JSON.stringify({query: createProductReviewQuery})
})
.then(function (response) {
return response.json()
})
.then(
function (data) {
$this.isLoading = false;
if (data.errors) {
$this.setErrorMessages(['L\u0027envoi\u0020de\u0020votre\u0020avis\u0020a\u0020\u00E9chou\u00E9,\u0020veuillez\u0020r\u00E9essayer.']);
$this.displayErrorMessage = true;
} else {
$this.displaySuccessMessage = true;
}
}
);
}
}
}</script></div></div></div></section></div><div class="last-view-container big-container-new lg:px-120px mx-auto px-4 md:px-72px py-11 no-iframe"></div> <style> @media only screen and (max-width: 768px) { .variant-qty-wrapper .text-outOfStock {display: block;} }</style><script defer>
(function() {
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const toReview = urlParams.get('to')
if(toReview == 'review') {
setTimeout(() => {
var scrollDiv = document.getElementById("customer-reviews").offsetTop;
window.scrollTo({ top: scrollDiv, behavior: 'smooth'});
},500)
}
})();</script><script defer>
function initDescription () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('.desc-text').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('.desc-text').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('.desc-text').classList.remove('show-more-text');
}
},
}
}
function initDetails () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('#product-detail-container').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('#product-detail-container').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('#product-detail-container').classList.remove('show-more-text');
}
},
}
}
function initFeautures () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('.features-text').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('.features-text').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('.features-text').classList.remove('show-more-text');
}
},
}
}
function initMobileFeautures () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('.features-text-mobile').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('.features-text-mobile').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('.features-text-mobile').classList.remove('show-more-text');
}
},
}
}
function initMobileDescription () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('.desc-text-mobile').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('.desc-text-mobile').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('.desc-text-mobile').classList.remove('show-more-text');
}
},
}
}
function initMobileDetails () {
return {
expanded: false,
showExpanded: false,
initActive() {
document.querySelector('#product-detail-container-mobile').classList.add('show-more-text');
this.showExpanded = true;
},
showMoreLess() {
if(this.expanded) {
this.expanded = false;
document.querySelector('#product-detail-container-mobile').classList.add('show-more-text');
} else {
this.expanded = true;
document.querySelector('#product-detail-container-mobile').classList.remove('show-more-text');
}
},
}
}</script><div class="product-social-links"> </div></div><div class="product media"> </div> <script>
window['JAJUMA_MATOMO_PRODUCT_DATA_ID_77737'] = {"entity_id":"77737","sku":"ESMOXT","name":"Tasse \u00e0 caf\u00e9 personnalis\u00e9e avec monogramme"};</script> <div x-data="initRecommendInsight()"><div id="frequentlyBoughtTogether" class="recommend-component"></div><div id="relatedProducts" class="recommend-component"></div><div id="trendItems" class="recommend-component"></div></div><script>
'use strict';
function initRecommendInsight() {
return {
bindClickEvent(element, eventName, objectID, indexName) {
element.querySelector(algoliaConfig.personalization.clickedEvents.productRecommended.selector).addEventListener("click", function () {
buildInsightsEventData(eventName, objectID, indexName);
});
}
}
}</script></div></div></main><footer class="page-footer"><div class="footer content"> <script defer>
function initFooter () {
return {
showScrollTop: 1,
lastScroll: 0,
scrollDetect() {
var lastScroll = 0;
let currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
if (currentScroll > 0 && this.lastScroll <= currentScroll){
this.lastScroll = currentScroll;
this.showScrollTop = 1;
}else{
this.lastScroll = currentScroll;
if(currentScroll === 0) {
this.showScrollTop = 1;
} else {
this.showScrollTop = 0;
}
}
if(document.getElementById('algolia-autocomplete-listbox-0') != 'undefined' && document.getElementById('algolia-autocomplete-listbox-0') != null){
if(document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top > 0) {
document.getElementById('algolie-search-layer').style.top = document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top+ "px"
} else {
document.getElementById('algolie-search-layer').style.top = "0px";
}
}
},
scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
}
}
document.addEventListener("DOMContentLoaded", function(event) {
document.querySelector(".mobile-footer-info #csconsentlink").addEventListener("click", openPopup);
function openPopup() {
document.querySelector(".about-block-desktop #csconsentlink").click();
}
});</script><span class="cursor-pointer fixed w-10 h-10 lg:w-14 lg:h-14 bg-activePage rounded-full shadow-footertop bottom-5 justify-center items-center z-90 right-2 lg:right-10 hidden" @click="scrollToTop()" x-data="initFooter()" @scroll.window="scrollDetect()" :class="{'flex': showScrollTop===0, 'hidden': showScrollTop===1}"><svg class="lg:w-6 w-5 h-5 lg:h-6" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0702 9.57L12.0002 3.5L5.93018 9.57" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20.4999V3.66992" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <footer><div class="footer-container-newsletter"><div class="bg-white px-0 flex-1"><div class="klaviyo-form-XCYAEc"></div>
<div class="klaviyo-form-WKnLMv"></div>
<p> </p></div></div> <div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 pt-10 font-poppins"><div class="flex-col lg:flex-row flex justify-between"><!-- Static block prefooter_social_icons --><div class="flex lg:block justify-between items-start lg:items-center mr-2.5 md:mr-7 flex-col lg:flex-row"><div class="w-full items-center mb-2.5"><div class="w-2/4 md:w-full"> <img height="48" loading="lazy" class="w-auto max-h-8 xl:max-h-10 h-auto" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/logos/logo-footer-cadeauxfolies.png" alt="Cadeauxfolies.fr"/></div><div class="lg:mt-6 mt-4 sm:mt-0 2xl:h-12 sm:h-10 h-8"><p> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.facebook.com/CadeauxFolies/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewbox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M71.21,123.45c.27,1.62.54,3.91,1.06,6.14,1.16,5,2.67,9.86,3,15a20.37,20.37,0,0,0,1.82,7.63c1.79,3.82,3.49,7.7,5.41,11.47a17.35,17.35,0,0,0,3.08,4.2,64.82,64.82,0,0,0,10.23,8c6.22,4.21,12.38,8.48,19.09,11.91a19.44,19.44,0,0,0,8.28,2.59,61.14,61.14,0,0,1,12.18,1.81c3.66.84,7.38,1.37,11.13.36,2.73-.73,5.45-1.55,8.21-2.14,3.24-.69,6.47-1.26,9.47-2.83,3.32-1.74,6.75-3.25,10.13-4.88a4.39,4.39,0,0,0,1.09-.72,36.86,36.86,0,0,0,6.67-7.65,20.84,20.84,0,0,1,2.12-2.89c2.17-2.44,4.44-4.8,6.62-7.22a29.94,29.94,0,0,0,7.15-14c.44-2.06.8-4.15,1.3-6.2,1.2-5,2.73-9.9,2.87-15.12.09-3.72.28-7.4-.73-11a103.08,103.08,0,0,1-3-11.19,121.8,121.8,0,0,0-3.19-14.8,23.14,23.14,0,0,0-1.63-4.11c-2.23-4.29-5.81-7.34-9.59-10.2a33.17,33.17,0,0,1-2.62-2.26c-1.14-1.06-2.17-2.24-3.35-3.25-2.44-2.12-4.74-4.5-7.47-6.16A43.19,43.19,0,0,0,158,60.53c-2.95-.69-5.86-1.55-8.79-2.33a8.28,8.28,0,0,0-1.71-.49c-3.58-.2-7.17-.33-10.76-.5-1.28-.06-2.68.34-3.68-.9-.09-.11-.38-.1-.57-.09-2.36.13-4.73.14-7.06.44-6.2.78-11.46,3.76-16.46,7.28a124.56,124.56,0,0,0-16.18,12.9c-6,6-11.52,12.29-15.67,19.71a34,34,0,0,0-2,4.34c-2.69,7-3.06,14.47-3.87,22.56m139.11,2.44A54,54,0,0,1,208,142.52c-1,3.06-1.35,6.31-2.09,9.45-1.56,6.58-4.46,12.61-9.38,17.22-4.21,3.94-7.64,8.43-11.18,12.9-2.91,3.67-6.29,6.84-10.8,8.67-5,2-9.79,4.47-14.78,6.46-2,.78-4.23.77-6.32,1.25-2.68.61-5.3,1.52-8,2a35.24,35.24,0,0,1-16.22-1.06,29.07,29.07,0,0,0-9-1.18c-3.66.09-7-1.15-10.29-2.77A144.2,144.2,0,0,1,91.23,184c-3.49-2.46-7.09-4.72-10.17-7.74a24.49,24.49,0,0,1-5.34-7c-2-4.3-4.15-8.53-6.11-12.85a30.54,30.54,0,0,1-2.47-11.15,45.12,45.12,0,0,0-2.3-11,35.06,35.06,0,0,1-1.77-13.43c.72-7.83,1.42-15.66,4.53-23,1.66-3.94,4.2-7.32,6.5-10.87C77.77,81.31,82.62,76.74,87.34,72s10.39-8.44,16-12.21a73.08,73.08,0,0,1,15-7.93A35.46,35.46,0,0,1,133,50c1.22.06,2.46-.19,3.68-.19,2.95,0,5.9.08,8.85.12l.12,0c2.15.21,4.43,0,6.41.71,7.79,2.71,16,4.35,23.26,8.44a30.39,30.39,0,0,1,4.54,3.3c2.42,2,4.72,4.18,7.09,6.26a15.49,15.49,0,0,0,1.74,1.27c5.61,3.68,10.14,8.34,12.52,14.7a90.14,90.14,0,0,1,4.57,18c.37,2.39,1.1,4.72,1.67,7.08,1,3.91,2,7.79,2.83,11.73a22.46,22.46,0,0,1,0,4.42"/><path class="cls-1" d="M138.59,114.22c3.79,0,7.34,0,10.89,0,1,0,1.67.34,1.68,1.38,0,1.73,1.1,3.35.46,5.16-1.2,3.4-2.53,5.26-6.2,5.48a2.27,2.27,0,0,0-.59.08c-.81.35-1.58.78-2.4,1.06a19.65,19.65,0,0,1-2.29.54c0,7.1-.1,14.08,0,21.06s.46,14.2.73,21.3a5.27,5.27,0,0,1-2.61,4.94,4,4,0,0,1-4.13-.55,2,2,0,0,0-1.28-.36c-1.55.07-3.15.41-4.36-1a8.85,8.85,0,0,1-2.39-6.08c0-.76,0-1.51,0-2.27.07-5.75.31-11.5.17-17.24-.12-4.81-.68-9.62-1-14.43-.1-1.43-.31-2.86-.31-4.29,0-1.18-.39-1.66-1.6-1.6a37,37,0,0,1-10.58-.94c-.23,0-.57,0-.69-.13-1.39-1.73-4-2.38-4.34-5.09a2.3,2.3,0,0,1,1.43-2.74,4.35,4.35,0,0,0,1.16-.75,7.3,7.3,0,0,1,4.39-1.34c3.1-.24,6.21-.4,9.44-.6,0-.32,0-.7,0-1.09.08-5.1.07-10.22.26-15.32a18.92,18.92,0,0,1,5.39-13,34.93,34.93,0,0,1,7.16-6.11c3.13-1.84,6.42-1.86,9.76-1.25,2.58.47,5.1,1.3,7.64,2,.32.09.85.38.84.54-.1,1.65,1.56,3.34-.11,4.94a.68.68,0,0,0-.16.56c.5,1.57-.65,2.64-1.33,3.74A3.49,3.49,0,0,1,151.43,92c-2.72.4-5.48.49-8.18,1-3.87.68-5.44,2.57-5.83,6.49a43.74,43.74,0,0,0,.83,12.86c.15.73.26,1.47.34,1.93"/><title>facebookFooter</title></svg>
</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.pinterest.at/cadeauxfolies/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewbox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M126.31,59v0c-1.36,0-2.72-.07-4.07,0-4.23.23-8.45.53-12.68.78a21.31,21.31,0,0,0-10.7,3.44,28.43,28.43,0,0,1-4.34,2.27c-2.57,1.11-5.25,2-7.75,3.2s-5.2,2.6-7.06,5a64.56,64.56,0,0,1-4.54,5.24C72.63,81.57,69.81,84,68,87.35s-3.79,6.47-5.69,9.7a4.39,4.39,0,0,0-.49,1.21,47.47,47.47,0,0,0-1.3,10.3,49.43,49.43,0,0,1-1.07,10.68,29.14,29.14,0,0,0,.72,16.15c1.55,4.86,3.44,9.61,5.4,14.32a75.65,75.65,0,0,0,4.3,8.53,27.47,27.47,0,0,0,6.34,7.89c2,1.66,4.16,3.25,6,5.06q5.06,4.83,9.86,9.9a27.19,27.19,0,0,0,19.14,8.61c1.66.09,3.34.21,5,.46,3.07.46,6.11,1.16,9.19,1.53a41.48,41.48,0,0,0,18.73-2.31c2.82-1,5.66-1.93,8.5-2.89a8.57,8.57,0,0,0,1.69-.55q4.88-2.91,9.7-5.92c.91-.56,1.73-1.32,2.95-1,.18.05.46-.12.65-.24,4.71-3.18,8.9-6.81,11.7-11.93a73.13,73.13,0,0,0,5-11.63c1.41-4.14,2.93-8.27,4-12.51,2-8.19,3.5-16.47,3-25a45.67,45.67,0,0,0-1.31-9.45c-1.59-5.85-4.56-11-7.34-16.35a25.27,25.27,0,0,0-6.12-7.74A81.89,81.89,0,0,1,164.48,72a13,13,0,0,0-3.2-2.85c-4-2.53-8-5-12.06-7.35A18.46,18.46,0,0,0,144.43,60a45,45,0,0,0-5.32-.83,22.72,22.72,0,0,0-3-.21c-3.27,0-6.55,0-9.82,0m72.59,61.64c.33,7.85-1.5,15.39-3.35,22.91a89,89,0,0,1-3.74,11.34c-2.3,5.78-4.63,11.54-8,16.84a37.42,37.42,0,0,1-13.49,12.82c-1,.54-1.71,1.42-2.63,2-2.49,1.66-5,3.25-7.54,4.87l-.21.11c-8.85,4.7-18.45,7-28.25,8.54a37.08,37.08,0,0,1-7.73-.13c-4.13-.24-8.2-1.07-12.37-1.2-6.61-.19-12.89-1.86-18.18-6.15a100.52,100.52,0,0,1-13.3-12.38,27.72,27.72,0,0,0-4.66-4.11A51.07,51.07,0,0,1,58,152.92c-1.81-4.6-3.61-9.22-5.18-13.9a37.65,37.65,0,0,1-1.45-18.66c.57-3.3,1.34-6.56,1.79-9.87.32-2.36.1-4.79.37-7.16.56-4.71,1.64-9.23,4.39-13.27,2.92-4.28,5.45-8.81,8.39-13.08,1.17-1.71,3-2.94,4.47-4.48,1.91-2,3.62-4.27,5.62-6.2a35.16,35.16,0,0,1,14.06-8.15,29.36,29.36,0,0,0,8.11-4c3.11-2.18,6.71-3,10.45-3.47a150.28,150.28,0,0,1,21.63-.87c4.44.07,8.87-.11,13.22.88a24.8,24.8,0,0,1,6.37,2c4.84,2.61,9.55,5.48,14.23,8.38a28.28,28.28,0,0,1,7.65,7.34,46.74,46.74,0,0,0,8.17,8,34.85,34.85,0,0,1,8.9,10.07c3.91,7.1,7.94,14.19,9.2,22.34.6,3.89.6,7.86.87,11.79l-.33,0"/><path class="cls-1" d="M122.45,142.46c-.09.18-.26.5-.4.83-2,4.67-3.89,9.35-5.88,14a29.22,29.22,0,0,1-5.15,8.3,2.07,2.07,0,0,1-3.6-.57,12,12,0,0,1-.38-7.16c1.54-7.07,4.49-13.62,7.24-20.25.65-1.59,1.18-3.22,1.71-4.85a1.76,1.76,0,0,0-.06-1.24c-2.57-4.53-3.19-9.5-3.17-14.57a50.89,50.89,0,0,1,.59-7.6,8.22,8.22,0,0,1,4.38-6.08,14.12,14.12,0,0,1,6.67-2.34c2.28-.07,3.53.6,4.1,2.83a49.83,49.83,0,0,1,1.42,7.75A44.09,44.09,0,0,1,127.36,130a1.65,1.65,0,0,0,.58,2.15c2.34,1.81,4.47,3.94,7,5.4,4,2.32,5.61,1.63,6.81-2.71a31.51,31.51,0,0,0,1.1-7.29c.16-5.39.09-10.78,0-16.17a29,29,0,0,0-.55-5.1,5.46,5.46,0,0,0-1.24-2.54,15.41,15.41,0,0,0-8.91-5.2c-4.94-.86-9.89,0-14.83-.17a7.76,7.76,0,0,0-3.89.92,15.94,15.94,0,0,0-6.4,6,31.48,31.48,0,0,0-3.31,11.06,12.48,12.48,0,0,0,2.17,8.51,16.52,16.52,0,0,1,2,5.69,3.83,3.83,0,0,1-2.37,3.71,22.47,22.47,0,0,1-3.66.46,1.38,1.38,0,0,1-.9-.5,9,9,0,0,1-1.34-1.68,50.3,50.3,0,0,1-5.86-13.83,15.24,15.24,0,0,1,1.5-11.6c2.71-4.47,5.39-9.08,9.78-12.13a98.17,98.17,0,0,1,11.53-6.83c3.41-1.72,7.2-1.42,10.94-1,4.15.42,7.95,2.06,11.86,3.26,7.81,2.39,11.8,8.21,13.56,15.93,1.34,5.9.93,11.83.68,17.77a69.18,69.18,0,0,1-.68,7c-.91,6.41-4.39,11.28-9.3,15.27-2.22,1.81-4.92,1.9-7.6,2.07a11.38,11.38,0,0,1-6.55-1.56c-2.38-1.37-4.68-2.87-7.08-4.36"/><title>pinterestFooter</title></svg>
</a> <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.instagram.com/cadeauxfolies/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewbox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M121.05,190.89c0-.1,0-.2,0-.3a52.92,52.92,0,0,0,15.64-.66c2.88-.62,5.84-1,8.48-2.44,2.86-1.57,5.65-3.31,8.59-4.74,4.5-2.19,9.14-4.14,13.67-6.29,3.36-1.6,6.64-3.4,9-6.4a38.52,38.52,0,0,0,5.61-9.71,22.48,22.48,0,0,1,1.42-2.76c.93-1.62,2-3.18,2.85-4.84,1.4-2.68,3.07-5.3,4-8.16a44.47,44.47,0,0,0,2.3-13.76c0-2.91.13-5.82.21-8.73a8.79,8.79,0,0,0,.06-1.77c-.69-3.72-1.43-7.44-2.17-11.15-.21-1.05-.63-2.08.14-3.09a1,1,0,0,0,0-.69c-.65-2.18-1.2-4.39-2-6.52-2.14-5.83-6.21-10.27-10.77-14.29a123.38,123.38,0,0,0-16.49-12.88c-7.41-4.59-15.06-8.56-23.51-10.84a30.6,30.6,0,0,0-3.4-.7c-6.22-1-12.36-.06-18.51.69A29.57,29.57,0,0,0,105,64.2a68.75,68.75,0,0,1-14,6.41,18.63,18.63,0,0,0-6.35,3.27c-3.31,2.63-6.65,5.24-9.94,7.9A9.6,9.6,0,0,0,72.36,84c-1.69,2.79-3.65,5.52-4.74,8.55-3.1,8.59-6.91,16.93-9,25.9a24.21,24.21,0,0,0-.41,11,29.62,29.62,0,0,1,.63,5c.16,2.79,0,5.59.3,8.37.31,3.34.9,6.61,3,9.46a30.81,30.81,0,0,1,2.59,4.85c1.6,3.28,2.86,6.73,5.36,9.55s4.85,5.94,7.28,8.9a4.28,4.28,0,0,0,1,.87,46.89,46.89,0,0,0,9.22,4.79,48.26,48.26,0,0,1,9.54,4.68,29.53,29.53,0,0,0,14.33,4.9c3.17.28,6.38,0,9.58,0m-.23,8.22c-3.31-.09-7.45.06-11.51-.41A33.23,33.23,0,0,1,96,194.27c-1.51-.91-2.83-2.12-4.38-2.91-3.13-1.6-6.36-3-9.54-4.48-4.77-2.23-9.26-4.78-12.47-9.21S63.07,169.31,60,165c-1-1.42-1.44-3.27-2.24-4.88-1.42-2.85-3.09-5.59-4.36-8.51a35.63,35.63,0,0,1-2.73-16.37,26.79,26.79,0,0,0-.89-8.39,21.66,21.66,0,0,1,.19-10.52,143.76,143.76,0,0,1,7-21.49c1.52-3.81,2.84-7.67,5-11.24a25.22,25.22,0,0,1,5.77-7.09C70.88,74,74,71.27,77.22,68.71a33.85,33.85,0,0,1,11.87-6.06,43.16,43.16,0,0,0,10.67-5.11c5.42-3.31,11.34-4.66,17.51-5.19,4.22-.36,8.45-.69,12.67-.7,6.14,0,11.79,2.16,17.47,4.29,6.27,2.36,11.85,5.89,17.5,9.37s10.46,8,15.34,12.41a74.22,74.22,0,0,1,11.62,13.17A35.16,35.16,0,0,1,197,104.45c.24,1.24.79,2.41,1.08,3.65.68,2.94,1.3,5.91,2,8.86a1.94,1.94,0,0,0,0,.24c.27,2,1,4.07.75,6-.81,8.21-.54,16.55-2.8,24.58a30,30,0,0,1-2.18,5.17c-1.42,2.82-3,5.56-4.44,8.35a13.48,13.48,0,0,0-.8,1.87c-2.32,6.42-5.88,12-11.65,15.82a95.38,95.38,0,0,1-15.56,8.19c-2.35,1-4.61,2.17-6.89,3.33-3.66,1.86-7.15,4.16-11,5.55a53.22,53.22,0,0,1-11.67,2.56c-4,.48-8.13.32-13,.46"/><path class="cls-1" d="M112,90.44v.2c-2.44,0-4.88.09-7.31,0a6.71,6.71,0,0,0-6.61,3.86c-1.37,2.48-2.68,5-4.12,7.43A15,15,0,0,0,92,109.45c-.15,7.22-.32,14.45-.59,21.67-.08,2.18-.64,4.34-.75,6.52-.22,4.36,0,8.6,3.41,12,2,2,3.78,4.12,5.68,6.17,2.42,2.61,5.13,4.47,9,4a14.8,14.8,0,0,1,7.51,1.17,13.43,13.43,0,0,0,7.06.7c1-.11,1.9-.25,2.85-.38,2.8-.38,5.63-.64,8.39-1.21,3.2-.66,6.3-1.85,9.51-2.35,3.46-.52,7-.48,10.51-.73,3.13-.23,6.08-.93,8.3-3.41a5.8,5.8,0,0,1,1.33-1,4.11,4.11,0,0,0,2-3.11,49.93,49.93,0,0,0,.81-5.91,125.33,125.33,0,0,0-.14-14c-.43-4.8-1.17-9.57-1.21-14.41a60.18,60.18,0,0,0-.6-9.78c-.78-4.62-3.61-8.37-6.11-12.2A5.05,5.05,0,0,0,157.47,92a16.76,16.76,0,0,0-8-2.54c-4-.34-8-.41-12.07-.51-2.31,0-4.63.2-6.94.09a12.35,12.35,0,0,0-5.75.66,7.66,7.66,0,0,1-2.77.67c-3.31.08-6.63,0-9.94,0m18.73-10.22c2.6,0,5.2-.08,7.8,0,1.52.06,3,.48,4.56.64a50,50,0,0,0,5.85.41,29.07,29.07,0,0,1,11.45,2.2,9.93,9.93,0,0,1,2.88,1.66,20.48,20.48,0,0,1,6.22,8.65c1.61,4.76,3.47,9.43,4.92,14.23a41.48,41.48,0,0,1,1.52,11.6c.07,6.54.37,13.08.45,19.63,0,2.83-.18,5.66-.36,8.49a10.68,10.68,0,0,1-2.08,5.9c-1.76,2.35-3.3,4.94-5.39,7a20.93,20.93,0,0,1-10.67,5.87c-2.67.49-5.38.71-8.07,1.09a12.8,12.8,0,0,0-2.9.62,32.73,32.73,0,0,1-11.38,2c-1.87,0-3.73.43-5.6.46-5,.07-10.07,0-15.1,0a39.78,39.78,0,0,1-10.21-1,21.89,21.89,0,0,1-11.86-7.22c-2.32-2.74-4.8-5.35-7-8.17a21.6,21.6,0,0,1-4.31-10.27,29.81,29.81,0,0,1,.33-10,79.22,79.22,0,0,0,1.39-11.49c.23-5.3,0-10.62.11-15.93a11.37,11.37,0,0,1,1-4.49c1.41-3,3.1-5.93,4.69-8.87.55-1,1.18-2,1.72-3,1.41-2.67,3.85-4.16,6.33-5.66a26.54,26.54,0,0,1,13.13-3.55c5.26-.2,10.52-.61,15.78-.88,1.6-.08,3.2,0,4.8,0Z"/><path class="cls-1" d="M141.88,130.61h.42c-.48-2.73-.94-5.47-1.45-8.2-1-5.49-4.49-8.8-9.53-10.74a5.15,5.15,0,0,0-4.68.44c-5.6,3.17-9,8.14-11.33,13.93a6.77,6.77,0,0,0-.08,4.63,13.33,13.33,0,0,0,6.33,6.61,23.41,23.41,0,0,0,12.94,2.23c1.41-.11,2.92-.16,4-1.28,2.06-2.1,4.22-4.17,3.36-7.61m-36-3.68c-.17-5.22,2.41-9.31,5.45-13.12a32.11,32.11,0,0,1,10.38-8.9c4.74-2.41,9.67-3.38,14.91-1.7,9,2.88,13.71,9.27,15.68,18.21s-1.79,15.69-7.23,22a12.94,12.94,0,0,1-3.34,2.49c-5.21,3-10.78,4.67-16.83,3.91a39,39,0,0,1-7-1.67,8,8,0,0,1-3.22-2c-4-4.17-7.28-8.8-8.33-14.65-.27-1.52-.34-3.08-.51-4.62"/><path class="cls-1" d="M150.18,107.42a2.22,2.22,0,0,1-2.29-1c-1.67-2-2.23-5.09-.81-6.6a7.26,7.26,0,0,1,6-2.68,1.74,1.74,0,0,1,1.26.92c.6,1.93,1.58,3.87.55,6s-1.66,3.43-4.76,3.45"/><title>instagramFooter</title></svg>
</a> </p></div></div><div class="lg:mt-2.5 mt-0 mb-7 hidden"></div><div class="lg:mt-2.5 mt-0 hidden"></div><div> <div x-data="{ open: false }" class="w-full relative block text-left" ><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="h-12 flex bg-white border border-borderImg rounded-full px-2 items-center text-blackfont text-base font-medium gap-2 min-w-162px justify-between" aria-haspopup="true" aria-expanded="true" ><span class="flex gap-5px items-center"> <svg width="32" height="32"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagFr" /></svg> France</span> <svg width="12" height="12" ><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#arrow-down-footer" /></svg></button> <nav x-cloak="" x-show="open" class="absolute left-0 right-0 my-1 flex flex-col bottom-full z-20 w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter"> <a href="https://www.cadeauxfolies.fr/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagFr" /></svg> France</a> <a href="https://www.radbag.de/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagDe" /></svg> Deutschland</a> <a href="https://www.radbag.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagCh" /></svg> Schweiz</a> <a href="https://www.cadeauxfolies.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagCh" /></svg> Suisse</a> <a href="https://www.troppotogo.it/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagIt" /></svg> Italia</a> <a href="https://www.radbag.nl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagNl" /></svg> Nederland</a> <a href="https://www.radbag.at/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagAt" /></svg> Österreich</a> <a href="https://www.radbag.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagBe" /></svg> België</a> <a href="https://www.cadeauxfolies.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagBe" /></svg> Belgique</a> <a href="https://www.radbag.dk/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagDk" /></svg> Danmark</a> <a href="https://firebox.es/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/sprite.svg#flagEs" /></svg> España</a> <a href="https://firebox.com/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" > <img class="mr-3.5 w-4 h-4" width="16" height="16" lading="lazy" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/logos/flagUk.png" alt="flagUk" /> UK</a> <a href="https://firebox.com/intl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" style="order:26" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/flags/flagWorld.svg" alt="flagFr" /> Rest of the world</a> <a href="https://firebox.eu/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm" style="order:25" > <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/flags/flagEu.svg" alt="flagFr" /> Europe</a> </nav></div></div></div><div class="lg:mt-0 mt-10"><div class="footer-top-links block mt-2.5 lg:mt-0 sm:flex lg:gap-12 2xl:gap-24 justify-between"><div class="hidden sm:block" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Des questions?</span> <a href="/supportpage">Service clients</a><a href="https://www.cadeauxfolies.fr/faq?sublink=paiement/">Méthodes de paiement?</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=fraisdeport/">Frais de port</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=colis/">Suivi du colis</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=retour/">Retour</a> <a href="https://www.cadeauxfolies.fr/conditionsgeneralesdevente#droitderetractation/">Droit de rétractation</a></p>
<p><a href="https://www.cadeauxfolies.fr/faq/">Retrouvez les réponses <br>à vos questions dans <br>la rubrique FAQ.</a></p></div><div class="hidden sm:block about-block-desktop" onclick="showContent('about-block')" id="about-block"><p><span class="title">À propos</span> <a href="https://www.cadeauxfolies.fr/teamcadeauxfolies/">L'équipe CadeauxFolies</a> <a href="https://www.cadeauxfolies.fr/blog/">Blog</a> <button id="csconsentlink">Paramètres des cookies</button></p></div><div class="mobile-footer-info flex gap-2 sm:hidden"><div class="flex-1" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Des questions?</span> <a href="/supportpage">Service clients</a><a href="https://www.cadeauxfolies.fr/faq?sublink=paiement/">Méthodes de paiement?</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=fraisdeport/">Frais de port</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=colis/">Suivi du colis</a> <a href="https://www.cadeauxfolies.fr/faq?sublink=retour/">Retour</a> <a href="https://www.cadeauxfolies.fr/conditionsgeneralesdevente#droitderetractation/">Droit de rétractation</a></p>
<p><a href="https://www.cadeauxfolies.fr/faq/">Retrouvez les réponses <br>à vos questions dans <br>la rubrique FAQ.</a></p></div><div class="flex-1" onclick="showContent('about-block')" id="about-block"><p><span class="title">À propos</span> <a href="https://www.cadeauxfolies.fr/teamcadeauxfolies/">L'équipe CadeauxFolies</a> <a href="https://www.cadeauxfolies.fr/blog/">Blog</a> <button id="csconsentlink">Paramètres des cookies</button></p></div></div><div onclick="showContent('partner-block')" id="partner-block"><p><span class="tapexpand prefooter-title">Infos partenaires</span><a href="https://www.cadeauxfolies.fr/content/presse/">Presse</a> <a href="https://www.cadeauxfolies.fr/gadget-test-club/">Créateur de contenu</a> <a href="https://www.cadeauxfolies.fr/content/demandes-b2b.html/">Demandes B2B</a></p></div><div id="payment-block-footer" class="max-w-[415px] w-full"><span class="question-title">Méthode de paiment</span> <p><span class="payment-link-images"><span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/paypal.png" alt="paypal"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/Visa.png" alt="Visa"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/apple-pay.png" alt="apple"></span> <span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/mastercard.png" alt="mastercard"></span>
<span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/klarna.png" alt="Klarna"></span><span class="paymet-img"><img src="https://www.cadeauxfolies.fr/media/wysiwyg/images/google-pay.png" alt="amazon"></span></p></div></div></div></div></div><div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 mt-10 sm:mt-14 pb-10 font-poppins"><div class="footer-links-bottom border-t border-borderImg pt-6"><p><a href="https://www.cadeauxfolies.fr/conditionsgeneralesdevente/">Conditions générales de Vente</a> <a href="https://www.cadeauxfolies.fr/securiteprotectiondesdonnees/">Sécurité & Protection des données</a> <a href="https://www.cadeauxfolies.fr/mentionslegales/">Mentions légales</a> <span class="copyright"> © 2025 cadeauxfolies</span></p></div></div><script>
(function() {
var cookieName = 'items_in_wishlist';
if (getCookie(cookieName) !== "") {
var wishlistItems = getCookie(cookieName).split(',');
var pageItems = document.getElementsByClassName("list-wishlist-heart");
for(var i = 0; i < pageItems.length; i++) {
var pageItemId = "" + pageItems[i].attributes['data-product-id'].value;
if(wishlistItems.includes(pageItemId)) {
addElementClass('cookiewishlist-list-' + pageItemId, 'active-wishlist');
addElementClass('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist');
addElementClassMore('cookiewishlist-list-' + pageItemId, 'active-wishlist');
addElementClassMore('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist');
}
}
document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
}
/* Top50 */
if(document.getElementById('top_categories') != undefined){
var arr = document.getElementById('top_categories').value.split(", ");
if(arr.includes(document.getElementById('current_category').value)){
var count = 1;
var limiter = 60;
var p = document.getElementById("current-page").textContent;
var page = 1;
if (p != "") {
page = parseInt(document.getElementById("current-page").textContent);
}
if (page == 1) {
count = 1;
} else {
count = ((page - 1) * limiter) + 1;
}
var els = document.getElementsByClassName("product-badgets-top");
for(var i = 0; i < els.length; i++) {
els[i].innerHTML += count;
count++;
}
}
}
if(document.getElementById('category-submenu') != undefined){
var scroll_elm = document.getElementById("category-submenu");
if(!(scroll_elm.scrollWidth > scroll_elm.clientWidth)){
document.getElementById('scroll_right').style.display = 'none';
document.getElementById('scroll_left').style.display = 'none';
}
}
if(window.screen.width <= 768 ){
if(document.querySelector('.account-nav') != null) {
setTimeout(() => {
document.querySelector('#account-nav .items .item:last-child').scrollIntoView({ behavior: 'smooth' })
}, 200)
}
}
})();
function addToCookieWishlist(id, sku, price) {
var cookieName = 'items_in_wishlist';
var productId = id;
var productIdC = '';
if (getCookie(cookieName) === "") {
createCookie(cookieName, productId.toString(), 14);
addElementClass('cookiewishlist-list-' + id, 'active-wishlist');
addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
document.getElementById('wishlist-header-count').innerHTML = "1";
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true);
xhttp.send();
ga('send', 'event', 'wishlist', 'add', sku);
} else {
var wishlistItems = getCookie(cookieName).split(',');
if(wishlistItems.includes(productId.toString())) {
var index = wishlistItems.indexOf(productId.toString());
wishlistItems.splice(index, 1);
fetch("/mywishlist/wishlist/remove?product_id=" + id, {
method: 'GET',
})
.then(response => {
if(response.status == 200) {
if(document.querySelector('body').classList.contains('wishlist-index-index')){
location.reload()
}
createCookie(cookieName, wishlistItems.toString(), 14);
removeElementClass('cookiewishlist-list-' + id, 'active-wishlist');
removeElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
removeElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
removeElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
}
})
.then(data => {
})
.catch(error => {
console.log(error);
});
ga('send', 'event', 'wishlist', 'remove', sku);
} else {
wishlistItems.push(productId.toString());
addElementClass('cookiewishlist-list-' + id, 'active-wishlist');
addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true);
xhttp.send();
createCookie(cookieName, wishlistItems.toString(), 14);
document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
ga('send', 'event', 'wishlist', 'add', sku);
}
}
}
function getCookie(name) {
if (document.cookie.length > 0) {
c_start = document.cookie.indexOf(name + "=");
if (c_start != -1) {
c_start = c_start + name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) {
c_end = document.cookie.length;
}
return unescape(document.cookie.substring(c_start, c_end));
}
}
return "";
}
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
else {
expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function removeElementClass(id, classname) {
var element = document.getElementById(id);
element.classList.remove(classname);
}
function addElementClass(id, classname) {
var element = document.getElementById(id);
element.classList.add(classname);
}
function removeElementClassMore(id, classname) {
var els = document.getElementsByClassName(id);
for(var i = 0; i < els.length; i++) {
els[i].classList.remove(classname);
}
}
function addElementClassMore(id, classname) {
var els = document.getElementsByClassName(id);
for(var i = 0; i < els.length; i++) {
els[i].classList.add(classname);
}
}
function showContent(id) {
if(document.getElementById(id).classList.contains('openBlock')){
document.getElementById(id).classList.remove("openBlock");
} else {
document.getElementById(id).classList.add("openBlock");
}
}
function showReview() {
var els = document.getElementsByClassName('review-item');
for(var i = 0; i < els.length; i++) {
els[i].classList.remove('hidden');
els[i].classList.remove('hidden-mobile');
}
document.querySelectorAll('.opacity-item-review').forEach((e) => {
e.classList.add('hidden')
});
document.querySelector('.opacity-item-review-mobile').classList.add('hidden');
document.getElementById('hidde-review').classList.remove('hidden');
document.getElementById('show-review').classList.add('hidden');
}
function hideReview() {
var els = document.getElementsByClassName('review-item');
for(var i = 0; i < els.length; i++) {
if(screen.width < 768) {
if(i > 2 && i < 6) {
els[i].classList.add('hidden-mobile');
} else if(i > 5) {
els[i].classList.add('hidden');
}
} else {
if(i > 5) {
els[i].classList.add('hidden');
}
}
}
document.querySelectorAll('.opacity-item-review').forEach((e) => {
e.classList.remove('hidden')
});
document.querySelector('.opacity-item-review-mobile').classList.remove('hidden');
document.getElementById('hidde-review').classList.add('hidden');
document.getElementById('show-review').classList.remove('hidden');
document.getElementById("customer-reviews").scrollIntoView();
}
function scrollToLeft() {
if(document.getElementById('category-submenu') != undefined){
var scroll_elm = document.getElementById("category-submenu");
scroll_elm.scroll({
top: 0,
left: scroll_elm.scrollLeft - 150,
behavior: 'smooth'
});
}
}
function scrollToRight() {
if(document.getElementById('category-submenu') != undefined){
var scroll_elm = document.getElementById("category-submenu");
scroll_elm.scroll({
top: 0,
left: scroll_elm.scrollLeft + 150,
behavior: 'smooth'
});
}
}
function copyText(id) {
var copyText = document.getElementById(id);
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);
}</script> <div class="lg:w-1/4 md:w-1/2 w-full px-4 gap-4 flex-wrap justify-center hidden"> </div> </footer><style> /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* .catalogsearch-result-index .out-of-stock {display:none} .catalogsearch-result-index .item-img > img {opacity:1} */</style> <script>
'use strict';
function amBrandsPopup() {
let cached = false;
const displayError = (error) => {
console.error(error);
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: "Une\u0020erreur\u0020s\u0027est\u0020produite.\u0020Merci\u0020d\u0027essayer\u0020ult\u00E9rieurement."
}], 10000
);
};
let letters = [
"A","B","C","D",
"E","F","G","H","I","J","K","L","M",
"N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"
];
return {
hoverPanelActiveId: null,
selectedLetter: null,
items: [],
letters: [],
showCount: null,
showFilter: null,
showImages: true,
showSearch: null,
loading: false,
label: 'Brands',
isPopupEnabled: false,
isTopMenuItemEnabled: false,
cache: false,
isMobile: false,
initErrorMessages(errors) {
const messages = [];
for (let error in Object.keys(errors)) {
messages.push({type: 'error', text: errors[error].message});
}
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000);
},
chooseLetter(letter) {
this.selectedLetter = this.selectedLetter === letter ? null : letter;
},
getQuery() {
return "query BrandsPopupQuery { ambrandlist(\n showCount: true\n displayZero: true\n ) {\n all_letters,\n items {\n alt\n brandId\n cnt\n image\n img\n label\n letter\n url\n }\n }\n storeConfig {\n amshopby_brand_general_brands_brands_popup,\n amshopby_brand_general_menu_item_label,\n amshopby_brand_general_brands_page,\n amshopby_brand_general_topmenu_enabled,\n amshopby_brand_general_brands_popup_config {\n show_images,\n display_zero,\n filter_display_all,\n image_width,\n image_height,\n show_filter,\n show_count\n }\n } }" },
/**
* Retrieve media url for given path
*
* @param path
* @returns {string}
*/
getMediaUrl(path) {
let stringToRemove = 'index.php/';
let baseUrl = BASE_URL.replace(stringToRemove, '');
return path.includes(baseUrl) ? path : baseUrl + path;
},
checkIsMobileResolution() {
this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
},
getBrandUrl(url){
return BASE_URL + url;
},
init() {
this.checkIsMobileResolution();
this.$watch('hoverPanelActiveId', (value) => {
if (value === 'am-brand') {
this.sendRequest();
}
});
},
/**
* Get brands by letter
*
* @param result
* @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}}
*/
settingsMapper(result) {
const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config;
return {
showImages: config.show_images,
showCount: config.show_count,
showFilter: config.show_filter,
imageWidth: config.image_width,
imageHeight: config.image_height,
filterDisplayAll: config.filter_display_all,
displayAll: config.display_zero,
isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup,
label: result.data.storeConfig?.amshopby_brand_general_menu_item_label,
isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled,
brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page,
}
},
/**
* Send request to graphql
*
* @returns {Promise<any>}
*/
async sendRequest() {
if (this.isMobile) {
return false;
}
this.loading = true;
try {
if (cached) {
this.loading = false;
return false;
}
const response = await fetch('https://www.cadeauxfolies.fr/graphql', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Store': 'cadeauxfolies'
},
credentials: 'include',
body: JSON.stringify({query: this.getQuery(), variables: {}})
});
const result = await response.json();
if (result?.errors) {
this.initErrorMessages(result.errors);
return;
}
const data = result.data?.ambrandlist;
const mapper = this.settingsMapper(result);
Object.keys(mapper).forEach(config => {
this[config] = mapper[config];
});
if (!this.filterDisplayAll) {
letters = data.all_letters.split(',');
}
const items = data.items.map(brand => {
brand.image = brand.img
? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null);
return brand;
});
this.letters = letters.map(letter => ({
letter,
brands: this.getLetterItems(items, letter),
}));
this.items = this.letters.filter(row => row.brands?.length > 0);
cached = true;
} catch (error) {
displayError(error);
} finally {
this.loading = false;
}
},
/**
* Get brands by letter
*
* @param items
* @param letter
* @returns {*}
*/
getLetterItems(items, letter) {
return items.filter(row => row.letter === letter);
},
convertHtml(text) {
let textField = document.createElement("textarea");
textField.innerHTML = text;
return textField.value;
}
}
}</script></div></footer> <input type="hidden" id="disable_cookies" name="disable_cookies" value="0"><script type="text/javascript" >
window.stealthUrl = 'https://upsidedown.radbag.de/scripts/matomo/matomo.php';
window.matomoUrl = 'https://upsidedown.radbag.de/scripts/matomo/';
var _paq = window._paq = window._paq || [];
(function () {
_paq.push(["setTrackerUrl", "https://upsidedown.radbag.de/scripts/matomo/matomo.php"]);
_paq.push(["setSiteId", "5"]);
if (document.prerendering) {
document.addEventListener('prerenderingchange', () => {
_paq.push(['trackPageView']);
}, {
once: true,
});
} else {
_paq.push(['trackPageView']);
}
_paq.push(['enableLinkTracking']);
})();
var eventNames = [
"wheel",
"touchstart",
"mouseover",
"scroll",
"keydown"
];
function addMultiEventListener(element, eventNames, listener) {
for (var i=0, iLen=eventNames.length; i<iLen; i++) {
element.addEventListener(eventNames[i], listener, true);
}
}
function removeMultiEventListener(element, eventNames, listener) {
for (var i=0, iLen=eventNames.length; i<iLen; i++) {
element.removeEventListener(eventNames[i], listener, true);
}
}
var isMatomoLoaded = false;
const loadMatomoScript = () => {
if (!isMatomoLoaded) {
isMatomoLoaded = true;
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.onload = () => {
};
g.src = 'https://upsidedown.radbag.de/scripts/matomo/matomo.js';
s.parentNode.insertBefore(g, s);
removeMultiEventListener(window, eventNames, loadMatomoScript);
} else {
removeMultiEventListener(window, eventNames, loadMatomoScript);
}
}
addMultiEventListener(window, eventNames, loadMatomoScript);
</script> <noscript><p><img src="https://upsidedown.radbag.de/scripts/matomo/matomo.php?idsite= 5&rec=1" style="border:0;" alt=""/></p></noscript> <script>
(() => {
function src_default(Alpine) {
Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
let evaluate = evaluateLater(expression);
let options = {
rootMargin: getRootMargin(modifiers),
threshold: getThreshhold(modifiers)
};
let observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting === (value === "leave"))
return;
evaluate();
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
cleanup(() => {
observer.disconnect();
});
});
}
function getThreshhold(modifiers) {
if (modifiers.includes("full"))
return 0.99;
if (modifiers.includes("half"))
return 0.5;
if (!modifiers.includes("threshold"))
return 0;
let threshold = modifiers[modifiers.indexOf("threshold") + 1];
if (threshold === "100")
return 1;
if (threshold === "0")
return 0;
return Number(`.${threshold}`);
}
function getLengthValue(rawValue) {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
return match ? match[1] + (match[2] || "px") : void 0;
}
function getRootMargin(modifiers) {
const key = "margin";
const fallback = "0px 0px 0px 0px";
const index = modifiers.indexOf(key);
if (index === -1)
return fallback;
let values = [];
for (let i = 1; i < 5; i++) {
values.push(getLengthValue(modifiers[index + i] || ""));
}
values = values.filter((v) => v !== void 0);
return values.length ? values.join(" ").trim() : fallback;
}
document.addEventListener("alpine:init", () => {
window.Alpine.plugin(src_default);
});
})();</script> <script>
for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) {
document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
}</script> <script>
(function () {
"use strict";
const hasAlpine = new Promise(resolve => {
window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
});
const hasInteract = new Promise(resolve => {
(events => {
const onInteract = () => {
resolve();
events.forEach(type => window.removeEventListener(type, onInteract));
}
events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
});
const onIntersect = (el) => {
return new Promise(resolve => {
const observer = new IntersectionObserver(entries => {
for (const entry of entries) {
if (entry.isIntersecting) {
observer.disconnect()
resolve();
}
}
}, {});
observer.observe(el);
});
}
function runComponent(el) {
hasAlpine.then(() => {
el.removeAttribute('x-ignore');
queueMicrotask(() => Alpine.initTree(el));
});
}
function initDeferredComponents() {
document.querySelectorAll('[x-data][x-defer]').forEach(el => {
el.setAttribute('x-ignore', '');
const deferUntil = (el.getAttribute('x-defer') || '').trim();
switch (deferUntil) {
case 'interact':
hasInteract.then(() => runComponent(el));
break;
case 'intersect':
onIntersect(el).then(() => runComponent(el))
break;
case 'idle':
window.requestIdleCallback
? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
: setTimeout(() => runComponent(el), 4000);
break;
case 'eager':
runComponent(el);
break;
default:
if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
}
}
});
}
window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
})()</script> <script>
(_ => {
document.addEventListener('DOMContentLoaded', event => {
if (!Alpine.version.startsWith('2')) {
return;
}
const teleportDirective = (el, expression) => {
let target = document.querySelector(expression)
let clone = el.content.cloneNode(true).firstElementChild;
target.appendChild(clone);
setTimeout(() => {
target.querySelectorAll('[x-data]')
.forEach(el => Alpine.initializeComponent(el));
}, 0)
};
document.querySelectorAll('template').forEach(el => {
if (!el.hasAttribute('x-teleport')) {
return;
}
teleportDirective(el, el.getAttribute('x-teleport'));
});
document.querySelectorAll('[x-data]').forEach(el => {
if (el.hasAttribute('x-init')) {
return;
}
setTimeout(() => {
Alpine.initializeComponent(el);
}, 0);
});
});
})()</script> <script type="module"
src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Hyva_Theme/js/alpine3.min.js"
defer
crossorigin
></script> <script>
'use strict';
function dispatchMessages(messages, hideAfter) {
const messagesEvent = new CustomEvent("messages-loaded", {
detail: {
messages: messages,
hideAfter: hideAfter
}
});
window.dispatchEvent(messagesEvent);
}
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
(function( hyva, undefined ) {
hyva.initFormKey = () => {
const inputSelector = 'input[name="form_key"]',
formKey = hyva.getFormKey();
Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
input.value = formKey
});
}
hyva.initMessages = () => {
try {
const messages = hyva.getCookie('mage-messages');
window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
dispatchMessages(window.mageMessages);
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
hyva.alpineInitialized(hyva.initMessages)
}( window.hyva = window.hyva || {} ));</script> <script>
'use strict';
{
const private_content_key = 'mage-cache-storage';
const private_content_expire_key = 'mage-cache-timeout';
const private_content_version_key = 'private_content_version';
const section_data_ids_key = 'section_data_ids';
const mage_cache_session_id_key = 'mage-cache-sessid';
const last_visited_store_key = 'last_visited_store';
const ttl = 3600;
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
function loadSectionData () {
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Please enable LocalStorage in your browser."
}]
);
return;
}
try {
let isInvalid = false;
if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
isInvalid = true;
}
hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
if (!hyva.getCookie(mage_cache_session_id_key)) {
isInvalid = true;
browserStorage.removeItem(private_content_key);
const skipSetDomain = true;
const days = false;
hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
}
const cookieVersion = hyva.getCookie(private_content_version_key);
const storageVersion = browserStorage.getItem(private_content_version_key);
if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
isInvalid = true;
}
const privateContentExpires = browserStorage.getItem(private_content_expire_key);
if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
browserStorage.removeItem(private_content_key);
}
if (isInvalid && cookieVersion) {
fetchPrivateContent([]);
} else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
if (
privateContent &&
privateContentExpires &&
privateContent.cart &&
privateContent.customer
) {
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent([]);
}
} else {
if (document.getElementById('default-section-data')) {
const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
dispatchPrivateContent(privateContent);
} else {
dispatchPrivateContent({});
}
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
hyva.alpineInitialized(loadSectionData)
window.addEventListener('reload-customer-section-data', loadSectionData);
function dispatchPrivateContent(data) {
const privateContentEvent = new CustomEvent("private-content-loaded", {
detail: {
data: data
}
});
window.dispatchEvent(privateContentEvent);
}
function fetchPrivateContent(sections) {
fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(
data => {
if (data) {
try {
const browserStorage = hyva.getBrowserStorage();
const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
delete oldSectionData['checkout-data'];
}
const newSectionData = Object.assign(oldSectionData, data);
dispatchPrivateContent(newSectionData);
if (newSectionData.messages && newSectionData.messages.messages ) {
newSectionData.messages.messages = [];
}
browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
browserStorage.setItem(private_content_expire_key, expiresAt);
const newCookieVersion = hyva.getCookie(private_content_version_key);
browserStorage.setItem(private_content_version_key, newCookieVersion);
hyva.setCookie(
section_data_ids_key,
JSON.stringify(
Object.keys(data).reduce((sectionDataIds, sectionKey) => {
sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
return sectionDataIds;
}, {})
),
false,
true
);
} catch (error) {
console.warn("Couldn't store privateContent", error);
}
}
}
);
}
}</script><script>
(() => {
document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
})()</script> <script>
(events => {
const dispatchUserInteractionEvent = () => {
events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
window.dispatchEvent(new Event('init-external-scripts'))
};
events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
<script>
var g3dSelectedId = 0;
function initConfigurableOptions(productId, optionConfig) {
return {
optionConfig,
productId,
itemId: '77737',
allowedAttributeOptions: [],
selectedValues: [],
selectedItemDiscount: null,
init() {
this.findAllowedAttributeOptions();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(optionId, value + '');
}
}
});
},
findSimpleIndex () {
var productIndexes = this.optionConfig.index;
var $this = this;
this.productIndex = Object.keys(productIndexes).find(productIndex => {
var currentProductIndex = productIndexes[productIndex];
for (var productOption in currentProductIndex) {
if (
$this.selectedValues[productOption] &&
$this.selectedValues[productOption] !== currentProductIndex[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
var allAttributes = this.optionConfig.attributes;
var optionStock = this.optionConfig.optionStock;
var allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
return a.position - b.position
});
allAttributesSorted.forEach(attribute => {
attribute.options.forEach(option => {
option.products.find(product => {
option.stock_status = optionStock[product].stockStatus;
})
})
});
var previousOption = false;
var productIndexes = this.optionConfig.index;
var availableIndexes = Object.keys(productIndexes);
var newAllowedAttributeOptions = [];
allAttributesSorted.forEach(attribute => {
if (previousOption && this.selectedValues[previousOption]) {
availableIndexes = availableIndexes.filter(availableIndex => {
return productIndexes[availableIndex][previousOption] ===
this.selectedValues[previousOption]
})
}
newAllowedAttributeOptions[attribute.id] =
allAttributes[attribute.id].options.filter(option => {
return !!option.products.find(product => {
return availableIndexes.includes(product);
})
});
previousOption = attribute.id;
newAllowedAttributeOptions[attribute.id].sort(function (a, b) {
return b.stock_status - a.stock_status;
});
});
this.allowedAttributeOptions = newAllowedAttributeOptions;
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
changeOption(optionId, value) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateGallery();
window.dispatchEvent(
new CustomEvent(
'configurable-selection-changed',
{
detail: {
productId: this.productId,
optionId: this.optionId,
value: this.value,
productIndex: this.productIndex,
selectedValues: this.selectedValues
}
}
)
);
var qty = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qty"));
var qtyMin = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qtymin"));
var next_status = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status");
var next_status_text = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status-text");
var g3durl = document.getElementById("child-item-"+this.productIndex).getAttribute("data-g3durl");
if(qty <= 0 && next_status == 583) {
document.getElementById('stock-alert-form').style.display='block';
if(document.getElementById('product-addtocart-button') != null) {
document.getElementById('product-addtocart-button').style.display='block';
document.getElementById('out-of-stock-sharebtns').classList.add('hidden');
document.getElementById('on-stock-sharebtns').classList.remove('hidden');
}
document.getElementById('product_id').value = document.getElementById("child-item-"+this.productIndex).getAttribute("data-id");
} else if(qty <= 0 && (next_status == 588 || next_status == 584)) {
document.getElementById('stock-alert-form').style.display='none';
if(document.getElementById('product-addtocart-button') != null) {
document.getElementById('product-addtocart-button').style.display='none';
document.getElementById('out-of-stock-sharebtns').classList.remove('hidden');
document.getElementById('on-stock-sharebtns').classList.add('hidden');
}
} else {
document.getElementById('stock-alert-form').style.display='none';
document.getElementById('out-of-stock-sharebtns').classList.add('hidden');
document.getElementById('on-stock-sharebtns').classList.remove('hidden');
if(g3durl != '') {
document.getElementById('product-g3dconfigure-button').style.display='block';
document.getElementById('product-addtocart-button').style.display='none';
g3dSelectedId = this.productIndex;
} else {
document.getElementById('product-g3dconfigure-button').style.display='none';
document.getElementById('product-addtocart-button').style.display='block';
}
}
var stockInfo = document.getElementsByClassName('availability-info-text');
for(var i = 0; i < stockInfo.length; i++) {
var thisStockInfo = stockInfo[i];
prevElStock = document.getElementsByClassName('availability-info-dot')[i];
if(qty <= 0 && next_status == 583) {
if(prevElStock){
prevElStock.classList.remove("bg-greenColor-lighter");
prevElStock.classList.add("bg-yellowStars");
prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item');
}
thisStockInfo.innerHTML = next_status_text;
} else if(qty <= 0 && (next_status == 588 || next_status == 584)) {
if(prevElStock){
prevElStock.classList.remove("bg-greenColor-lighter");
prevElStock.classList.add("bg-yellowStars");
prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item');
}
thisStockInfo.innerHTML = next_status_text;
} else {
if(qty > 0) {
thisStockInfo.innerHTML = 'En stock';
if(prevElStock){
prevElStock.classList.add("bg-greenColor-lighter");
prevElStock.classList.remove("bg-yellowStars");
prevElStock.parentElement.parentElement.parentElement.parentElement.classList.remove('outofstock-item');
}
}
}
};
if(document.querySelector("#item-discount-info-"+this.productIndex) != null) {
if(this.selectedItemDiscount != null) {
this.selectedItemDiscount.classList.add("hidden");
}
this.selectedItemDiscount = document.getElementById("item-discount-info-"+this.productIndex);
document.getElementById("item-discount-info-"+this.productIndex).classList.remove("hidden");
}
if(document.getElementById("config-qty-show") != null) {
document.querySelectorAll("#config-qty-show")[0].innerHTML = '';
document.querySelectorAll("#config-qty-show")[1].innerHTML = '';
if(qty > 0 && (qty - qtyMin) > 0) {
if((qty - qtyMin) < 10) {
document.querySelectorAll("#config-qty-show")[0].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Moins de <span class="bold-qty">'+(10)+'</span> disponibles</div>';
document.querySelectorAll("#config-qty-show")[1].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Moins de <span class="bold-qty">'+(10)+'</span> disponibles</div>';
}
document.querySelectorAll('.availability-info-text')[1].classList.add("hidden");
document.querySelectorAll('.availability-info-text')[0].classList.add("hidden");
document.getElementById("estimation-block-container-wrapper").classList.remove("hidden");
document.getElementById("estimation-block-container-wrapper").classList.add("block");
document.querySelectorAll("#config-qty-show")[0].classList.add("text-primary");
document.querySelectorAll("#config-qty-show")[1].classList.add("text-primary");
document.querySelectorAll("#config-qty-show")[0].classList.remove("text-yellowStars");
document.querySelectorAll("#config-qty-show")[1].classList.remove("text-yellowStars");
} else {
document.getElementById("estimation-block-container-wrapper").classList.add("hidden");
document.getElementById("estimation-block-container-wrapper").classList.remove("block");
document.querySelectorAll("#config-qty-show")[0].innerHTML = "";
document.querySelectorAll("#config-qty-show")[1].innerHTML = "";
document.querySelectorAll('.availability-info-text')[1].classList.remove("hidden");
document.querySelectorAll('.availability-info-text')[0].classList.remove("hidden");
}
}
},
calculateIsMinimalPrice(){
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updatePrices() {
var value = this.productIndex ?
this.optionConfig.optionPrices[this.productIndex] :
this.optionConfig.prices;
window.dispatchEvent(
new CustomEvent(
"update-prices-" + this.productId,
{
detail: Object.assign(
value,
{ isMinimalPrice: this.calculateIsMinimalPrice() }
)
}
)
);
},
updateGallery () {
var value = this.productIndex ?
this.optionConfig.images[this.productIndex] :
Object.values(this.optionConfig.images)[0];
value && window.dispatchEvent(
new CustomEvent(
"update-gallery",
{ detail: value }
)
);
},
onGetCartData(data) {
this.preselectCartItems(data);
this.preselectQuerystringItems();
this.preselectLocationHashItems();
},
preselectCartItems(data) {
var cart = data && data.cart;
if (cart && cart.items) {
var cartItem = cart.items.find((item) => {
return (
item.item_id === this.itemId
&& item.product_id === this.productId
)
});
if (cartItem && cartItem.options && cartItem.options.length) {
cartItem.options.map(option => {
this.changeOption(option.option_id, option.option_value);
})
}
}
},
preselectQuerystringItems() {
const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code));
});
},
preselectLocationHashItems() {
const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlHashParams.get(attribute.id) &&
this.changeOption(attribute.id, urlHashParams.get(attribute.id));
});
}
}
}</script> <script>
function initSwatchOptions(swatchConfig) {
return {
isOpen:false,
isSelect:false,
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
showStockAlert(attributeId, itemId, itemStock) {
if(itemStock == 0){
var next_status = document.querySelector('[data-variant-id="'+itemId+'"]').getAttribute('data-status');
if(!(next_status == 588 || next_status == 584)){
const config = this.getSwatchConfig(attributeId, itemId);
document.querySelector('#outofstock-item').innerText = config.value || config.label;
document.querySelector('.config-stock-alert-info').classList.remove('hidden');
document.querySelector('#product-addtocart-button').style.pointerEvents = "none";
} else {
document.querySelector('.config-stock-alert-info').classList.add('hidden');
document.querySelector('#product-addtocart-button').style.pointerEvents = "none";
}
} else {
document.querySelector('.config-stock-alert-info').classList.add('hidden');
document.querySelector('#product-addtocart-button').style.pointerEvents = "inherit";
}
},
getSwatchType(typeNumber) {
switch (typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
isTextSwatch(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
return type === 'text';
},
isVisualSwatch(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
if (type === "color") {
return 'background-color:' + config.value;
} else if (type === "image") {
return "background: #ffffff url('" + config.value + "') no-repeat center";
} else {
return '';
}
},
getSwatchText(attributeId, itemId){
const config = this.getSwatchConfig(attributeId, itemId);
return config.value || config.label;
},
getSwatchConfig(attributeId, itemId) {
return this.swatchConfig[attributeId] ? this.swatchConfig[attributeId][itemId] : false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
getTooltipImageStyle(attributeId, itemId) {
const config = this.getSwatchConfig(attributeId, itemId);
const typeId = config.type.toString();
const type = this.getSwatchType(typeId);
if (type === "color") {
return 'background-color:' + config.value + '; width: 110px; height: 90px;';
} else if (type === "image") {
return "background: #ffffff url('" + config.thumb +
"') center center no-repeat; width: 110px; height: 90px;";
} else {
return 'display:none';
}
},
getTooltipPosition() {
return this.tooltipPositionElement ?
`top: ${this.tooltipPositionElement.offsetTop}px;` +
`left: ${
this.tooltipPositionElement.offsetLeft - (
this.tooltipPositionElement.closest('.snap') &&
this.tooltipPositionElement.closest('.snap').scrollLeft ||
0
)
}px;` : ''
},
closeDropdown() {
if(screen.width <= 768) {
this.isOpen = false
}
}
}
}</script> <script>
'use strict';
const grecaptchaV2LoadCallbacks = [];
function executeRecaptchaLoadCallbacks () {
while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
const callback = grecaptchaV2LoadCallbacks.pop();
typeof callback === 'string' ? window[callback]() : callback();
}
}
(function() {
const loadRecaptchaScript = (event) => {
if (window.grecaptcha || !event.target.form) {
return;
}
const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
const siteKey = '6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ';
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
script.async = true;
document.head.appendChild(script);
script.addEventListener('load', () => {
Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
});
}
window.forceLoadRecaptchaScript = (form) => {
loadRecaptchaScript({target: {form: form || 'dummy'}});
executeRecaptchaLoadCallbacks();
};
document.body.addEventListener('input', loadRecaptchaScript, { once: true });
document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
}());</script> <!-- Wrapping template --><script type="text/template" id="instant_wrapper_template">
{{#findAutocomplete}}
<div id="algolia-autocomplete-container"></div>
{{/findAutocomplete}}
<div id="algolia_instant_selector"
class="w-full h-full with-facets">
<div class="flex flex-col">
<div class="w-full" id="algolia-left-container">
<div class="md:px-4 md:px-0 border-none flex justify-start md:justify-between">
<div class="hidden py-4">
<div class="flex items-center justify-between" x-data="{open:false}">
<span class="text-primary text-md text-xl md:text-2xl font-semibold uppercase">
Shop by</span>
<div class="relative w-8 h-8 bg-container-lighter rounded border border-container-darker cursor-pointer" @click="open = !open">
<div class="absolute z-20 w-8 h-8 text-transparent" id="refine-toggle"></div>
<span class="absolute z-10 py-1 px-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform transform duration-300 ease-in-out" :class="open ? 'rotate-180' : ''">
<path d="M19 9L12 16L5 9" stroke="#4A5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div></div></div>
<div class="flex gap-6 font-poppins text-categoriesSearch items-center">
<div class="flex md:hidden items-center gap-8 toolbar-products-count">
<div id="sorter_icon_toolbar" class="flex items-center md:hidden">
<span class="bg-labelbg rounded-lg p-1 flex gap-1">
<span onclick="document.getElementById('instant-search-results-container').classList.remove('list-style')" id="grid-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.33398 6.66683H4.66732C6.00065 6.66683 6.66732 6.00016 6.66732 4.66683V3.3335C6.66732 2.00016 6.00065 1.3335 4.66732 1.3335H3.33398C2.00065 1.3335 1.33398 2.00016 1.33398 3.3335V4.66683C1.33398 6.00016 2.00065 6.66683 3.33398 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.334 6.66683H12.6673C14.0007 6.66683 14.6673 6.00016 14.6673 4.66683V3.3335C14.6673 2.00016 14.0007 1.3335 12.6673 1.3335H11.334C10.0007 1.3335 9.33398 2.00016 9.33398 3.3335V4.66683C9.33398 6.00016 10.0007 6.66683 11.334 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.334 14.6668H12.6673C14.0007 14.6668 14.6673 14.0002 14.6673 12.6668V11.3335C14.6673 10.0002 14.0007 9.3335 12.6673 9.3335H11.334C10.0007 9.3335 9.33398 10.0002 9.33398 11.3335V12.6668C9.33398 14.0002 10.0007 14.6668 11.334 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.33398 14.6668H4.66732C6.00065 14.6668 6.66732 14.0002 6.66732 12.6668V11.3335C6.66732 10.0002 6.00065 9.3335 4.66732 9.3335H3.33398C2.00065 9.3335 1.33398 10.0002 1.33398 11.3335V12.6668C1.33398 14.0002 2.00065 14.6668 3.33398 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span onclick="document.getElementById('instant-search-results-container').classList.add('list-style')" id="list-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00065 14.6668H10.0007C13.334 14.6668 14.6673 13.3335 14.6673 10.0002V6.00016C14.6673 2.66683 13.334 1.3335 10.0007 1.3335H6.00065C2.66732 1.3335 1.33398 2.66683 1.33398 6.00016V10.0002C1.33398 13.3335 2.66732 14.6668 6.00065 14.6668Z" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66602 1.3335V14.6668" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66602 5.6665H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66602 10.3335H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span>
<span class="items-center mr-2 hidden">VUE</span>
<svg class="hidden lg:block" id="filter-btn-icon" width="14" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5 4.87399L9.35333 12.02C9.25967 12.1138 9.13255 12.1665 9 12.1665C8.86745 12.1665 8.74033 12.1138 8.64667 12.02L1.5 4.87399" stroke="#302F2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div>
<div class="gap-2 text-sm h-10 items-center hidden md:flex">
<img src="https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/images/grid.svg" alt="Filtre" width="16" height="16" />
Filtre:</div>
<span id="filter-btn-toolbar" class="flex md:hidden items-center cursor-pointer py-10px px-2 md:px-4 gap-5px">
<span>
<svg width="20" height="20" class="w-4 md:w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.50065 1.75H15.5007C16.4173 1.75 17.1673 2.5 17.1673 3.41667V5.25C17.1673 5.91667 16.7507 6.75 16.334 7.16667L12.7507 10.3333C12.2507 10.75 11.9173 11.5833 11.9173 12.25V15.8333C11.9173 16.3333 11.584 17 11.1673 17.25L10.0007 18C8.91732 18.6667 7.41732 17.9167 7.41732 16.5833V12.1667C7.41732 11.5833 7.08398 10.8333 6.75065 10.4167L3.58398 7.08333C3.16732 6.66667 2.83398 5.91667 2.83398 5.41667V3.5C2.83398 2.5 3.58398 1.75 4.50065 1.75Z" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.10833 1.75L5 8.33333" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<span class="items-center flex mr-2 text-labeltext font-medium text-xs md:text-sm">
Filtre <span id="show-count-active-filter" class="hidden">(<span id="count-active-filter-number"></span>)</span></span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.95906 4.4751L6.69906 7.7351C6.31406 8.1201 5.68406 8.1201 5.29906 7.7351L2.03906 4.4751" stroke="#AAAAAA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
<div class="flex pt-3 md:pt-0" id="instant-search-facets-container">
<div class="flex md:hidden justify-between items-center relative pt-38px md:pt-0 xl:pt-6 border-b border-borderImg pb-4 md:pb-6 px-4 md:px-0">
<span onclick="closeFilter()" class="bg-grayStars rounded-full w-8 h-5px absolute top-2 left-0 right-0 mx-auto md:hidden block"></span>
<span class="text-blackfont font-semibold md:text-2xl text-lg leading-26px w-full flex items-center justify-between">
Filtre <span onclick="window.location.href = window.location.origin + window.location.pathname" class="text-saleColor font-medium text-xs block underline cursor-pointer">Réinitialiser</span></span>
<span onclick="closeFilter()" id="filter-open-close" class="block md:hidden absolute right-0 top-0">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
<div class="hidden">
<span class="text-base md:text-lg font-semibold hidden">
Active filtering</span>
<div class="order-2" id="clear-refinements"></div>
<div id="current-refinements"></div></div></div></div>
<div class="flex-1 md:flex-none">
<div class="flex w-full justify-between flex-wrap pr-2.5 py-1.5 ml-2 md:ml-0 relative">
<div class="pull-right basis-full flex justify-end items-center text-gray-400 text-sm leading-8 tracking-wider">
<div class="hidden">SORT BY </div>
<div id="algolia-sorts"></div></div>
<div class="basis-full flex items-center" id="algolia-stats"></div></div></div></div></div>
<div class="w-full md:pl-6 md:pr-2 lg:pr-0 xl:pl-2.5" id="algolia-right-container">
<div class="hidden">
<div class="pb-3.5">
<div class="px-2.5">
{{#second_bar}}
<div id="instant-search-bar"></div>
{{/second_bar}}</div></div></div>
<div>
<div>
<div itemscope itemtype="http://schema.org/ItemList">
<div class="pl-2.5"></div>
<div id="algolia-banner"></div>
<div id="instant-empty-results-container"></div>
<div class="py-10 md:py-6" id="instant-search-results-container"></div></div></div></div>
<div>
<div id="instant-search-pagination-container"></div></div></div></div></div></script><script>
var checkExist = setInterval(function () {
if(document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').length){
document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').forEach((item) => {
item.addEventListener("click", function(){
let selectedItem = item.nextSibling;
if(item.nextSibling.style.display == "block") {
item.nextSibling.style.display = "none";
} else {
document.querySelectorAll('#instant-search-facets-container .ais-Panel-body').forEach((item) => {
item.style.display = "none";
});
item.nextSibling.style.display = "block";
}
})
});
document.querySelectorAll('#filter-btn-toolbar').forEach((item) => {
item.addEventListener("click", function(){
document.querySelector('#instant-search-facets-container').style.bottom = '0px';
})
});
clearInterval(checkExist);
}
});
function closeFilter() {
document.querySelector('#instant-search-facets-container').style.bottom = '-100vh';
}</script> <script type="text/template" id="instant-hit-template">
<div class="relative text-primary product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<meta itemprop="position" content="{{__position}}" />
<div class="flex-grow" itemprop="item" itemscope itemtype="http://schema.org/Product">
<meta itemprop="url"
{{^__queryID}} content="{{url}}" {{/__queryID}}
{{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
/>
<a class="h-full result"
{{^__queryID}} href="{{url}}" {{/__queryID}}
{{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
data-objectid="{{objectID}}"
data-indexname="{{__indexName}}"
data-position="{{__position}}"
data-queryid="{{__queryID}}">
<div class="">
<div class="item-img flex-1 w-auto mb-2.5 relative">
{{#is_in_stock}}
<span class="absolute top-0 left-0 w-full h-full flex justify-center items-center text-xs stock-info text-center out-of-stock" style="">{{nextstatus}}</span>
{{/is_in_stock}}
{{#image_url}}
{{#is_in_stock}}
<img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px opacity-30" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" />
{{/is_in_stock}}
{{^is_in_stock}}
<img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" />
{{/is_in_stock}}
{{/image_url}}
{{^image_url}}<span class="no-image"></span>{{/image_url}}</div>
<div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0">
<h3 itemprop="name" class="item-name text-blackfont font-semibold text-sm md:text-base overflow-hidden text-left h-10 md:h-6 m-0">
<span class="product-item-link md:block truncate-two-lines md:truncate w-full">{{{ name }}}</span></h3>
<div>
<div>
<div>
<div class="hidden">
<span ><span>Rating:</span></span>
<div title="{{rating_summary}}%">
<span style="width:{{rating_summary}}%">
<span>{{rating_summary}}%</span></span></div></div></div>
{{^price.EUR.default_max}}
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
<meta itemprop="price" content="{{price.EUR.default}}" />
{{/price.EUR.default_max}}
{{#price.EUR.default_max}}
<div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
<meta itemprop="lowPrice" content="{{price.EUR.default}}" />
<meta itemprop="highPrice" content="{{price.EUR.default_max}}" />
{{/price.EUR.default_max}}
<meta itemprop="priceCurrency" content="EUR" />
<div>
<div class="item-price text-blackfont text-lg leading-6 font-bold pt-1 flex items-baseline gap-2">
{{#is_giftbox}}
<div class="text-lg font-bold">
{{slider_price}}</div>
{{/is_giftbox}}
{{^is_giftbox}}
{{#price.EUR.default_original_formated}}
<span class="text-base font-medium text-labeltext line-through"> {{price.EUR.default_original_formated}}</span>
{{/price.EUR.default_original_formated}}
{{#type_is_bundle}}
<span class="text-sm hidden">À partir de</span>
{{/type_is_bundle}}
<div class="text-lg font-bold">
<!-- {{price.EUR.default_formated}} -->
{{slider_price}}</div>
{{/is_giftbox}}
{{#price.EUR.default_tier_formated}}
<span>
À partir de <span>{{price.EUR.default_tier_formated}}</span></span>
{{/price.EUR.default_tier_formated}}</div></div></div></div></div>
<div>{{{ _highlightResult.description.value }}}</div>
{{#isAddToCartEnabled}}
<div class="mt-auto pt-3 flex flex-wrap justify-center items-center">
<form class="flex-grow" data-role="tocart-form" action="{{ addToCart.action }}" method="post">
<input type="hidden" name="product" value="{{objectID}}">
<input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
<input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
<button
type="submit" title="Ajouter au panier"
class="w-auto btn btn-primary justify-center text-sm mr-auto"
data-objectid="{{objectID}}"
data-indexname="{{__indexName}}"
data-position="{{__position}}"
data-queryid="{{__queryID}}"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
<title>shopping-cart</title></svg>
<span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">Ajouter au panier</span></button></form>
<button
x-data="initWishlist()"
@click.prevent="addToWishlist({{objectID}})"
class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" role="img">
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
</button>
<button
x-data="initCompareOnProductList()"
@click.prevent="addToCompare({{objectID}})"
class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
<title>scale</title></svg>
</button></div>
{{/isAddToCartEnabled}}</div></div></a></div></div></script><script type="text/template" id="instant-stats-template">
<div class="py-2">
{{#hasOneResult}}<strong>1</strong>
<span class="text-labeltext font-medium text-xs mr-2">
product</span>
{{/hasOneResult}}
{{#hasManyResults}}
<span class="toolbar-number text-xs font-semibold text-blackfont" itemprop="numberOfItems">{{nbHits}}</span>
<span class="text-labeltext font-medium text-xs mr-2">
produits</span>
{{/hasManyResults}}
{{#hasNoResults}}
<span class="text-labeltext font-medium text-xs mr-2">
Votre recherche n'a donné aucun résultat.</span>
{{/hasNoResults}}</div></script><script type="text/template" id="refinements-lists-item-template">
<label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}">
<input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" />
<span class="text-xs md:text-sm block w-full h-full text-labeltext">{{value}}</span>
<span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span></label></script><script type="text/template" id="current-refinements-template">
<div class="cross-wrapper">
<span class="clear-cross clear-refinement"></span></div>
<div class="current-refinement-wrapper">
{{#label}}
<span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
{{/label}}
{{#operator}}
{{{displayOperator}}}
{{/operator}}
{{#exclude}}-{{/exclude}}
<span class="current-refinement-name">{{name}}</span></div></script> <script>
window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":false,"addToCartParams":{"action":"https:\/\/www.cadeauxfolies.fr\/checkout\/cart\/add\/","formKey":"BwnvwE3tf1Vto7Hc","redirectUrlParam":"uenc"},"infiniteScrollEnabled":false,"urlTrackedParameters":["query","attribute:*","index","page"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[{"name":"product_tags","label":"Mots-cl\u00e9s","hitsPerPage":"4"}],"nbOfProductsSuggestions":6,"nbOfCategoriesSuggestions":2,"nbOfQueriesSuggestions":0,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.cadeauxfolies.fr\/checkout\/cart\/add\/","formKey":"BwnvwE3tf1Vto7Hc","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.15.0","applicationId":"XNJ6P9R22S","indexName":"LIVE_cadeauxfolies","apiKey":"NDUxMjMzYmYxMWYxYjMxYmNjY2EyYjY5YjBlYWI0NmZlZjdmN2QwZDMxOGMxZTI0MGFjNzg4ZTFmNWZhOWYyY3RhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc1ODExOTA1Nw==","attributeFilter":[],"facets":[{"attribute":"price","type":"slider","label":"Pour combien ?","searchable":"2","create_rule":"2"},{"attribute":"categories","type":"conjunctive","label":"Quel type de cadeau ?","searchable":"2","create_rule":"2"},{"attribute":"product_tags","type":"disjunctive","label":"Quels th\u00e8mes ?","searchable":"1","create_rule":"2"},{"attribute":"gift_gender","type":"disjunctive","label":"Genre","searchable":"1","create_rule":"2"}],"areCategoriesInFacets":true,"hitsPerPage":12,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Prix croissant","name":"LIVE_cadeauxfolies_products_price_default_asc","ranking":["asc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix croissant"},{"attribute":"price","sort":"desc","sortLabel":"Prix d\u00e9croissant","name":"LIVE_cadeauxfolies_products_price_default_desc","ranking":["desc(price.EUR.default)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix d\u00e9croissant"},{"attribute":"created_at","sort":"desc","sortLabel":"Nouveau","name":"LIVE_cadeauxfolies_products_created_at_desc","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Nouveau"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":true,"productId":"77737","priceKey":".EUR.default","priceGroup":null,"origFormatedVar":"price.EUR.default_original_formated","tierFormatedVar":"price.EUR.default_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false},"maxValuesPerFacet":10,"autofocus":true,"resultPageUrl":"https:\/\/www.cadeauxfolies.fr\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.cadeauxfolies.fr\/tasse-a-cafe-personnalisee-avec-monogramme"},"showCatsNotIncludedInNavigation":false,"showSuggestionsOnNoResultsPage":false,"baseUrl":"https:\/\/www.cadeauxfolies.fr","popularQueries":[],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.cadeauxfolies.fr\/static\/version1756965000\/frontend\/Radbag\/hyva\/fr_FR\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits","conversionAnalyticsMode":"all","addToCartSelector":"#product-addtocart-button","orderedProductIds":[]},"isPersonalizationEnabled":false,"personalization":{"enabled":false,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":false,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":false,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":false,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1757980800,"queue":{"isEnabled":false,"nbOfJobsToRun":5,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"to","or":"ou","go":"Go","popularQueries":"Vous pouvez essayer avec ces mots plus recherch\u00e9s","seeAll":"voir tous nos produits","allDepartments":"All departments","seeIn":"Voir le produits dans","orIn":"ou dans","noProducts":"Aucun produit ne r\u00e9pond \u00e0 votre recherche","noResults":"Pas de r\u00e9sultats","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Clear all","previousPage":"Page pr\u00e9c\u00e9dente","nextPage":"Page suivante","searchFor":"Recherche de produits","relevance":"Pertinence","categories":"Cat\u00e9gories \ud83d\udc4d","productTitle":"Et voil\u00e0 ! \ud83d\ude0e","viewAll":"Tout voir","products":"produits","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Chercher d'autres...","showMore":"Show more products","searchTitle":"Search results for","placeholder":"Que cherchez-vous ?","addToCart":"Ajouter au panier"}};
let autocompleteInitialized = false;
let commonInitialized = false;
let insightsInitialized = false;
async function initAutocomplete() {
if (autocompleteInitialized) {
return
}
autocompleteInitialized = true;
Promise.all([
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/common.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/algoliasearch-lite.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/autocomplete.production.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/autocomplete-plugin-query-suggestions.production.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/autocomplete.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/additional-section.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/categories.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/pages.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/products.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/autocomplete/suggestions.js"),
]
).then(data => {
initCommon();
initAlgoliaInsights();
initAlgoliaAutocomplete();
});
}
function initInstantSearch() {
Promise.all([
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/common.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/hogan.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/instantsearch.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/algoliasearch-lite.js"),
]
).then(data => {
initCommon();
initAlgoliaInsights();
initAlgoliaInstantSearch();
});
}
function initRecommended(objectIds) {
Promise.all([
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/common.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/instantsearch.production.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/search-insights.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/recommend.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/recommend-js.min.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/recommend.js"),
blackbird.loadExternalResource("https://www.cadeauxfolies.fr/static/version1756965000/frontend/Radbag/hyva/fr_FR/Blackbird_HyvaAlgoliaSearch/js/internals/templates/recommend/products.js"),
]
).then(data => {
initCommon();
initAlgoliaInsights();
initAlgoliaRecommended('catalog_product_view', objectIds);
});
}
function initCommon() {
if (commonInitialized) {
return
}
commonInitialized = true
initAlgoliaCommon();
}
if (algoliaConfig.instant.enabled && (algoliaConfig.isCategoryPage || algoliaConfig.isSearchPage)) {
initInstantSearch();
}
if (algoliaConfig.recommend.enabledFBT || algoliaConfig.recommend.enabledRelated || algoliaConfig.recommend.isTrendItemsEnabledInPDP) {
let objectIds = ["77737"];
initRecommended(objectIds);
}
let objectIds = ["77737"];
if (algoliaConfig.autocomplete.enabled) {
document.getElementById('menu-search-icon').onclick = async () => {
await initAutocomplete()
algolia.registerHook('afterAutocompleteStart', function () {
document.querySelector('#algoliaAutocomplete input').focus();
});
}
}
window.addEventListener('init-algolia-trends', function () {
initCommon();
initAlgoliaInsights();
window.dispatchEvent(new CustomEvent('init-algolia-trends-done'));
});
window.addEventListener('user-allowed-save-cookie', function () {
initAlgoliaInsights(true);
});</script> <script>
function initAlgoliaInsights(partial) {
window.algoliaAnalytics = AlgoliaAnalytics.default;
window.hasAddedParameters = false;
window.useCookie = algoliaConfig.cookieConfiguration.cookieRestrictionModeEnabled ? !!hyva.getCookie(algoliaConfig.cookieConfiguration.consentCookieName) : true;
if (!canTrack()) {
return;
}
initializeAnalytics(partial);
addSearchParameters();
bindEvents();
function determineUserToken() {
return window.algoliaAnalytics.getAuthenticatedUserToken() ?? algoliaAnalytics.getUserToken();
}
function initializeAnalytics(partial = false) {
if (partial) {
algoliaAnalytics.init({
appId: algoliaConfig.applicationId,
apiKey: algoliaConfig.apiKey,
partial: true,
useCookie: true,
cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration)
});
} else {
algoliaAnalytics.init({
appId: algoliaConfig.applicationId,
apiKey: algoliaConfig.apiKey,
useCookie: true,
cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration)
});
}
let userAgent = 'insights-js-in-magento (' + algoliaConfig.extensionVersion + ')';
window.algoliaAnalytics.addAlgoliaAgent(userAgent);
let unsetAuthenticationToken = hyva.getCookie('unset_authentication_token');
if (hyva.getCookie('aa-search') && hyva.getCookie('aa-search') !== '') {
window.algoliaAnalytics.setUserToken(hyva.getCookie('aa-search'));
} else if (hyva.getCookie('_ALGOLIA') && hyva.getCookie('_ALGOLIA') !== '') {
window.algoliaAnalytics.setUserToken(hyva.getCookie('_ALGOLIA'));
} else if (unsetAuthenticationToken && unsetAuthenticationToken !== '') {
window.algoliaAnalytics.setUserToken('undefined');
hyva.setCookie('unset_authentication_token', '', -1);
}
}
function applyInsightsToSearchParams(params = {}) {
if (algoliaConfig.ccAnalytics.enabled) {
params.clickAnalytics = true;
}
if (algoliaConfig.personalization.enabled) {
params.enablePersonalization = true;
params.userToken = determineUserToken();
}
return params;
}
function addSearchParameters() {
if (window.hasAddedParameters) {
return;
}
algolia.registerHook('beforeWidgetInitialization', function (allWidgetConfiguration) {
allWidgetConfiguration.configure = applyInsightsToSearchParams(
allWidgetConfiguration.configure
);
return allWidgetConfiguration;
});
algolia.registerHook('afterAutocompleteProductSourceOptions', (options) => {
return applyInsightsToSearchParams(options);
});
window.hasAddedParameters = true;
}
function bindEvents() {
bindClickedEvents();
bindViewedEvents();
algolia.triggerHooks('afterInsightsBindEvents', this);
}
function bindClickedEvents() {
if (algoliaConfig.personalization.filterClicked.enabled) {
const facets = algoliaConfig.facets;
let containers = [];
for (let i = 0; i < facets.length; i++) {
let elem = createISWidgetContainer(facets[i].attribute);
containers.push('.' + elem.className);
}
algolia.registerHook('afterInstantsearchStart', function (search) {
const selectors = document.querySelectorAll(containers.join(', '));
selectors.forEach(function (e) {
e.addEventListener('click', function (event) {
const attribute = this.dataset.attr;
const elem = event.target;
if (elem.type === "checkbox" && elem.checked) {
var filter = attribute + ':' + elem.value;
trackFilterClick([filter]);
}
});
});
return search;
});
}
}
function bindViewedEvents() {
if (!algoliaConfig.personalization.enabled) {
return;
}
const viewConfig = algoliaConfig.personalization.viewedEvents.viewProduct;
if (viewConfig.enabled) {
if (document.body.classList.contains('catalog-product-view')) {
const objectId = document.querySelector('#product_addtocart_form')?.querySelector('input[name="product"]').value;
if (objectId) {
const viewData = buildEventData(viewConfig.eventName, objectId, algoliaConfig.indexName + '_products');
trackView(viewData);
}
}
}
}
function buildEventData(eventName, objectId, indexName, position = null, queryId = null) {
const eventData = {
eventName: eventName,
objectIDs: [objectId + ''],
index: indexName
};
if (position) {
eventData.positions = [parseInt(position)];
}
if (queryId) {
eventData.queryID = queryId;
}
return eventData;
}
function trackClick(eventData) {
if (eventData.queryID) {
window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData);
} else {
window.algoliaAnalytics.clickedObjectIDs(eventData);
}
}
function trackFilterClick(filters) {
const eventData = {
index: algoliaConfig.indexName + '_products',
eventName: algoliaConfig.personalization.filterClicked.eventName,
filters: filters
};
window.algoliaAnalytics.clickedFilters(eventData);
}
function trackView(eventData) {
window.algoliaAnalytics.viewedObjectIDs(eventData);
}
}
function canTrack() {
return ((algoliaConfig.ccAnalytics.enabled
|| algoliaConfig.personalization.enabled) && window.useCookie);
}
function buildInsightsEventData(eventName, objectId, indexName, position = null, queryId = null) {
if (!canTrack()) {
return;
}
const eventData = {
eventName: eventName,
objectIDs: [objectId + ''],
index: indexName
};
if (position) {
eventData.positions = [parseInt(position)];
}
if (queryId) {
eventData.queryID = queryId;
}
trackClick(eventData);
}
function trackClick(eventData) {
if (eventData.queryID) {
window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData);
} else {
window.algoliaAnalytics.clickedObjectIDs(eventData);
}
}</script> <script>
function initCompareOnProductList() {
return {
addToCompare(productId) {
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'catalog/product_compare/add/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
}
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
};
}</script> <script>
function initWishlist() {
return {
addToWishlist(productId) {
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'wishlist/index/add/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
}], 5000
);
}
}).then(function (response) {
if (!response) { return }
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: (response.success) ? "success" : "error",
text: (response.success)
? "produit\u0020a\u0020\u00E9t\u00E9\u0020ajout\u00E9\u0020\u00E0\u0020votre\u0020whishlist,"
: response.error_message
}], 5000
);
const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
window.dispatchEvent(reloadCustomerDataEvent);
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
}
}</script><!-- Reviews.co.uk Rich Snippet --><!-- Reviews.co.uk Rating Snippet --> <script type="application/json" id="default-section-data">
{"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"FR":{"name":"France","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"data_id":1758032657},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"customweb_external_checkout_widgets":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script> <script>
'use strict';
function GoogleAnalytics () {
let self = this;
this.config = {
isCookieRestrictionModeEnabled: 0,
currentWebsite: 1,
cookieName: "user_allowed_save_cookie",
ordersTrackingData: [],
pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-35593577-14"},
}
this.initGoogleAnalytics = function () {
let allowServices = false,
allowedCookies,
allowedWebsites;
if (self.config.isCookieRestrictionModeEnabled) {
allowedCookies = hyva.getCookie(self.config.cookieName);
if (allowedCookies !== null) {
allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies));
if (allowedWebsites[self.config.currentWebsite] === 1) {
allowServices = true;
}
}
} else {
allowServices = true;
}
if (allowServices) {
(function (i, s, o, g, r, a, m) {
i.GoogleAnalyticsObject = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.defer = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', self.config.pageTrackingData.accountId, 'auto');
if (self.config.pageTrackingData.isAnonymizedIpActive) {
ga('set', 'anonymizeIp', true);
}
if (self.config.ordersTrackingData.hasOwnProperty('currency')) {
ga('require', 'ec', 'ec.js');
ga('set', 'currencyCode', self.config.ordersTrackingData.currency);
if (self.config.ordersTrackingData.products) {
self.config.ordersTrackingData.products.forEach(function (value) {
ga('ec:addProduct', value);
});
}
if (self.config.ordersTrackingData.orders) {
self.config.ordersTrackingData.orders.forEach(function (value) {
ga('ec:setAction', 'purchase', value);
});
}
ga('send', 'pageview');
} else {
ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl);
}
}
};
}
var googleAnalytics = new GoogleAnalytics();
if(window.location.href.includes("success") && window.location.href.includes("checkout")) {
window.addEventListener("load", googleAnalytics.initGoogleAnalytics);
} else {
var gAnalytics2 = 0;
document.addEventListener('scroll', function (event) {
if(!gAnalytics2 ) {
window.addEventListener("load", googleAnalytics.initGoogleAnalytics);
gAnalytics2 = 1;
}
}, true );
}</script> <script>
(()=> {
'use strict';
const amBrandPosition = {
selectors: {
brands: '#maincontent > .container .amshopby-option-link',
productInfoTitleP: '.product-info-main p.title-font'
},
amBrandPositionInit() {
const brands = document.querySelectorAll(this.selectors.brands);
let target;
if (!brands.length) {
return;
}
target = document.querySelector(this.selectors.productInfoTitleP);
for (let brand of brands) {
brand.classList.remove('flex');
brand.classList.add('inline-flex');
this.moveElement(brand, target);
}
},
moveElement(element, target) {
const fragment = document.createDocumentFragment();
fragment.appendChild(element);
target.append(fragment);
element.classList.remove('hidden');
}
}
document.addEventListener('DOMContentLoaded', () => {
amBrandPosition.amBrandPositionInit();
})
})()</script></div><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"e3293f3f43","applicationID":"383678063","transactionName":"ZFMDYEUAXRFXVEZQDV0ZIFdDCFwMGVRTTQNfWQYbRxNcBkNURhYUWlMW","queueTime":0,"applicationTime":2992,"atts":"SBQUFg0aTk4UVhADGU5L","errorBeacon":"bam.nr-data.net","agent":""}</script></body></html>
