<!doctype html>
<html lang="fr">
<head prefix="og: http://ogp.me/ns# cms: http://ogp.me/ns/cms#">
<meta charset="utf-8"/><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"],distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1119991813",accountID:"3224597",trustKey:"1322840",xpid:"VwQFVVNaDxABVFBTDgICUFQE",licenseKey:"NRJS-623d01163dbb52574cb",applicationID:"1011935605",browserID:"1119991813"};;/*! For license information please see nr-loader-spa-1.315.0.min.js.LICENSE.txt */
(()=>{var e,t,r={384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>a,Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),o=r(1910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();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,o.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>c,P3:()=>d,XX:()=>i,Yy:()=>a,df:()=>s,qY:()=>n,v4:()=>o});const n="events",i="jserrors",s="browser/blobs",o="rum",a="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"},d={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.softNav]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.sessionReplay]:8,[c.logging]:9,[c.genericEvents]:10},u={[c.pageViewEvent]:o,[c.pageViewTiming]:n,[c.ajax]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:s,[c.sessionReplay]:s,[c.logging]:a,[c.genericEvents]:"ins"}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(3241);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)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>s,ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},s={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},o="log",a=n.K7.logging},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>a,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),o=r(2646);function a(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,a=i.i.handlers;if(s&&!s.aborted&&s.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(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].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete a[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(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],s=e[2];n.apply(i,s)}})}},1738:(e,t,r)=>{"use strict";r.d(t,{U:()=>f,Y:()=>l});var n=r(3241),i=r(9908),s=r(1863),o=r(944),a=r(3969),c=r(8362),d=r(860),u=r(4261);function l(e,t,r,s){const l=s||r;!l||l[e]&&l[e]!==c.d.prototype[e]||(l[e]=function(){(0,i.p)(a.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:u.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function f(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,i.p)(u.Pl+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},1741:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.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,t=!1){return this.#e(i.Dl,e,t)}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(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},1910:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},2555:(e,t,r)=>{"use strict";r.d(t,{D:()=>a,f:()=>o});var n=r(384),i=r(8122);const s={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 o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const a=e=>(0,i.a)(e,s)},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>o,H3:()=>n,g:()=>d,iL:()=>c,tS:()=>a,uh:()=>i,wk:()=>s});const n="NRBA",i="SESSION",s=144e5,o=18e5,a={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},d={OFF:0,FULL:1,ERROR:2}},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},2843:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);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)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},3241:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(6154);const i="newrelic";function s(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>s});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function s(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Xh:()=>c,Zp:()=>i,kd:()=>d,mq:()=>a,nf:()=>o,qN:()=>s});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],s=["focus","blur"],o=4,a=1e3,c=2e3,d=["PageAction","UserAction","BrowserPerformance"],u={RESOURCES:"experimental.resources",REGISTER:"register"}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>u});var n=r(7836),i=r(5607),s=r(5732);const o="nr@original:".concat(i.W),a=50;var c=Object.prototype.hasOwnProperty,d=!1;function u(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,o){r||(r="");const a="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];f(u)||(e[d]=i(u,a?d+r:r,n,d,s,o))}},i.flag=o,i;function i(t,n,i,d,h,p){return f(t)?t:(n||(n=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){l([e],r)}for(var n in e)c.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,c,f,g;let m,v;try{c=this,o=[...arguments],v=p?(0,s.$5)(r):[void 0],f="function"==typeof i?i(o,c):i||{}}catch(t){l([t,"",[o,c,d],f],e)}u(n+"start",[o,c,d,v],f,h);const y=performance.now();let b;try{return g=t.apply(c,o),b=performance.now(),g}catch(e){throw b=performance.now(),u(n+"err",[o,c,e,v],f,h),m=e,m}finally{const e=b-y,t={start:y,end:b,duration:e,isLongTask:e>=a,methodName:d,thrownError:m};t.isLongTask&&u("long-task",[t,c,v],f,h),u(n+"end",[o,c,g,v],f,h)}}}function u(r,n,i,s){if(!d||t){var o=d;d=!0;try{e.emit(r,n,i,t,s)}catch(t){l([t,r,n,i],e)}d=o}}}function l(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function f(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=o;var i=s.handlers={};function s(e,t,r,s){o(s||n.d,i,e,t,r)}function o(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var o=t[s]=t[s]||{};(o[r]=o[r]||[]).push([e,i])}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>a,Lc:()=>d,Rz:()=>u,TZ:()=>n,bD:()=>s,d3:()=>o,jx:()=>l,sl:()=>f,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",s="resource",o="-start",a="-end",c="fn"+o,d="fn"+a,u="pushState",l=1e3,f=3e4},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),o=r(3969),a=r(993);function c(e,t,r={},c=a.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(o.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)(a.ET,[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(a.p_).some(t=>t===e.toUpperCase().trim())}},3878:(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 s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},3962:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,O2:()=>l,OV:()=>s,Qu:()=>f,TZ:()=>c,ih:()=>h,pP:()=>a,t1:()=>u,tC:()=>i,wD:()=>d});var n=r(860);const i=["click","keydown","submit"],s="popstate",o="api",a="initialPageLoad",c=n.K7.softNav,d=5e3,u=500,l={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},f={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},h={IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>a,rs:()=>i,xV:()=>o,z_:()=>s});const n=r(860).K7.metrics,i="sm",s="cm",o="storeSupportabilityMetrics",a="storeEventMetrics"},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},4261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>c,CH:()=>p,Dl:()=>R,Fw:()=>w,PA:()=>v,Pl:()=>n,Pv:()=>x,Tb:()=>f,U2:()=>o,V1:()=>A,Wb:()=>T,bt:()=>b,cD:()=>y,d3:()=>E,dT:()=>d,eY:()=>g,fF:()=>h,hG:()=>s,hw:()=>i,k6:()=>a,nb:()=>m,o5:()=>l});const n="api-",i=n+"ixn-",s="addPageAction",o="addToTrace",a="addRelease",c="finished",d="interaction",u="log",l="noticeError",f="pauseReplay",h="recordCustomEvent",p="recordReplay",g="register",m="setApplicationVersion",v="setCurrentRouteName",y="setCustomAttribute",b="setErrorHandler",w="setPageViewName",R="setUserId",E="start",T="wrapLogger",A="measure",x="consent"},5205:(e,t,r)=>{"use strict";r.d(t,{j:()=>x});var n=r(384),i=r(1741);var s=r(2555),o=r(3333);const a=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var c=r(2614),d=r(944),u=r(8122);const l="[data-nr-mask]",f=e=>(0,u.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!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:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!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:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||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:c.wk,inactiveMs:c.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){a(t)?e.mask_selector="".concat(t,",").concat(l):""===t||null===t?e.mask_selector=l:(0,d.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){a(t)?e.block_selector+=",".concat(t):""!==t&&(0,d.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,d.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var h=r(6154),p=r(9324);let g=0;const m={buildEnv:p.F3,distMethod:p.Xs,version:p.xv,originTime:h.WN},v={consented:!1},y={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||v.consented},set consented(e){v.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,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,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++g}},b=e=>{const t=(0,u.a)(e,y),r=Object.keys(m).reduce((e,t)=>(e[t]={value:m[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)},w=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};var R=r(7836),E=r(3241);const T={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A=e=>(0,u.a)(e,T);function x(e,t={},r,o){let{init:a,info:c,loader_config:d,runtime:u={},exposed:l=!0}=t;if(!c){const e=(0,n.pV)();a=e.init,c=e.info,d=e.loader_config}e.init=f(a||{}),e.loader_config=A(d||{}),c.jsAttributes??={},h.bv&&(c.jsAttributes.isWorker=!0),e.info=(0,s.D)(c);const p=e.init;e.runtime??=b(u),p.proxy.assets&&w(p.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,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 s=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return s?s(...t):n})})}(e),e.runtime.loaderType=r,e.ee=R.ee.get(e.agentIdentifier),e.exposed=l,(0,E.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>o,SR:()=>s,rF:()=>a});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function o(e){return!0===e?.session_replay.preload&&s(e)}function a(e,t){try{if("string"==typeof t?.type){if("password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(s())return e();const r=(0,i.J)(e),o=setInterval(()=>{s()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},5732:(e,t,r)=>{"use strict";r.d(t,{$5:()=>u,B5:()=>d,Ms:()=>s,Ux:()=>a,YA:()=>c,fQ:()=>i,yx:()=>o});var n=r(7508);const i={MFE:"MFE",BA:"BA"};function s(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function o(e,t){if(!e||!t?.init.api.register.enabled)return[];const r=t.runtime.registeredEntities;return r?.filter(t=>t.metadata.timings?.asset?.endsWith(e)).map(e=>e.metadata.target)||[]}function a(e,t){if(!l(t))return{};const r=t.agentRef.runtime.appMetadata.agents[0].entityGuid;return e?e.attributes:{"entity.guid":r,appId:t.agentRef.info.applicationID}}function c(e,t){return d(e,t)?{"child.id":e.id,"child.type":e.type,...a(void 0,t)}:{}}function d(e,t){return!!e&&!!l(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function u(e){if(!e?.init.api.register.enabled)return[void 0];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...o(r[i--],e))}catch(e){}return t.length||t.push(void 0),t}function l(e){return 2===e?.harvestEndpointVersion}},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>d,RI:()=>i,WN:()=>f,bv:()=>s,gm:()=>o,lR:()=>l,m:()=>c,mw:()=>a,sb:()=>u,zk:()=>h});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,d=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)(),h=()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>u,Qb:()=>l,TZ:()=>i,Ug:()=>o,Vh:()=>s,_s:()=>a,bc:()=>d,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,s="errorDuringReplay",o=.12,a={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},d={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},u=5e3,l={API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"}},6389:(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})},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>o,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function o(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,o;i>0?(s=r.substring(0,i),o=r.substring(i)):(s=r,o="*");let[c]=s.split(":");n.push({hostname:a(c),pathname:a(o,!0)})}}function a(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7508:(e,t,r)=>{"use strict";r.d(t,{AZ:()=>g,Qr:()=>b,QL:()=>m});var n=r(6154),i=r(1863),s=r(9119),o=r(7866);class a{dom=new c;performance=new c;constructor(e){this.url=e}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}let d;try{d=g(m())[0]}catch(e){d=g(e)[0]}const u=e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&e.name.endsWith(".js"),l=new Map;let f=[];function h(e){return l.get(e)}function p(e){const t=h(e);if(t)return t;const r=new a(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=p((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().filter(u).forEach(e=>{const t=p((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e;const r=[];f.forEach(({test:t,addedAt:n},s)=>{(t(e)||(0,i.t)()-n>1e4)&&r.push(s)}),f=f.filter((e,t)=>!r.includes(t))})}).observe({type:"resource",buffered:!0})}function g(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(o.cn)||e.match(o.hB)||e.match(o.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function m(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function v(e,t){return(0,s.L)(e.name)===t}function y(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType}function b(){const e={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown"},t=m();if(!t)return e;const r=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const o=g(t),a=(o.length>1?o.filter(e=>d!==e):o)[0];if(!a)return e;if(r.includes(a))return e.asset=(0,s.L)(r),e.type="inline",e;e.correlation=h(a);const c=e.correlation?.performance.value||performance.getEntriesByType("resource").find(e=>v(e,a));c?y(e,c):function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1}(a)&&(e.asset=a,e.type="preload",f.push({addedAt:(0,i.t)(),test:t=>!!v(t,a)&&(y(e,t),!0)})),Object.defineProperty(e,"scriptStart",{get:()=>e.correlation?.script.start||e.fetchEnd}),Object.defineProperty(e,"scriptEnd",{get:()=>e.correlation?.script.end||e.registeredAt})}catch(e){}return e}},7699:(e,t,r)=>{"use strict";r.d(t,{It:()=>s,KC:()=>a,No:()=>i,qh:()=>o});var n=r(860);const i=16e3,s=1e6,o="SESSION_ERROR",a={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>i});var n=r(6154);const i=e=>n.RI&&!0===e?.privacy.cookies_enabled},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>a,ee:()=>c});var n=r(384),i=r(8990),s=r(2646),o=r(5607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},u={},l=!1;try{l=16===r.length&&d.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,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var a=h(n);g(e).forEach(e=>{e.apply(a,r)});var d=v()[o[e]];d&&d.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[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()[o[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 h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,a,()=>new s.y(a)):new s.y(a)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c)},7866:(e,t,r)=>{"use strict";r.d(t,{Nc:()=>s,cn:()=>a,fL:()=>i,h3:()=>n,hB:()=>o});const n=/function (.+?)\s*\(/,i=/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,s=/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,o=/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i,a=/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i},8122:(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)),s=0===Object.keys(r).length?e:r;for(let o in s)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),o=r(6154);const a={},c=o.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(a[t.debugId]++)return t;a[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[d,u],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(o.RI&&h(document,f),c&&h(c.prototype,f),h(o.gm,f)),t.on(d+"-start",function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)&&"newrelic"!==e[0]){var i=(0,s.I)(n,l,function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n});this.wrapped=e[1]=i}}),t.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},8362:(e,t,r)=>{"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},8990:(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}},9119:(e,t,r)=>{"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n,f:()=>i});const n=r(860).K7.ajax,i="ajaxRequest.id"},9324:(e,t,r)=>{"use strict";r.d(t,{AJ:()=>o,F3:()=>i,Xs:()=>s,Yq:()=>a,xv:()=>n});const n="1.315.0",i="PROD",s="CDN",o="@newrelic/rrweb",a="1.1.0"},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>a,ZF:()=>c,bz:()=>o,el:()=>d});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function s(e,t){return e?15&e[t]:16*Math.random()|0}function o(){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?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}function c(){return a(16)}function d(){return a(32)}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return r[e](s,s.exports,i),s.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=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.315.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.315.0.PROD:",i.l=(r,n,s,o)=>{if(e[r])e[r].push(n);else{var a,c;if(void 0!==s)for(var d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+s){a=l;break}}if(!a){c=!0;var f={478:"sha512-JAuqU4A/wEHgBZGJFOjJXJG7xVo77qqjjb/pmkYwe33sZJQfwMblA/H7O6IQIp99MNRaqQ9ztp6hhTDdcDcKhw==",249:"sha512-GrB7Qfru6lPrPix0+Hggx+Eda7UdJXdV43hgOin6/SJwymitXgXKibaXVJgVnP1s8ipAOOGAP8vJ0RJqcyuE3A==",212:"sha512-ju17QSsLhWoDHT16gMLrXwxXtO2muxMbuRclwat2uBoZ2H/qVAg3SdcXxofZpiOmXJvzUnLFrMkP9kmEnlMGqA=="};(a=document.createElement("script")).charset="utf-8",i.nc&&a.setAttribute("nonce",i.nc),a.setAttribute("data-webpack",t+s),a.src=r,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),f[o]&&(a.integrity=f[o])}e[r]=[n];var h=(t,n)=>{a.onerror=a.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(n)),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=h.bind(null,a.onerror),a.onload=h.bind(null,a.onload),c&&document.head.appendChild(a)}},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={38:0,788: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 s=new Promise((r,i)=>n=e[t]=[r,i]);r.push(n[2]=s);var o=i.p+i.u(t),a=new Error;i.l(o,r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var s=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed: ("+s+": "+o+")",a.name="ChunkLoadError",a.type=s,a.request=o,n[1](a)}},"chunk-"+t,t)}};var t=(t,r)=>{var n,s,[o,a,c]=r,d=0;if(o.some(t=>0!==e[t])){for(n in a)i.o(a,n)&&(i.m[n]=a[n]);if(c)c(i)}for(t&&t(r);d<o.length;d++)s=o[d],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0},r=self["webpackChunk:NRBA-1.315.0.PROD"]=self["webpackChunk:NRBA-1.315.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(8362),t=i(860);const r=Object.values(t.K7);var n=i(5205);var s=i(9908),o=i(1863),a=i(4261),c=i(1738);var d=i(1687),u=i(4234),l=i(5289),f=i(6154),h=i(944),p=i(5270),g=i(7767),m=i(6389),v=i(7699);class y extends u.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,m.J)(()=>{(0,d.Ak)(e,this.featureName),t()}))}):(0,d.Ak)(e,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;const n=async()=>{let n;await this.deferred;try{if((0,g.V)(e.init)){const{setupAgentSession:t}=await i.e(478).then(i.bind(i,8766));n=t(e)}}catch(e){(0,h.R)(20,e),this.ee.emit("internal-error",[e]),(0,s.p)(v.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#t(this.featureName,n,e.init))return(0,d.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:i}=await t();this.featAggregate=new i(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,h.R)(34,e),this.abortHandler?.(),(0,d.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};f.RI?(0,l.GG)(()=>n(),!0):n()}#t(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,p.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}}var b=i(6630),w=i(2614),R=i(3241);class E extends y{static featureName=b.T;constructor(e){var t;super(e,b.T),this.setupInspectionEvents(),t=e,(0,c.Y)(a.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,s.p)(a.Pl+a.Fw,[(0,o.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5839)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,R.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,l.sB)(t=>{e(t,"DOMContentLoaded")}),(0,l.GG)(t=>{e(t,"load")}),(0,l.Qr)(t=>{e(t,"navigate")}),this.ee.on(w.tS.UPDATE,(e,t)=>{(0,R.W)({type:"lifecycle",name:"session",data:t})})}}var T=i(384);class A extends e.d{constructor(e){var t;(super(),f.gm)?(this.features={},(0,T.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(E),(0,n.j)(this,e,e.loaderType||"agent"),t=this,(0,c.Y)(a.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,c.U)(t,e,r,a.cD,n);(0,h.R)(40,typeof r)}else(0,h.R)(39,typeof e)},t),function(e){(0,c.Y)(a.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,h.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,s.p)(a.Pl+"setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,c.U)(e,"enduser.id",t,a.Dl,!0)},e)}(this),function(e){(0,c.Y)(a.nb,function(t){if("string"==typeof t||null===t)return(0,c.U)(e,"application.version",t,a.nb,!1);(0,h.R)(42,typeof t)},e)}(this),function(e){(0,c.Y)(a.d3,function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,c.Y)(a.Pv,function(t=!0){if("boolean"==typeof t){if((0,s.p)(a.Pl+a.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,h.R)(65,typeof t)},e)}(this),this.run()):(0,h.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 r.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),n=[...this.desiredFeatures];n.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),n.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,h.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,h.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,T.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var x=i(2843),S=i(782);class _ extends y{static featureName=S.T;constructor(e){super(e,S.T),f.RI&&((0,x.u)(()=>(0,s.p)("docHidden",[(0,o.t)()],void 0,S.T,this.ee),!0),(0,x.G)(()=>(0,s.p)("winPagehide",[(0,o.t)()],void 0,S.T,this.ee)),this.importAggregator(e,()=>i.e(478).then(i.bind(i,9917))))}}var O=i(3969);class P extends y{static featureName=O.TZ;constructor(e){super(e,O.TZ),this.importAggregator(e,()=>i.e(478).then(i.bind(i,6555)))}}var k=i(6774),N=i(3878),j=i(3304);class D{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,j.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return M(e)?e:new D(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function L(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(M(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return C(e.reason)}const r=C(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function I(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new D(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return M(e.error)?e.error:C(e)}function M(e){return e instanceof Error&&!!e.stack}function B(e,r,n,i,a=(0,o.t)()){"string"==typeof e&&(e=new Error(e)),(0,s.p)("err",[e,a,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,s.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var H=i(5732),K=i(993),W=i(3785);function F(e,{customAttributes:t={},level:r=K.p_.INFO}={},n,i,s=(0,o.t)()){(0,W.R)(n.ee,e,t,r,!1,i,s)}function U(e,r,n,i,c=(0,o.t)()){(0,s.p)(a.Pl+a.hG,[c,e,r,i],void 0,t.K7.genericEvents,n.ee)}function V(e,r,n,i,c=(0,o.t)()){const{start:d,end:u,customAttributes:l}=r||{},f={customAttributes:l||{}};if("object"!=typeof f.customAttributes||"string"!=typeof e||0===e.length)return void(0,h.R)(57);const p=(e,t)=>null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(f.start=p(d,0),f.end=p(u,c),Number.isNaN(f.start)||Number.isNaN(f.end))(0,h.R)(57);else{if(f.duration=f.end-f.start,!(f.duration<0))return(0,s.p)(a.Pl+a.V1,[f,e,i],void 0,t.K7.genericEvents,n.ee),f;(0,h.R)(58)}}function z(e,r={},n,i,c=(0,o.t)()){(0,s.p)(a.Pl+a.fF,[c,e,r,i],void 0,t.K7.genericEvents,n.ee)}var G=i(7508),Y=i(9566);const Z=["name","id","type"],q=new Map([[U,"addPageAction"],[F,"log"],[V,"measure"],[B,"noticeError"],[z,"recordCustomEvent"]]),X={experimental:(0,m.J)(()=>(0,h.R)(54,"newrelic.register")),disabled:(0,m.J)(()=>(0,h.R)(55)),invalidTarget:(0,m.J)(e=>(0,h.R)(48,e)),deregistered:(0,m.J)(()=>(0,h.R)(68))};function Q(e){(0,c.Y)(a.eY,function(t){return J(e,t)},e)}function J(e,r){X.experimental(),r||={},r.instance=(0,Y.LA)(8),r.type=H.fQ.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents[0].entityGuid},type:H.fQ.BA};const n=(0,G.Qr)(),i={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...i,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||H.fQ.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Z.includes(e)||(i["source.".concat(e)]=t)});let a=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,a=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(X.disabled),u(r.id)&&u(r.name)||d(()=>X.invalidTarget(r));const l={addPageAction:(t,n={})=>m(U,[t,{...i,...n},e],r),deregister:()=>{p(),d(X.deregistered)},log:(t,n={})=>m(F,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(V,[t,{...n,customAttributes:{...i,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(B,[t,{...i,...n},e],r),recordCustomEvent:(t,n={})=>m(z,[t,{...i,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return i},target:r,timings:n}},f=()=>(r.blocked&&a(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,o.t)();const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart;l.recordCustomEvent("MicroFrontEndTiming",{assetUrl:n.asset,assetType:n.type,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,timeToRegister:n.registeredAt})}f()||(c.push(l),(0,x.G)(p));const g=(e,t)=>{f()||(i[e]=t)},m=(r,n,i)=>{if(f()&&r!==J)return;const a=(0,o.t)(),c=q.get(r)||"unknown";(0,s.p)(O.xV,["API/register/".concat(c,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,a)}catch(e){(0,h.R)(50,e)}};return l}class ee extends y{static featureName=k.T;constructor(e){var t;super(e,k.T),t=e,(0,c.Y)(a.o5,(e,r)=>B(e,r,t),t),function(e){(0,c.Y)(a.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,c.Y)(a.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Q(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,s.p)("ierr",[C(t),(0,o.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),f.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,s.p)("err",[L(t),(0,o.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,N.jT)(!1,this.removeOnAbort?.signal)),f.gm.addEventListener("error",t=>{this.abortHandler&&(0,s.p)("err",[I(t),(0,o.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,N.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#r,this.importAggregator(e,()=>i.e(478).then(i.bind(i,9377)))}#r(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var te=i(8990);let re=1;function ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===f.gm?0:(0,te.I)(e,"nr@id",function(){return re++})}function ie(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,j.A)(e).length}catch(e){return}}}var se=i(8139),oe=i(7836),ae=i(3434);const ce={},de=["open","send"];function ue(e,t){var r=e||oe.ee;const n=function(e){return(e||oe.ee).get("xhr")}(r);if(void 0===f.gm.XMLHttpRequest)return n;if(ce[n.debugId]++)return n;ce[n.debugId]=1,(0,se.u)(r);var i=(0,ae.YM)(n),s=f.gm.XMLHttpRequest,o=f.gm.MutationObserver,a=f.gm.Promise,c=f.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],p=f.gm.XMLHttpRequest=function(e){const r=new s(e),o=n.context(r);o.targets=(0,H.$5)(t);try{n.emit("new-xhr",[r],o),r.addEventListener(d,(a=o,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",w)}),(0,N.jT)(!1))}catch(e){(0,h.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var a;return r};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",w)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,p),p.prototype=s.prototype,i.inPlace(p.prototype,de,"-xhr-",w),n.on("send-xhr-start",function(e,t){g(e,t),function(e){l.push(e),o&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",g),o){var m=a&&a.resolve();if(!c&&!a){var v=1,y=document.createTextNode(v);new o(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<l.length;e++)g(0,l[e]);l.length&&(l=[])}function w(e,t){return t}return n}var le="fetch-",fe=le+"body-",he=["arrayBuffer","blob","json","text","formData"],pe=f.gm.Request,ge=f.gm.Response,me="prototype";const ve={};function ye(e,t){const r=function(e){return(e||oe.ee).get("fetch")}(e);if(!(pe&&ge&&f.gm.fetch))return r;if(ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},o=(0,H.$5)(t);var a;r.emit(i+"before-start",[e],n),n[oe.P]&&n[oe.P].dt&&(a=n[oe.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,a],c),c.then(function(e){return r.emit(i+"end",[null,e,o],c),e},function(e){throw r.emit(i+"end",[e,void 0,o],c),e})})}return ve[r.debugId]=1,he.forEach(e=>{n(pe[me],e,fe),n(ge[me],e,fe)}),n(f.gm,"fetch",le),r.on(le+"end",function(e,t,n){var i=this;if(i.targets=n||[void 0],t){var s=t.headers.get("content-length");null!==s&&(i.rxSize=s),r.emit(le+"done",[null,t],i)}else r.emit(le+"done",[e],i)}),r}var be=i(7485);class we{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s=(0,Y.ZF)(),o=(0,Y.el)(),a=Date.now(),c={spanId:s,traceId:o,timestamp:a};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(c.traceContextParentHeader=this.generateTraceContextParentHeader(s,o),c.traceContextStateHeader=this.generateTraceContextStateHeader(s,a,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(c.newrelicHeader=this.generateTraceHeader(s,o,a,r,n,i)),c}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof f.gm?.btoa))return null;var o={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(o.d.tk=s),btoa((0,j.A)(o))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,be.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Re=i(9300),Ee=i(7295);function Te(e){return"string"==typeof e?e:e instanceof(0,T.dV)().o.REQ?e.url:f.gm?.URL&&e instanceof URL?e.href:void 0}var Ae=["load","error","abort","timeout"],xe=Ae.length,Se=(0,T.dV)().o.REQ,_e=(0,T.dV)().o.XHR;const Oe="X-NewRelic-App-Data";class Pe extends y{static featureName=Re.T;constructor(e){super(e,Re.T),this.dt=new we(e),this.handler=(e,t,r,n)=>(0,s.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};f.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};ke(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ye(this.ee,e),ue(this.ee,e),function(e,r,n,i){function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=T,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){x(t,e)},(0,N.jT)(!1)),f.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,N.jT)(!1))}function c(e){this.params={method:e[0]},ke(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=ie(i);a&&(n.txSize=a)}this.startTime=(0,o.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit("internal-error",[e])}catch(e){}}};for(var c=0;c<xe;c++)t.addEventListener(Ae[c],this.listener,(0,N.jT)(!1))}function l(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function g(){this.endTime=(0,o.t)()}function m(e,t){t instanceof _e&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function v(e,t){t instanceof _e&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function y(e,t,r){t instanceof _e&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,o.t)()))}function b(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,o.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&f.RI&&(t=""+f.gm.location.href):e[0]&&e[0].url?t=e[0].url:f.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,be.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)a(e[0].headers,n)&&(this.dt=n);else{var s={};for(var o in r)s[o]=r[o];s.headers=new Headers(r.headers||{}),a(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function a(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,o.t)(),this.dt=t;let[r,n={}]=e;ke(this,Te(r));const i=(""+(r&&r instanceof Se&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.body=n.body,this.txSize=ie(n.body)||0}function E(e,t){if(this.endTime=(0,o.t)(),this.params||(this.params={}),(0,Ee.iW)(this.params))return;let r;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(r=+this.rxSize);const n={txSize:this.txSize,rxSize:r,duration:(0,o.t)()-this.startTime},i=[this.params,n,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>A(i,this,e))}function T(e){const t=this.params,r=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<xe;t++)e.removeEventListener(Ae[t],this.listener,!1);if(t.aborted)return;if((0,Ee.iW)(t))return;r.duration=(0,o.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):x(this,e),r.cbTime=this.cbTime;const n=[t,r,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>A(n,this,e))}function A(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function x(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?ie(e.response):"text"===r||""===r||void 0===r?ie(e.responseText):void 0}(n,e.lastSize);if(i&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(Oe)>=0){var o=n.getResponseHeader(Oe);o&&((0,s.p)(O.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=o.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",c),r.on("open-xhr-end",d),r.on("send-xhr-start",u),r.on("xhr-cb-time",l),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",g),r.on("addEventListener-end",m),r.on("removeEventListener-end",v),r.on("fn-end",b),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",y),r.on("fetch-done",E)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>i.e(478).then(i.bind(i,3845)))}}function ke(e,t){var r=(0,be.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const Ne={},je=["pushState","replaceState"];function De(e){const t=function(e){return(e||oe.ee).get("history")}(e);return!f.RI||Ne[t.debugId]++||(Ne[t.debugId]=1,(0,ae.YM)(t).inPlace(window.history,je,"-")),t}var Ce=i(3738);function Le(e){(0,c.Y)(a.BL,function(r=Date.now()){const n=r-f.WN;n<0&&(0,h.R)(62,r),(0,s.p)(O.XG,[a.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:a.BL,start:r,origin:"nr"}),(0,s.p)(a.Pl+a.hG,[n,a.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:Ie,bD:Me,d3:Be,Kp:He,TZ:Ke,Lc:We,uP:Fe,Rz:Ue}=Ce;class Ve extends y{static featureName=Ke;constructor(e){var r;super(e,Ke),r=e,(0,c.Y)(a.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const n={n:e.name,s:e.start-f.WN,e:(e.end||e.start)-f.WN,o:e.origin||"",t:"api"};n.s<0||n.e<0||n.e<n.s?(0,h.R)(61,{start:n.s,end:n.e}):(0,s.p)("bstApi",[n],void 0,t.K7.sessionTrace,r.ee)},r),Le(e);if(!(0,g.V)(e.init))return void this.deregisterDrain();const n=this.ee;let d;De(n),this.eventsEE=(0,se.u)(n),this.eventsEE.on(Fe,function(e,t){this.bstStart=(0,o.t)()}),this.eventsEE.on(We,function(e,r){(0,s.p)("bst",[e[0],r,this.bstStart,(0,o.t)()],void 0,t.K7.sessionTrace,n)}),n.on(Ue+Be,function(e){this.time=(0,o.t)(),this.startPath=location.pathname+location.hash}),n.on(Ue+He,function(e){(0,s.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,n)});try{d=new PerformanceObserver(e=>{const r=e.getEntries();(0,s.p)(Ie,[r],void 0,t.K7.sessionTrace,n)}),d.observe({type:Me,buffered:!0})}catch(e){}this.importAggregator(e,()=>i.e(478).then(i.bind(i,6974)),{resourceObserver:d})}}var ze=i(6344);class Ge extends y{static featureName=ze.TZ;#n;recorder;constructor(e){var r;let n;super(e,ze.TZ),r=e,(0,c.Y)(a.CH,function(){(0,s.p)(a.CH,[],void 0,t.K7.sessionReplay,r.ee)},r),function(e){(0,c.Y)(a.Tb,function(){(0,s.p)(a.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);try{n=JSON.parse(localStorage.getItem("".concat(w.H3,"_").concat(w.uh)))}catch(e){}(0,p.SR)(e.init)&&this.ee.on(a.CH,()=>this.#i()),this.#s(n)&&this.importRecorder().then(e=>{e.startRecording(ze.Qb.PRELOAD,n?.sessionReplayMode)}),this.importAggregator(this.agentRef,()=>i.e(478).then(i.bind(i,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,s.p)(ze.Vh,[e],void 0,this.featureName,this.ee))})}#s(e){return e&&(e.sessionReplayMode===w.g.FULL||e.sessionReplayMode===w.g.ERROR)||(0,p.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#n??=Promise.all([i.e(478),i.e(249)]).then(i.bind(i,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#n)}#i(){this.blocked||(this.featAggregate?this.featAggregate.mode!==w.g.FULL&&this.featAggregate.initializeRecording(w.g.FULL,!0,ze.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(ze.Qb.API,w.g.FULL)}))}}var Ye=i(3962);class Ze extends y{static featureName=Ye.TZ;constructor(e){if(super(e,Ye.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,c.Y)(a.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var a={},c=this,d="function"==typeof i;return(0,s.p)(O.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((d?"":"no-")+"fn-start",[(0,o.t)(),c,d],a),d)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],a),t}finally{r.emit("fn-end",[(0,o.t)()],a)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{c.Y.apply(this,[r,function(){return(0,s.p)(a.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,c.Y)(a.PA,function(){(0,s.p)(a.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!f.RI||!(0,T.dV)().o.MO)return;const r=De(this.ee);try{this.removeOnAbort=new AbortController}catch(e){}Ye.tC.forEach(e=>{(0,N.sp)(e,e=>{l(e)},!0,this.removeOnAbort?.signal)});const n=()=>(0,s.p)("newURL",[(0,o.t)(),""+window.location],void 0,this.featureName,this.ee);r.on("pushState-end",n),r.on("replaceState-end",n),(0,N.sp)(Ye.OV,e=>{l(e),(0,s.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let d=!1;const u=new((0,T.dV)().o.MO)((e,t)=>{d||(d=!0,requestAnimationFrame(()=>{(0,s.p)("newDom",[(0,o.t)()],void 0,this.featureName,this.ee),d=!1}))}),l=(0,m.s)(e=>{"loading"!==document.readyState&&((0,s.p)("newUIEvent",[e],void 0,this.featureName,this.ee),u.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),u.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>i.e(478).then(i.bind(i,4393)),{domObserver:u})}}var qe=i(3333),Xe=i(9119);const $e={},Qe=new Set;function Je(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class et{constructor(e,t){this.timestamp=(0,o.t)(),this.currentUrl=(0,Xe.L)(window.location.href),this.socketId=(0,Y.LA)(8),this.requestedUrl=(0,Xe.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class tt extends y{static featureName=qe.TZ;constructor(e){super(e,qe.TZ);const r=e.init.feature_flags.includes("websockets"),n=!e.init.feature_flags.includes("no_spv"),d=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,r,n];var u;let l;if(u=e,(0,c.Y)(a.hG,(e,t)=>U(e,t,u),u),function(e){(0,c.Y)(a.fF,(t,r)=>z(t,r,e),e)}(e),Le(e),Q(e),function(e){(0,c.Y)(a.V1,(t,r)=>V(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},r){const h=function(e){if(!(0,T.dV)().o.WS)return e;const t=e.get("websockets");if($e[t.debugId]++)return t;$e[t.debugId]=1,(0,x.G)(()=>{const e=(0,o.t)();Qe.forEach(r=>{r.nrData.closedAt=e,r.nrData.closeCode=1001,r.nrData.closeReason="Page navigating away",r.nrData.closeWasClean=!1,r.nrData.openedAt&&(r.nrData.connectedDuration=e-r.nrData.openedAt),t.emit("ws",[r.nrData],r)})});class r extends WebSocket{static name="WebSocket";static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return r.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new et(e[0],e[1]),this.addEventListener("open",()=>{this.nrData.openedAt=(0,o.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),Qe.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=Je(e.data);this.nrData.messageOrigin??=(0,Xe.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,o.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,Qe.delete(this),t.emit("ws",[this.nrData],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=Je(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return f.gm.WebSocket=r,t}(this.ee);h.on("ws",e=>{(0,s.p)("ws-complete",[e],void 0,this.featureName,this.ee)})}if(n&&f.gm.addEventListener("securitypolicyviolation",e=>{(0,s.p)("spv",[e],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(!1,this.removeOnAbort.signal)),f.RI){if(ye(this.ee,e),ue(this.ee,e),l=De(this.ee),e.init.user_actions.enabled){function p(t){const r=(0,be.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function g(){l.emit("navChange")}qe.Zp.forEach(e=>(0,N.sp)(e,e=>(0,s.p)("ua",[e],void 0,this.featureName,this.ee),!0)),qe.qN.forEach(e=>{const t=(0,m.s)(e=>{(0,s.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,N.sp)(e,t)}),f.gm.addEventListener("error",()=>{(0,s.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{p(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,s.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,N.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!p(Te(e[0]))&&(0,s.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),l.on("pushState-end",g),l.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,N.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",g,(0,N.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&f.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,s.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}d.some(e=>e)?this.importAggregator(e,()=>i.e(478).then(i.bind(i,8019))):this.deregisterDrain()}}var rt=i(2646);const nt=new Map;function it(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,h.R)(29);const o=function(e){return(e||oe.ee).get("logger")}(e),a=(0,ae.YM)(o,void 0,s),c=new rt.y(oe.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[ae.Jt]||t[r];return nt.set(d,c),a.inPlace(t,[r],"wrap-logger-",()=>nt.get(d),void 0,!0),o}var st=i(1910);class ot extends y{static featureName=K.TZ;constructor(e){var t;super(e,K.TZ),t=e,(0,c.Y)(a.$9,(e,r)=>F(e,r,t),t),function(e){(0,c.Y)(a.Wb,(t,r,{customAttributes:n={},level:i=K.p_.INFO}={})=>{it(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Q(e);const r=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,st.i)(f.gm.console[t]),it(r,f.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([e],t,n,i=[]){const{level:s,customAttributes:o,autoCaptured:a}=this;i.forEach(t=>{(0,W.R)(r,e,o,s,a,t)})}),this.importAggregator(e,()=>i.e(478).then(i.bind(i,5288)))}}new A({features:[Pe,E,_,Ve,Ge,P,ee,tt,ot,Ze],loaderType:"spa"})})()})();</script>
<meta name="title" content="Bijoux en Argent 925 et Plaqué or - L'Atelier d'Amaya"/>
<meta name="description" content="Bijoux personnalisés à graver et intemporels. Découvrez nos collections en ligne et en boutique !"/>
<meta name="keywords" content="page d'accueil, bijoux l'atelier d'amaya, bijoux à graver, bijou or, bijou plaqué or, bijou doré, bijou argent"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Bijoux en Argent 925 et Plaqué or - L'Atelier d'Amaya</title>
<link rel="stylesheet" type="text/css" media="all" href="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/css/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Trustpilot_Reviews/css/trustpilot.min.css" />
<script type="text/javascript" defer="defer" src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Hyva_MagentoDataServices/js/storefront-event-collector.js"></script>
<script type="text/javascript" defer="defer" src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Hyva_MagentoDataServices/js/storefront-events-sdk.js"></script>
<script type="text/javascript" defer="defer" src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Hyva_MagentoLiveSearch/js/sdk.js"></script>
<script type="text/javascript" defer="defer" src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Hyva_MagentoProductRecommendations/js/recs-sdk.js"></script>
<link rel="preload" as="font" crossorigin="anonymous" href="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/fonts/bacalisties.woff2" />
<link rel="icon" type="image/x-icon" href="https://atelier-amaya.com/media/favicon/stores/1/favicon-amaya.jpg" />
<link rel="shortcut icon" type="image/x-icon" href="https://atelier-amaya.com/media/favicon/stores/1/favicon-amaya.jpg" />
<!-- Début script Kameleoon -->
<script type="text/javascript">
// Duration in milliseconds to wait while the Kameleoon application file is loaded
var kameleoonLoadingTimeout = 1000;
window.kameleoonQueue = window.kameleoonQueue || [];
window.kameleoonStartLoadTime = new Date().getTime();
if (! document.getElementById("kameleoonLoadingStyleSheet") && ! window.kameleoonDisplayPageTimeOut)
{
var kameleoonS = document.getElementsByTagName("script")[0];
var kameleoonCc = "* { visibility: hidden !important; background-image: none !important; }";
var kameleoonStn = document.createElement("style");
kameleoonStn.type = "text/css";
kameleoonStn.id = "kameleoonLoadingStyleSheet";
if (kameleoonStn.styleSheet)
{
kameleoonStn.styleSheet.cssText = kameleoonCc;
}
else
{
kameleoonStn.appendChild(document.createTextNode(kameleoonCc));
}
kameleoonS.parentNode.insertBefore(kameleoonStn, kameleoonS);
window.kameleoonDisplayPage = function(fromEngine)
{
if (!fromEngine)
{
window.kameleoonTimeout = true;
}
if (kameleoonStn.parentNode)
{
kameleoonStn.parentNode.removeChild(kameleoonStn);
}
};
window.kameleoonDisplayPageTimeOut = window.setTimeout(window.kameleoonDisplayPage, kameleoonLoadingTimeout);
}
</script>
<script type="text/javascript" src="//gqx9t0zbfq.kameleoon.eu/engine.js" async="true" fetchpriority="high"></script>
<!-- Fin script Kameleoon -->
<!-- Début de la mention OneTrust de consentement aux cookies du domaine : atelier-amaya.com -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="018dcb32-892f-712d-9ea1-699cdfbcfb13" ></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- Fin de la mention OneTrust de consentement aux cookies du domaine : atelier-amaya.com -->
<meta name="p:domain_verify" content="t8dNiWzsQadQR6znzCVTEFALswy4OA1u"/> <link rel="alternate" hreflang="fr" href="https://atelier-amaya.com/fr/"/>
<link rel="alternate" hreflang="en" href="https://atelier-amaya.com/en/"/>
<script>
window.getWpCookie = function (name) {
match = document.cookie.match(new RegExp(name + '=([^;]+)'));
if (match) return decodeURIComponent(match[1].replace(/\+/g, ' '));
};
window.dataLayer = window.dataLayer || [];
var dlObjects = [{"pageName":"Bijoux en Argent 925 et Plaqu\u00e9 or - L'Atelier d'Amaya","pageType":"home"}];
for (var i in dlObjects) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push(dlObjects[i]);
}
var customerData = JSON.parse(window.getWpCookie('dnd_gtm_customer_data'));
for (var i in customerData) {
window.dataLayer.push(customerData[i]);
}
var wpCookies = ['wp_customerId','wp_customerGroup'];
wpCookies.map(function (cookieName) {
var cookieValue = window.getWpCookie(cookieName);
if (cookieValue) {
var dlObject = {};
dlObject[cookieName.replace('wp_', '')] = cookieValue;
window.dataLayer.push(dlObject);
}
});
</script>
<!-- Google Tag Manager -->
<script>(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://tss.atelier-amaya.com/ghznbxsjv4k3hhb.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NJ2MXTN');</script>
<!-- End Google Tag Manager --><script type="text/javascript" data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script>
<script>
window.addEventListener('load', function () {
window.magentoStorefrontEvents = magentoStorefrontEvents;
magentoStorefrontEvents.context.setStorefrontInstance(
{"storeUrl":"https:\/\/atelier-amaya.com\/","websiteId":1,"websiteCode":"atelier_amaya","storeId":1,"storeCode":"atelier_amaya_store","storeViewId":1,"storeViewCode":"fr","websiteName":"L'Atelier d'Amaya","storeName":"L'Atelier D'Amaya Store","storeViewName":"FR","baseCurrencyCode":"EUR","storeViewCurrencyCode":"EUR","catalogExtensionVersion":"103.4.24","environmentId":"dc33e561-21ce-46ba-a018-187e91f8e1ac","environment":"Testing","storefrontTemplate":"Hyva"} );
magentoStorefrontEvents.context.setMagentoExtension({
magentoExtensionVersion: "8.0.1",
});
magentoStorefrontEvents.context.setDataServicesExtension({
version: "8.0.1",
});
magentoStorefrontEvents.context.setPage({
pageType: "Default"
});
magentoStorefrontEvents.context.setContext("pageExtended", {
action: "page-view"
});
let shopperId = "guest";
magentoStorefrontEvents.context.setShopper({ shopperId: shopperId });
magentoStorefrontEvents.publish.pageView();
});
function getCustomerIdFromDataServices() {
let customerId = hyva.getCookie("dataservices_customer_id");
return customerId ? decodeURI(customerId).replace(/[^\w\s]/gi, "") : null;
}
function getCustomerGroupFromDataServices() {
try {
const decodedString = decodeURIComponent(hyva.getCookie("dataservices_customer_group"));
return decodedString ? JSON.parse(decodedString) : null;
} catch (error) {
console.error("Failed to parse customer group data:", error);
return null;
}
}
</script>
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=15f48244-1a34-4b2e-853c-72ef75ff0a13"> </script>
</head>
<body id="html-body" class="cms-home page-layout-1column cms-index-index page-layout-cms-full-width">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://tss.atelier-amaya.com/ns.html?id=GTM-NJ2MXTN"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><script>
var BASE_URL = 'https://atelier-amaya.com/fr/';
var THEME_PATH = 'https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".atelier\u002Damaya.com",
"secure": false,
"lifetime": "3600",
"cookie_restriction_enabled": false };
var CURRENT_STORE_CODE = 'fr';
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) {
var lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
var 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 (var i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
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
? 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 ? '; 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.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 (!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) => {
var formatter = new Intl.NumberFormat(
'fr\u002DFR',
{
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? "always" : "auto"
}
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '€' || 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) => {
// Parse the content and extract the DOM node using the `targetSelector`
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
// Bail if content can't be found
if (!contentNode) {
return;
}
// Extract all the script tags from the new content.
// Script tags won't execute when inserted into a dom-element directly,
// therefore we need to inject them to the head of the document.
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
// Push all script tags into an array
// (to prevent dom manipulation while iterating over dom nodes)
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
// Iterate over all script tags and duplicate+inject each into the head
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
// Remove the original (non-executing) node from the page
scripts[i].parentNode.removeChild(scripts[i]);
}
}
// Replace the old DOM node with the new content
document.querySelector(targetSelector).replaceWith(contentNode);
// Reload customerSectionData and display cookie-messages if present
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));
</script>
<script>
'use strict';
(function( hyva, undefined ) {
hyva.formatPrice = (value, showSign, hideDecimalLeadingZero) => {
// @DnD: return "free" mention if product price is 0
if (value == 0) {
return 'Offert';
}
var formatter = new Intl.NumberFormat(
document.documentElement.lang,
{
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? "always" : "auto",
minimumFractionDigits: Math.floor(value) == value && hideDecimalLeadingZero ? 0 : 2, // Add @DND : Manage display of leading zero by adding new parameter (hideDecimalLeadingZero)
maximumFractionDigits: 2, // Add @DND : set decimals to 2
}
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '€' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
hyva.insertHtml = (targetSelector, content, prepend = false) => {
// Parse the content and extract the DOM node using the `targetSelector`
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
// Bail if content can't be found
if (!contentNode) {
return;
}
// Extract all the script tags from the new content.
// Script tags won't execute when inserted into a dom-element directly,
// therefore we need to inject them to the head of the document.
const tmpScripts = contentNode.getElementsByTagName('script');
if (tmpScripts.length > 0) {
// Push all script tags into an array
// (to prevent dom manipulation while iterating over dom nodes)
const scripts = [];
for (let i = 0; i < tmpScripts.length; i++) {
scripts.push(tmpScripts[i]);
}
// Iterate over all script tags and duplicate+inject each into the head
for (let i = 0; i < scripts.length; i++) {
let script = document.createElement('script');
script.innerHTML = scripts[i].innerHTML;
document.head.appendChild(script);
// Remove the original (non-executing) node from the page
scripts[i].parentNode.removeChild(scripts[i]);
}
}
if (prepend) {
document.querySelector(targetSelector).prepend(...contentNode.childNodes);
} else {
document.querySelector(targetSelector).append(...contentNode.childNodes);
}
// Reload customerSectionData and display cookie-messages if present
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
}( window.hyva = window.hyva || {} ));
</script>
<input name="form_key" type="hidden" value="jDkLMMVg35RVN54y" /><div class="page-wrapper"><header class="page-header"><script>
function initHeader() {
return {
init() {
this.isHomePage = 1;
if (this.isHomePage) this.isHighlighted = false;
this.checkIfHasTopBanner();
this.checkIfSticky();
},
isDesktop: window.matchMedia('(min-width: 768px)').matches,
isMobile: window.matchMedia('(max-width: 1023px)').matches,
hasBanner: false,
topBanner: null,
isHighlighted: true,
isSticky: false,
checkIfSticky() {
if (this.isHomePage) this.isSticky = window.pageYOffset > 10;
if (this.isHomePage) this.isHighlighted = this.searchIsOpen || this.isSticky;
},
scrolAtTop: true,
searchIsOpen: false,
cart: {},
getData(data) {
if (data.cart) { this.cart = data.cart }
},
searchButtonHandler($dispatch) {
if (this.searchIsOpen) {
this.searchIsOpen = false;
$dispatch('close-search');
if (!this.isSticky) this.isHighlighted = false;
} else {
this.searchIsOpen = true;
this.isHighlighted = true;
$dispatch('open-search');
this.setSearchAutoCompletePosition();
}
},
closeSearch($dispatch) {
this.searchIsOpen = false;
$dispatch('close-search');
$dispatch('close-overlay');
if (!this.isSticky) this.isHighlighted = false;
},
checkIfHasTopBanner() {
const body = document.querySelector('body');
const topBannerInsertedHandler = () => {
document.querySelectorAll('.wisepops-root').forEach(root => {
const bar = (root.shadowRoot ?? root).querySelector('[class^="BarReadOnly"]')
if(bar){
this.topBanner = root;
}
});
if (this.topBanner) {
this.hasBanner = true;
body.removeEventListener("DOMNodeInserted", topBannerInsertedHandler);
wisepops('listen', 'before-popup-display', () => {
this.moveTopBannerToHeader();
});
wisepops('listen', 'after-popup-close', () => {
this.setSearchAutoCompletePosition();
});
}
};
body.addEventListener("DOMNodeInserted", topBannerInsertedHandler);
},
moveTopBannerToHeader() {
const pageHeader = document.querySelector('.page-header');
pageHeader.insertBefore(this.topBanner, pageHeader.firstChild);
},
setSearchAutoCompletePosition() {
const autoComplete = document.querySelector('.search-autocomplete');
const search = document.getElementById('search-box');
if (this.isDesktop) {
const autoCompleteTopPosition = document.querySelector('.desktop-navigation').getBoundingClientRect().top;
autoComplete.style.top = `${autoCompleteTopPosition}px`;
} else {
const headerHeight = document.getElementById('header').offsetHeight;
const searchBoxHeight = document.getElementById('search-box').offsetHeight;
const searchBoxTopOffset = 20;
let topBannerHeight = 0;
if (this.hasBanner) topBannerHeight = this.topBanner.offsetHeight;
search.style.top = `${topBannerHeight + headerHeight - searchBoxTopOffset}px`;
autoComplete.style.top = `${topBannerHeight + headerHeight + searchBoxHeight - searchBoxTopOffset}px`;
}
}
}
}
</script>
<div id="header"
x-data="initHeader()"
x-init="init()"
class="relative h-[84px] lg:h-[148px] z-30 w-full lg:border-b lg:border-salmon-500 lg:border-opacity-20 duration-75"
:class="isHighlighted && 'bg-white'"
@add-header-highlight.window="if (isHomePage && !isSticky) isHighlighted = true"
@remove-header-highlight.window="if (isHomePage && !isSticky) isHighlighted = false"
@scroll.window="checkIfSticky();"
@keydown.window.escape="closeSearch($dispatch)"
@private-content-loaded.window="getData(event.detail.data)"
>
<div class="container flex flex-wrap items-center justify-between w-full py-5 mx-auto mt-0 transition lg:py-4">
<div class="items-center hidden lg:flex min-w-[130px]">
<div class="-ml-4"
id="header-store-switcher">
<div x-data="initStoreSwitcher()"
x-init="checkIsMobileResolution()"
@resize.window.debounce="checkIsMobileResolution()"
@visibilitychange.window.debounce="checkIsMobileResolution()"
x-ref="storeSwitcher"
class="flex items-center"
id="store-language-switcher">
<div class="text-sm font-medium tracking-widest text-gray-900 uppercase sr-only title-font">
Langue </div>
<div class="relative inline-block text-left"
:class="open && 'active'">
<button @click.prevent="open = !open"
@click.away="open = false"
@keydown.window.escape="open = false"
type="button"
class="inline-flex items-center justify-center w-full p-2 text-sm bg-white text-primary"
aria-haspopup="true"
aria-expanded="true"
>
FR <span :style="open ? 'transform: scaleY(-1)' : 'transform: scaleY(1)'">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewbox="0 0 24 24" fill="none" class="flex self-center w-6 h-6 ml-1">
<path d="M16 10L12 14L8 10" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav x-cloak=""
x-show="open"
class="absolute left-0 z-20 w-56 py-2 overflow-auto origin-top-left shadow-lg top-full sm:w-48 bg-container-lighter">
<div class="my-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<a href="https://atelier-amaya.com/fr/stores/store/redirect/___store/en/uenc/aHR0cHM6Ly9hdGVsaWVyLWFtYXlhLmNvbS9lbi8%2C/___from_store/fr/"
class="block px-4 py-2 text-sm lg:px-5 lg:py-2 hover:bg-gray-100"
>
EN </a>
</div>
</nav>
</div>
</div>
<script>
'use strict';
const initStoreSwitcher = () => {
return {
open: false,
isMobile: false,
checkIsMobileResolution() {
this.isMobile = window.matchMedia('(max-width: 1024px)').matches;
this.setStoreSwitcherPosition();
},
setStoreSwitcherPosition() {
const desktopHeader = document.querySelector('#header-store-switcher'),
mobileMenuFooter = document.querySelector('.mobile-menu-footer'),
storeSwitcher = this.$refs.storeSwitcher;
if (this.isMobile) {
if (!document.querySelector('.mobile-menu-footer #store-language-switcher')) {
mobileMenuFooter.prepend(storeSwitcher);
}
} else {
desktopHeader.prepend(storeSwitcher);
}
}
}
}
</script>
</div>
<a href="https://atelier-amaya.com/fr/boutiques/"
class="ml-3 text-sm uppercase text-primary">
Boutiques </a>
</div>
<div class="mr-3 mt-2.5 order-[-2] burger-nav">
<button type="button"
@click.prevent.stop="$dispatch('open-mobile-menu')">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 34 34" fill="none" class="w-8 h-8 lg:h-6 lg:w-6 lg:hidden text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 16.555H28H6Z" fill="#15234A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.30502H28H6Z" fill="#15234A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 24.805H28H6Z" fill="#15234A"/>
<path d="M6 15.805C5.58579 15.805 5.25 16.1408 5.25 16.555C5.25 16.9692 5.58579 17.305 6 17.305V15.805ZM28 17.305C28.4142 17.305 28.75 16.9692 28.75 16.555C28.75 16.1408 28.4142 15.805 28 15.805V17.305ZM6 7.55502C5.58579 7.55502 5.25 7.89081 5.25 8.30502C5.25 8.71924 5.58579 9.05502 6 9.05502V7.55502ZM28 9.05502C28.4142 9.05502 28.75 8.71924 28.75 8.30502C28.75 7.89081 28.4142 7.55502 28 7.55502V9.05502ZM6 24.055C5.58579 24.055 5.25 24.3908 5.25 24.805C5.25 25.2192 5.58579 25.555 6 25.555V24.055ZM28 25.555C28.4142 25.555 28.75 25.2192 28.75 24.805C28.75 24.3908 28.4142 24.055 28 24.055V25.555ZM6 17.305H28V15.805H6V17.305ZM6 9.05502H28V7.55502H6V9.05502ZM6 25.555H28V24.055H6V25.555Z" fill="currentColor"/>
</svg>
</button>
<span class="wisp"></span>
</div>
<div class="w-[118px] lg:w-[136px] m-auto transition"
:class="searchIsOpen && 'lg:opacity-0'">
<a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title"
href="https://atelier-amaya.com/fr/"
title=""
aria-label="store logo">
<img src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/images/logo.svg"
title=""
alt=""
width="136" height="50" />
</a>
</div>
<div class="relative flex items-center order-[-1] lg:order-[0]"
@click.away="searchIsOpen && closeSearch($dispatch)">
<div class="absolute right-0 w-[500px]"
:class="searchIsOpen ? 'pointer-events-auto' : 'pointer-events-none'"
id="search-content"
x-show="true"
>
<div x-data="initLiveSearch()"
x-init="initPopover()"
@close-search.window="closeSearch()"
@open-search.window="openSearch($nextTick)">
<div class="sr-only">
<strong>
Chercher </strong>
</div>
<div>
<form class="form minisearch"
id="search_mini_form"
action="https://atelier-amaya.com/fr/catalogsearch/result/"
method="get"
>
<div>
<div class="flex justify-end">
<label class="label" for="search" data-role="minisearch-label">
<span class="sr-only">Chercher</span>
</label>
<div id="search-box"
class="fixed inset-x-0 px-6 py-3 bg-white lg:mt-0 lg:bg-transparent lg:p-0 lg:overflow-hidden lg:duration-500 lg:transition-max-width lg:inset-x-0 lg:static"
:class="searchOpen ? 'visible lg:max-w-full' : 'invisible lg:block lg:max-w-0'"
x-cloak>
<input id="search"
class="w-full lg:w-[500px] bg-transparent border-0 border-b px-0 lg:px-5 border-blueGray-400 lg:border-primary placeholder-blueGray-400 md:placeholder-ocean-500"
type="text"
x-model="queryPhrase"
name="q"
value=""
placeholder="Rechercher un bracelet, collier..."
maxlength="128"
role="combobox"
aria-haspopup="false"
aria-autocomplete="both"
autocomplete="off"
aria-expanded="false"
@input="searchInputHandler($dispatch)"
/>
<button type="submit"
class="absolute -translate-y-1/2 right-6 top-1/2 md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" class="w-5 h-5 text-blueGray-400">
<path d="M15.5303 14.4697C15.2374 14.1768 14.7626 14.1768 14.4697 14.4697C14.1768 14.7626 14.1768 15.2374 14.4697 15.5303L15.5303 14.4697ZM20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L20.4697 21.5303ZM10 16.25C6.54822 16.25 3.75 13.4518 3.75 10H2.25C2.25 14.2802 5.71979 17.75 10 17.75V16.25ZM16.25 10C16.25 13.4518 13.4518 16.25 10 16.25V17.75C14.2802 17.75 17.75 14.2802 17.75 10H16.25ZM10 3.75C13.4518 3.75 16.25 6.54822 16.25 10H17.75C17.75 5.71979 14.2802 2.25 10 2.25V3.75ZM10 2.25C5.71979 2.25 2.25 5.71979 2.25 10H3.75C3.75 6.54822 6.54822 3.75 10 3.75V2.25ZM14.4697 15.5303L20.4697 21.5303L21.5303 20.4697L15.5303 14.4697L14.4697 15.5303Z" fill="currentColor"/>
</svg>
</button>
</div>
<div class="fixed inset-x-0 bottom-0 z-10 py-2 overflow-auto search-autocomplete lg:bottom-auto lg:py-14"
x-show="autoCompleteIsOpen"
x-cloak>
<div type="button"
class="absolute appearance-none top-2 right-5 lg:hidden"
@click="closeSearch();">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" class="w-8 h-8 text-primary">
<circle fill="white" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.357 9.62334L9.64299 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.64296 9.62334L14.357 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="container max-w-7xl">
<template x-if="liveSearchSuggestions.length >= 1">
<div>
<div class="mb-2 text-xl font-semibold text-primary">
Suggestions </div>
<ul class="inline-flex flex-wrap gap-x-3 lg:gap-x-6 lg:items-center">
<template x-for="(suggestion, index) in liveSearchSuggestions" :key="index">
<li>
<a @click="searchSuggestion(suggestion)"
class="cursor-pointer">
<span class="text-sm lg:text-base"
x-text="suggestion"></span>
</a>
</li>
</template>
</ul>
</div>
</template>
<template x-if="liveSearchProducts.length >= 1">
<div>
<div class="flex items-center justify-between mt-8 mb-4">
<div class="text-xl font-semibold text-primary">
Produits </div>
<button type="submit"
class="pl-5 text-sm font-medium underline text-primary lg:font-semibold">
Voir tous les produits </button>
</div>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-y-6 lg:gap-y-10 gap-x-14">
<template x-for="(product, index) in liveSearchProducts" :key="index">
<a class="flex gap-3 hover:cursor-pointer"
@click="handleProductClick(product)">
<div class="w-24 overflow-hidden rounded lg:w-32">
<img :src="product.image"/>
</div>
<div class="flex items-center flex-1 text-lg font-normal lg:items-start lg:flex-col">
<h3 class="lg:mt-2 lg:mb-4 text-secondary"
x-text="product.name"></h3>
<div class="flex flex-col md:flex-row pl-5 ml-auto text-base font-semibold whitespace-nowrap lg:pl-0 text-primary">
<template x-if="product.max_price > 0 && (product.min_price == 0 || (product.min_price > 0 && product.min_price >= product.max_price)) || (product.max_price == product.max_final_price)">
<span x-text="window.hyva.formatPrice(product.max_price, false, true)"></span>
</template>
<template x-if="product.max_price > product.min_price && product.min_price > 0 && product.max_final_price < product.max_price">
<div class="flex flex-col-reverse md:flex-row">
<span x-text="window.hyva.formatPrice(product.min_price, false, true)"></span>
<del x-text="window.hyva.formatPrice(product.max_price, false, true)" class="line-through font-light ml-0 md:ml-2"></del>
</div>
</template>
</div>
</div>
</a>
</template>
</div>
</div>
</template>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<script>
function initLiveSearch() {
'use strict';
return {
queryPhrase: '',
liveSearchProducts: [],
liveSearchSuggestions: [],
searchOpen: false,
search: null,
autoCompleteIsOpen: false,
isDesktop: window.matchMedia('(min-width: 768px)').matches,
isMobile: window.matchMedia('(max-width: 1023px)').matches,
selectHasChanged: false,
searchId: "dc33e561-21ce-46ba-a018-187e91f8e1ac_" +
"atelier_amaya_" +
"atelier_amaya_store_" +
"fr",
initPopover() {
this.search = this.buildSearch();
this.initTogglePopover();
},
buildSearch() {
window.magentoStorefrontEvents.context.setSearchExtension({
version: "4.7.1"
});
return new MagentoLiveSearch({
environmentId: "dc33e561-21ce-46ba-a018-187e91f8e1ac",
websiteCode: "atelier_amaya",
storeCode: "atelier_amaya_store",
storeViewCode: "fr",
apiKey: "search_gql",
});
},
// this will open the popover, whenever the search-input has focus
initTogglePopover() {
const popover = document.getElementById('search');
popover.addEventListener('focus', () => {
this.searchOpen = true;
});
},
handleProductClick(product) {
window.magentoStorefrontEvents.context.setSearchResults(
window.magentoStorefrontEvents.context.getSearchResults()
);
window.magentoStorefrontEvents.publish.searchProductClick("search-bar", `${product.sku}`);
// Timeout to prevent submission before event has fired.
setTimeout(() => window.location.href = product.url, 500);
},
// this will submit the form with the clicked suggestion as the search-phrase
searchSuggestion(suggestion, event) {
document.getElementById('search').value = suggestion;
document.getElementById('search_mini_form').submit();
},
searchInputHandler($dispatch) {
if (this.queryPhrase.length > 2) {
this.getProducts();
this.autoCompleteIsOpen = true;
if (this.isDesktop) {
$dispatch('open-overlay');
}
} else {
this.autoCompleteIsOpen = false;
if (this.isDesktop) {
$dispatch('close-overlay');
}
}
this.checkScroll();
},
checkScroll() {
if (this.isMobile) {
!this.autoCompleteIsOpen || !this.searchIsOpen ?
document.body.classList.remove('overflow-hidden') :
document.body.classList.add('overflow-hidden')
}
},
openSearch($nextTick) {
this.searchOpen = true;
$nextTick(() => {
const searchInput = document.querySelector('#search');
searchInput.focus();
});
},
closeSearch() {
this.searchOpen = false;
this.autoCompleteIsOpen = false;
this.checkScroll();
},
// get products from fetch-request and update liveSearchProducts and liveSearchSuggestions
async getProducts() {
this.searchOpen = true;
const result = await this.getLiveSearchProducts();
const resultsLimit = 6; let products = [];
const liveSearchProducts = result.data.productSearch.items.map(item => ({
name: item.product.name,
max_price: item.product.price_range.minimum_price.regular_price.value,
max_final_price: item.product.price_range.minimum_price.final_price.value,
min_price: item.product.price_range.minimum_price.final_price.value,
image: item.product.image ? item.product.image.url : 'https://atelier-amaya.com/media/catalog/product/placeholder/default/placeholder-chat-small-aa.jpg',
url: item.product.canonical_url,
id: item.product.id,
sku: item.product.sku
}));
this.liveSearchProducts = liveSearchProducts.slice(0, resultsLimit); this.liveSearchSuggestions = result.data.productSearch.suggestions;
//search-results-view
},
// retrieve products from magento live search service
async getLiveSearchProducts() {
this.searchRequestId = Math.random().toString(16).slice(2);
if (!this.search) {
return [];
}
const searchCtx = {
units: [{
searchUnitId: "search-bar",
queryTypes: ["products"],
phrase: this.queryPhrase,
currentPage: 1,
pageSize: 3,
filter: [],
sort: [{attribute: "relevance", direction: "DESC"}],
searchRequestId: this.searchRequestId
}]
};
window.magentoStorefrontEvents.context.setSearchInput(searchCtx);
window.magentoStorefrontEvents.publish.searchRequestSent("search-bar");
const before = Date.now();
const result = await this.search.productSearch({
phrase: this.queryPhrase,
data: {
products: true,
facets: true,
suggestions: true
}
});
const after = Date.now();
const productItems = result.data.productSearch.items || [];
const suggestions = result.data.productSearch.suggestions || [];
const facets = result.data.productSearch.facets || [];
const formattedProductItems = productItems.map((item, key) => ({
name: item.product.name,
sku: item.product.sku,
url: item.product.canonical_url,
imageUrl: item.product.image ? item.product.image.url : 'https://atelier-amaya.com/media/catalog/product/placeholder/default/placeholder-chat-small-aa.jpg',
price: item.product.price_range.minimum_price.final_price.value,
rank: key,
}));
const formattedSuggestions = suggestions.map((item, key) => ({
suggestion: item,
rank: key,
}));
const formattedFacets = facets.map((facet) => ({
attribute: facet.attribute,
title: facet.title,
type: facet.type || "PINNED",
buckets: facet.buckets.map((bucket) => bucket),
}));
const searchCtxUpdated = {
units: [{
searchUnitId: "search-bar",
searchRequestId: this.searchRequestId,
executionTime: after - before,
products: formattedProductItems,
categories: [],
suggestions: formattedSuggestions,
page: result.data.productSearch.page_info.current_page,
perPage: result.data.productSearch.page_info.page_size,
facets: formattedFacets
}]
};
window.magentoStorefrontEvents.context.setSearchResults(searchCtxUpdated);
window.magentoStorefrontEvents.publish.searchResponseReceived("search-bar");
return result;
}
}
}
</script>
</div>
<button type="button"
class="relative z-10 inline-block no-underline transition bg-transparent text-primary"
:class="searchIsOpen && 'text-opacity-10 lg:text-opacity-100'"
@click.prevent="searchButtonHandler($dispatch);"
>
<span class="sr-only">
Chercher </span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-8 h-8 lg:h-6 lg:w-6">
<path d="M15.5303 14.4697C15.2374 14.1768 14.7626 14.1768 14.4697 14.4697C14.1768 14.7626 14.1768 15.2374 14.4697 15.5303L15.5303 14.4697ZM20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L20.4697 21.5303ZM10 16.25C6.54822 16.25 3.75 13.4518 3.75 10H2.25C2.25 14.2802 5.71979 17.75 10 17.75V16.25ZM16.25 10C16.25 13.4518 13.4518 16.25 10 16.25V17.75C14.2802 17.75 17.75 14.2802 17.75 10H16.25ZM10 3.75C13.4518 3.75 16.25 6.54822 16.25 10H17.75C17.75 5.71979 14.2802 2.25 10 2.25V3.75ZM10 2.25C5.71979 2.25 2.25 5.71979 2.25 10H3.75C3.75 6.54822 6.54822 3.75 10 3.75V2.25ZM14.4697 15.5303L20.4697 21.5303L21.5303 20.4697L15.5303 14.4697L14.4697 15.5303Z" fill="currentColor"/>
</svg>
</button>
</div>
<div class="ml-3 hidden lg:block">
<a tabindex="0" role="button" aria-label="Notifications" href="#" class="wisp block focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewbox="0 0 19.4529 23.8642">
<path d="m18.9625,17.0569c-.5953-.7948-1.2105-1.5748-1.7992-2.3745-.1066-.1448-.1793-.3525-.1802-.5317-.0122-2.163-.001-4.3261-.0132-6.4891-.0027-.4945-.0392-.9935-.1143-1.4821C16.2026,1.9233,11.824-.8926,7.6654.259c-3.1855.8821-5.3801,3.7274-5.4005,7.0316-.0145,2.3596.0015,4.7194-.012,7.079-.0012.1984-.0814.4269-.1979.5887-.5137.7134-1.0535,1.4078-1.5851,2.1083-.4268.5624-.5648,1.1935-.4059,1.8754.2462,1.0559,1.1118,1.7204,2.2448,1.7234,2.4626.0065,4.9254.002,7.3882.002v-.0027c2.5144,0,5.0289.009,7.5433-.0048.909-.005,1.5851-.4501,1.9764-1.2663.3921-.8179.2888-1.6118-.2541-2.3367Zm-1.0885,1.6572c-.1503.3182-.421.4553-.7807.4545-2.4629-.0054-4.9259-.0028-7.3888-.0028-2.4526,0-4.9052.001-7.3579-.0009-.5511-.0004-.8998-.348-.8278-.8408.0212-.1448.0989-.2944.188-.414.5253-.7052,1.0555-1.4069,1.5966-2.1001.313-.401.4539-.8414.4521-1.3508-.0086-2.3598-.0086-4.7197-.0026-7.0797.0074-2.9221,2.0287-5.308,4.9095-5.8079,3.0715-.533,6.1346,1.6135,6.6989,4.7076.0775.4249.1159.8627.1182,1.2948.0116,2.2253.0102,4.4507.0017,6.676-.0019.4877.1333.9094.4315,1.294.6022.7767,1.1863,1.5675,1.7908,2.3424.2007.2573.3145.5228.1705.8275Z" fill="#071d49" stroke-width="0"/>
<path d="m11.4675,21.579c-1.1322,1.0595-2.5008,1.0617-3.6221.0058-.3537-.3331-.799-.3482-1.1032-.0373-.3101.3169-.2903.7425.0623,1.1016.7853.7999,1.7468,1.1896,2.8617,1.2151,1.1143-.0332,2.0767-.4209,2.8549-1.2301.3391-.3524.3458-.7974.0284-1.1033-.3031-.2922-.7389-.2728-1.082.0482Z" fill="#071d49" stroke-width="0"/>
</svg>
</a>
</div>
<div x-data="{ open: false }"
class="relative inline-block ml-3">
<a
href="https://atelier-amaya.com/fr/customer/account/"
id="customer-menu"
type="button"
class="block appearance-none hover:text-black"
@click.prevent="open = true"
aria-haspopup="true"
aria-expanded="true"
aria-label="Mon Compte"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-8 h-8 lg:h-6 lg:w-6 text-primary hover:text-primary-darker">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 7C8.75 5.20507 10.2051 3.75 12 3.75C13.7949 3.75 15.25 5.20507 15.25 7C15.25 8.79493 13.7949 10.25 12 10.25C10.2051 10.25 8.75 8.79493 8.75 7ZM12 2.25C9.37665 2.25 7.25 4.37665 7.25 7C7.25 9.62335 9.37665 11.75 12 11.75C14.6234 11.75 16.75 9.62335 16.75 7C16.75 4.37665 14.6234 2.25 12 2.25ZM5.75 18.3333C5.75 16.8886 6.88707 15.75 8.25 15.75H15.75C17.1129 15.75 18.25 16.8886 18.25 18.3333V19.25H5.75V18.3333ZM8.25 14.25C6.02307 14.25 4.25 16.0962 4.25 18.3333V20C4.25 20.4142 4.58579 20.75 5 20.75H19C19.4142 20.75 19.75 20.4142 19.75 20V18.3333C19.75 16.0962 17.9769 14.25 15.75 14.25H8.25Z" fill="currentColor"/>
</svg>
</a>
<nav class="absolute right-0 z-20 hidden w-40 px-1 py-2 mt-2 -mr-4 overflow-auto origin-top-right rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter"
:class="{ 'hidden' : !open }"
@click.away="open = false"
aria-labelledby="customer-menu"
>
<a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )"
href="https://atelier-amaya.com/fr/customer/account/index/">
Se connecter </a>
<a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
href="https://atelier-amaya.com/fr/customer/account/create/"
>
Créer un compte </a>
</nav>
</div>
<a id="menu-cart-icon"
class="relative inline-block ml-3 no-underline hover:text-black"
href="https://atelier-amaya.com/fr/checkout/cart/index/"
>
<span class="sr-only">
Cart </span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-8 h-8 lg:h-6 lg:w-6 text-primary hover:text-primary-darker">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75 6C9.75 4.75736 10.7574 3.75 12 3.75C13.2426 3.75 14.25 4.75736 14.25 6V6.25H9.75V6ZM8.25 7.75V9C8.25 9.41421 8.58579 9.75 9 9.75C9.41422 9.75 9.75 9.41421 9.75 9V7.75H14.25V9C14.25 9.41421 14.5858 9.75 15 9.75C15.4142 9.75 15.75 9.41421 15.75 9V7.75H17.3055L18.1901 19.25H5.80991L6.69453 7.75H8.25ZM8.25 6.25V6C8.25 3.92893 9.92893 2.25 12 2.25C14.0711 2.25 15.75 3.92893 15.75 6V6.25H18C18.3919 6.25 18.7177 6.55173 18.7478 6.94248L19.7478 19.9425C19.7638 20.1508 19.6922 20.3563 19.5503 20.5096C19.4084 20.6629 19.2089 20.75 19 20.75H5C4.79109 20.75 4.59165 20.6629 4.44971 20.5096C4.30777 20.3563 4.23619 20.1508 4.25221 19.9425L5.25221 6.94248C5.28227 6.55173 5.6081 6.25 6 6.25H8.25Z" fill="currentColor"/>
</svg>
<span x-text="cart.summary_count"
class="cart-summary-count absolute hidden h-3.5 w-3.5 text-[0.625rem] bg-red-300 font-sans font-bold text-center text-white rounded-full right-0 top-0 lg:-right-1 lg:-top-1"
:class="{ 'hidden': !cart.summary_count, 'block': cart.summary_count }"
></span>
</a>
</div>
<div x-data="initMenuMobile_6a1f289844cff()"
class="z-20 order-2 sm:order-1 lg:order-2 mobile-navigation lg:hidden">
<div class="fixed inset-0 z-10 h-full overflow-x-hidden overflow-y-auto bg-container-lighter"
x-ref="menu"
:class="open ? 'flex' : 'hidden'"
@open-mobile-menu.window="openMenuHandler()"
@keydown.window.escape="closeMenuHandler()"
x-cloak>
<div class="absolute top-0 right-0 z-10 flex justify-end h-20">
<a @click="closeMenuHandler()"
class="absolute flex items-center justify-center transform -translate-y-1/2 cursor-pointer right-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewbox="0 0 24 24" fill="none" class="w-8 h-8 text-blueGray-400">
<circle fill="white" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.357 9.62334L9.64299 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.64296 9.62334L14.357 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<nav class="w-full transition"
:style="currentStep > 0 ? `transform: translateX(-${currentStep}00%)` : 'transform: translateX(0%)'">
<ul class="flex flex-col h-full">
<li class="flex items-center justify-center h-20 transition border-b border-gray-200">
<div class="w-20">
<a class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title"
href="https://atelier-amaya.com/fr/"
title=""
aria-label="store logo">
<img src="https://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/images/logo.svg"
title=""
alt=""
width="80" height="30" />
</a>
</div>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/fete-des-peres"
title="Fête des Pères &#128153;">
Fête des Pères 💙 </a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel1 = 'category-node-5'">
Bijoux
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel1 === 'category-node-5'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bijoux </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux"
title="Bijoux"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les bijoux </span>
</a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-8'">
Bracelets Femme
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-8'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bracelets Femme </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets"
title="Bracelets Femme"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les bracelets </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets/bracelets-argent-925"
title="Bracelets argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets/bracelets-plaque-or"
title="Bracelets plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets plaqué or </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets/bracelets-plaque-or-rose"
title="Bracelets plaqué or rose"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets plaqué or rose </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-23'">
Bagues Femme
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-23'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bagues Femme </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bagues"
title="Bagues Femme"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir toutes les bagues </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bagues/bagues-argent-925"
title="Bagues argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bagues argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bagues/bagues-plaque-or"
title="Bagues plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bagues plaqué or </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bagues/bagues-plaque-or-rose"
title="Bagues plaqué or rose"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bagues plaqué or rose </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-26'">
Colliers Femme
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-26'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Colliers Femme </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/colliers"
title="Colliers Femme"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les colliers </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/colliers/colliers-argent-925"
title="Colliers argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/colliers/colliers-plaque-or"
title="Colliers plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers plaqué or </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/colliers/colliers-plaque-or-rose"
title="Colliers plaqué or rose"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers plaqué or rose </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/colliers/sautoirs"
title="Sautoirs"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Sautoirs </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-29'">
Boucles d'oreilles Femme
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-29'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Boucles d'oreilles Femme </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles"
title="Boucles d'oreilles Femme"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir toutes les boucles d oreilles </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-argent-925"
title="Boucles d’oreilles argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d’oreilles argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-plaque-or"
title="Boucles d’oreilles plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d’oreilles plaqué or </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-plaque-or-rose"
title="Boucles d’oreilles plaqué or rose"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d’oreilles plaqué or rose </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles/piercings"
title="Piercings"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Piercings </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-32'">
Pendentifs
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-32'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Pendentifs </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/pendentifs"
title="Pendentifs"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les pendentifs </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/pendentifs/pendentifs-argent-925"
title="Pendentifs argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Pendentifs argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/pendentifs/pendentifs-plaque-or"
title="Pendentifs plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Pendentifs plaqué or </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/pendentifs/pendentifs-plaque-or-rose"
title="Pendentifs plaqué or rose"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Pendentifs plaqué or rose </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/chaines-de-cheville"
title="Chaînes de cheville ">
Chaînes de cheville </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="/fr/amaya-joaillerie"
title="Amaya Joaillerie">
Amaya Joaillerie </a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-448'">
Bijoux en Or
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-448'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bijoux en Or </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/amaya-joaillerie"
title="Bijoux en Or"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Tout voir </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/amaya-joaillerie/boucles-d-oreilles-or-14-carats"
title="Boucles d'oreilles or 14 carats"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d'oreilles or 14 carats </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/amaya-joaillerie/bracelets-or-14-carats"
title="Bracelets or 14 carats"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets or 14 carats </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/amaya-joaillerie/colliers-or-14-carats"
title="Colliers or 14 carats"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers or 14 carats </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/amaya-joaillerie/pendentifs-or-14-carats"
title="Pendentifs or 14 carats"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Pendentifs or 14 carats </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-38'">
Bijoux Homme
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-38'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bijoux Homme </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-hommes"
title="Bijoux Homme"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les bijoux </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-hommes/bracelets-homme-argent-925"
title="Bracelets homme argent 925"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets homme argent 925 </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-hommes/bracelets-homme-plaque-or"
title="Bracelets homme plaqué or"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets homme plaqué or </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-41'">
Bijoux Enfant
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-41'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bijoux Enfant </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-enfants"
title="Bijoux Enfant"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir tous les bijoux </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-enfants/bracelets-enfants"
title="Bracelets"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-enfants/colliers-enfants"
title="Colliers"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/bijoux-femmes"
title="Bijoux Femme">
Bijoux Femme </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/bijoux-argent"
title="Bijoux argent ">
Bijoux argent </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/bijoux-plaque-or"
title="Bijoux plaqué or">
Bijoux plaqué or </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/bijoux-plaque-or-rose"
title="Bijoux plaqué or rose">
Bijoux plaqué or rose </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/bar-a-bijoux"
title="Composer mon bijou">
Composer mon bijou </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux"
title="Boîte à bijoux">
Boîte à bijoux </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="/fr/best-sellers"
title="Best-sellers">
Best-sellers </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/nouveautes"
title="Nouveautés">
Nouveautés </a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel1 = 'category-node-209'">
Bijoux à graver
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel1 === 'category-node-209'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Bijoux à graver </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/bijoux-a-graver"
title="Bijoux à graver"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Tout voir </span>
</a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux-a-graver/bracelets-a-graver"
title="Bracelets à graver">
Bracelets à graver </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux-a-graver/colliers-a-graver"
title="Colliers à graver">
Colliers à graver </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux-a-graver/bagues-a-graver"
title="Bagues à graver ">
Bagues à graver </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/bijoux-a-graver/medailles-a-graver"
title="Médailles à graver">
Médailles à graver </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel1 = 'category-node-122'">
Cadeaux
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel1 === 'category-node-122'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Cadeaux </span>
</button>
</li>
<li>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeaux-pour-elle"
title="Cadeau pour elle">
Cadeau pour elle </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeaux-pour-lui"
title="Cadeau pour lui">
Cadeau pour lui </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/bijoux-couple"
title="Cadeau couple">
Cadeau couple </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeau-enfant"
title="Cadeau enfant">
Cadeau enfant </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/bijoux-famille"
title="Cadeau famille">
Cadeau famille </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-a-moins-de-40"
title="Cadeaux à moins de 40€">
Cadeaux à moins de 40€ </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-a-moins-de-60"
title="Cadeaux à moins de 60€">
Cadeaux à moins de 60€ </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-a-moins-de-80"
title="Cadeaux entre 60€ et 80€">
Cadeaux entre 60€ et 80€ </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-a-moins-de-100"
title="Cadeaux entre 80€ et 100€">
Cadeaux entre 80€ et 100€ </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-a-moins-de-200"
title="Cadeaux à plus de 100€">
Cadeaux à plus de 100€ </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-mariage"
title="Cadeau mariage">
Cadeau mariage </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/idees-cadeaux-evjf"
title="Cadeaux EVJF">
Cadeaux EVJF </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeau-naissance"
title="Cadeau naissance">
Cadeau naissance </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeau-bapteme"
title="Cadeau baptême">
Cadeau baptême </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeau-anniversaire"
title="Cadeau anniversaire">
Cadeau anniversaire </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/cadeaux/cadeau-fin-annee-scolaire"
title="Cadeau fin d'année scolaire">
Cadeau fin d'année scolaire </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/carte-cadeau"
title="Carte cadeau">
Carte cadeau </a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel1 = 'category-node-119'">
Collections
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel1 === 'category-node-119'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Collections </span>
</button>
</li>
<li>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/pierres-de-naissance"
title="Pierres de naissance">
Pierres de naissance </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bracelets-cordons"
title="Bracelets cordons">
Bracelets cordons </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bijoux-silhouette"
title="Bijoux silhouettes">
Bijoux silhouettes </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bracelets-liberty"
title="Bracelets Liberty ®">
Bracelets Liberty ® </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/initiales"
title="Initiales">
Initiales </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bijoux-perles"
title="Bijoux perles">
Bijoux perles </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/collection-astro"
title="Collection astro">
Collection astro </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bracelets-cordons-scintillants"
title="Bracelets cordons scintillants">
Bracelets cordons scintillants </a>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/collections/bijoux-charms"
title="Bijoux charms ">
Bijoux charms </a>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-200'">
Les bijoux pierres
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-200'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Les bijoux pierres </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines"
title="Les bijoux pierres "
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Tout voir </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines/bracelets-avec-pierres"
title="Bracelets avec pierres"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets avec pierres </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines/bagues-avec-pierres"
title="Bagues avec pierres"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bagues avec pierres </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines/colliers-en-pierres"
title="Colliers avec pierres"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers avec pierres </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines/boucles-d-oreilles-avec-pierres"
title="Boucles d’oreilles avec pierres"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d’oreilles avec pierres </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines/pendentifs-pierres-fines"
title="Pendentifs avec pierres"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Pendentifs avec pierres </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-158'">
Les bijoux personnalisés
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-158'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Les bijoux personnalisés </span>
</button>
</li>
<li>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/bracelets-personnalises"
title="Bracelets personnalisés"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bracelets personnalisés </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/bagues-personnalisees"
title="Bagues personnalisées"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Bagues personnalisées </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/colliers-personnalises"
title="Colliers personnalisés"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Colliers personnalisés </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/boucles-d-oreilles-personnalisees"
title="Boucles d'oreilles avec pampille"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Boucles d'oreilles avec pampille </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/chaines-a-l-unite"
title="Chaînes à l'unité"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Chaînes à l'unité </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/collections-a-personnaliser/medailles"
title="Médailles"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Médailles </a>
</li>
</ul>
</li>
<li>
<button type="button"
class="flex items-center justify-between w-full px-6 py-4 text-xl font-normal text-left cursor-pointer text-primary"
@click="nextSlide(); activeLevel2 = 'category-node-35'">
Les compositions
<span class="flex items-center justify-end w-8 h-8 ml-4 text-xl cursor-pointer text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M10 8L14 12L10 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<ul class="absolute inset-0 w-screen transform translate-x-full"
x-show="activeLevel2 === 'category-node-35'">
<li>
<button type="button"
class="relative flex items-center justify-center w-full h-20 py-4 border-b border-gray-200 cursor-pointer px-14"
@click="prevSlide();">
<span class="absolute transform -translate-y-1/2 left-3 top-1/2">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewbox="0 0 24 24" fill="none" class="w-7 h-7 text-primary">
<path d="M14 8L10 12L14 16" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="text-2xl leading-tight text-center text-salmon-500">
Les compositions </span>
</button>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions"
title="Les compositions"
class="flex items-center w-full px-6 py-4 cursor-pointer text-primary">
<span class="text-xl font-normal underline">
Voir toutes les compositions </span>
</a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions/dernieres-compositions"
title="Dernières compositions"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Dernières compositions </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions/compositions-de-bracelets"
title="Compositions de bracelets"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Compositions de bracelets </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions/compositions-de-bagues"
title="Compositions de bagues"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Compositions de bagues </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions/compositions-de-colliers"
title="Compositions de colliers"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Compositions de colliers </a>
</li>
<li>
<a href="https://atelier-amaya.com/fr/collections/compositions/compositions-de-boucles-d-oreilles"
title="Compositions de boucles d'oreilles"
class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0">
Compositions de boucles d'oreilles </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="/fr/bijoux-mariage"
title="Collection Cérémonie">
Collection Cérémonie </a>
</li>
</ul>
</li>
<li>
<a class="flex items-center w-full px-6 py-4 text-xl font-normal cursor-pointer text-primary level-0"
href="https://atelier-amaya.com/fr/accessoires"
title="Accessoires">
Accessoires </a>
</li>
<li class="flex items-center px-6 py-4 mt-auto transition mobile-menu-footer bg-secondary">
<a href="https://atelier-amaya.com/fr/boutiques/"
class="text-base font-semibold tracking-wide text-white uppercase">
Boutiques </a>
<div class="notifications ml-3">
<span class="inline-block align-middle bg-white h-0.5 w-2.5 mr-2"></span>
<a tabindex="0" role="button" aria-label="Notifications" href="#" class="wisp block focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewbox="0 0 19.4529 23.8642">
<path d="m18.9625,17.0569c-.5953-.7948-1.2105-1.5748-1.7992-2.3745-.1066-.1448-.1793-.3525-.1802-.5317-.0122-2.163-.001-4.3261-.0132-6.4891-.0027-.4945-.0392-.9935-.1143-1.4821C16.2026,1.9233,11.824-.8926,7.6654.259c-3.1855.8821-5.3801,3.7274-5.4005,7.0316-.0145,2.3596.0015,4.7194-.012,7.079-.0012.1984-.0814.4269-.1979.5887-.5137.7134-1.0535,1.4078-1.5851,2.1083-.4268.5624-.5648,1.1935-.4059,1.8754.2462,1.0559,1.1118,1.7204,2.2448,1.7234,2.4626.0065,4.9254.002,7.3882.002v-.0027c2.5144,0,5.0289.009,7.5433-.0048.909-.005,1.5851-.4501,1.9764-1.2663.3921-.8179.2888-1.6118-.2541-2.3367Zm-1.0885,1.6572c-.1503.3182-.421.4553-.7807.4545-2.4629-.0054-4.9259-.0028-7.3888-.0028-2.4526,0-4.9052.001-7.3579-.0009-.5511-.0004-.8998-.348-.8278-.8408.0212-.1448.0989-.2944.188-.414.5253-.7052,1.0555-1.4069,1.5966-2.1001.313-.401.4539-.8414.4521-1.3508-.0086-2.3598-.0086-4.7197-.0026-7.0797.0074-2.9221,2.0287-5.308,4.9095-5.8079,3.0715-.533,6.1346,1.6135,6.6989,4.7076.0775.4249.1159.8627.1182,1.2948.0116,2.2253.0102,4.4507.0017,6.676-.0019.4877.1333.9094.4315,1.294.6022.7767,1.1863,1.5675,1.7908,2.3424.2007.2573.3145.5228.1705.8275Z" fill="#071d49" stroke-width="0"/>
<path d="m11.4675,21.579c-1.1322,1.0595-2.5008,1.0617-3.6221.0058-.3537-.3331-.799-.3482-1.1032-.0373-.3101.3169-.2903.7425.0623,1.1016.7853.7999,1.7468,1.1896,2.8617,1.2151,1.1143-.0332,2.0767-.4209,2.8549-1.2301.3391-.3524.3458-.7974.0284-1.1033-.3031-.2922-.7389-.2728-1.082.0482Z" fill="#071d49" stroke-width="0"/>
</svg>
</a>
</div>
</li>
</ul>
</nav>
</div>
</div>
<script>
'use strict';
const initMenuMobile_6a1f289844cff = () => {
return {
open: false,
scrollPosition: 0,
currentStep: 0,
activeLevel1: 0,
activeLevel2: 0,
openMenuHandler() {
const menu = this.$refs.menu;
menu.style.setProperty('height', `${window.innerHeight}px`);
this.open = true;
this.lockBody();
},
closeMenuHandler() {
const menu = this.$refs.menu;
menu.style.setProperty('height', 'auto');
this.open = false;
this.unlockBody();
this.resetMenu();
},
lockBody() {
const body = document.querySelector('body');
this.scrollPosition = window.pageYOffset;
body.style.overflow = 'hidden';
body.style.position = 'fixed';
body.style.top = `-${this.scrollPosition}px`;
body.style.width = '100%';
},
unlockBody() {
const body = document.querySelector('body');
body.style.removeProperty('overflow');
body.style.removeProperty('position');
body.style.removeProperty('top');
body.style.removeProperty('width');
window.scrollTo(0, this.scrollPosition);
},
nextSlide() {
this.currentStep += 1;
},
prevSlide() {
this.currentStep -= 1;
},
resetMenu() {
this.currentStep = 0;
this.activeLevel1 = 0;
this.activeLevel2 = 0;
}
}
}
</script>
<div x-data="initMenuDesktop_6a1f289864695()"
class="z-20 order-2 hidden sm:order-1 lg:order-2 desktop-navigation lg:flex"
>
<!-- desktop -->
<div x-ref="nav-desktop"
@load.window="setActiveMenu($el)"
@mouseleave="isVisited = false"
class="items-center justify-between w-full mx-auto desktop-menu max-w-7xl">
<nav class="flex justify-center">
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-360', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="https://atelier-amaya.com/fr/fete-des-peres"
title="Fête des Pères &#128153;"
>
Fête des Pères 💙 </a>
</span>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-5', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="/fr/nos-bijoux"
title="Bijoux"
>
Bijoux </a>
</span>
<div
class="absolute bottom-0 left-0 right-0 z-10 hidden px-6 py-12 transform translate-y-full bg-container-lighter"
:class="{ 'hidden' : hoverPanelActiveId !== 'category-node-5', 'block' : hoverPanelActiveId === 'category-node-5' }">
<style>#html-body [data-pb-style=M6O7HWX],#html-body [data-pb-style=TN811ME]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=TN811ME]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=M6O7HWX]{align-self:stretch}#html-body [data-pb-style=C209IXY]{display:flex;width:100%}#html-body [data-pb-style=VWFK0AL]{justify-content:flex-start;display:flex;flex-direction:column;width:100%;align-self:stretch}#html-body [data-pb-style=J94R6B3],#html-body [data-pb-style=VWFK0AL],#html-body [data-pb-style=Y0MCGQ1]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y0MCGQ1]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=J94R6B3]{align-self:stretch}#html-body [data-pb-style=W7BE4AG]{display:flex;width:100%}#html-body [data-pb-style=AGID7E1],#html-body [data-pb-style=H0UQJEI],#html-body [data-pb-style=K7PD10H],#html-body [data-pb-style=PVNHOQ4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:stretch}#html-body [data-pb-style=S3IRIED]{margin-top:10px}#html-body [data-pb-style=MT54T2K]{justify-content:flex-start;display:flex;flex-direction:column;width:20%;align-self:stretch}#html-body [data-pb-style=GFQS42D],#html-body [data-pb-style=KBX8NN8],#html-body [data-pb-style=MT54T2K]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GFQS42D]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=KBX8NN8]{align-self:stretch}#html-body [data-pb-style=OSIKGVM]{display:flex;width:100%}#html-body [data-pb-style=C29UOJI],#html-body [data-pb-style=HU96H0W],#html-body [data-pb-style=I9MW2JE],#html-body [data-pb-style=O46CDMN]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:stretch}#html-body [data-pb-style=OMS2EKO]{padding-top:15px}#html-body [data-pb-style=O86OUEM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:stretch}#html-body [data-pb-style=AKD3XS5]{border-style:none}#html-body [data-pb-style=CE92OMS],#html-body [data-pb-style=E0O6DBK]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=AKD3XS5]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-4-col-content-1-visual-push" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="TN811ME"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="15" data-element="main" data-pb-style="M6O7HWX"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="C209IXY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VWFK0AL"><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Y0MCGQ1"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="15" data-element="main" data-pb-style="J94R6B3"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="W7BE4AG"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K7PD10H"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/bracelets">Bracelets Femme</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/bracelets/bracelets-argent-925">Bracelets argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/bracelets/bracelets-plaque-or">Bracelets plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/bracelets/bracelets-plaque-or-rose">Bracelets plaqué or rose</a></li>
</ul>
</li>
<li><a tabindex="0" href="/fr/bijoux/chaines-de-cheville">Chaînes de cheville</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="AGID7E1"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/boucles-d-oreilles">Boucles d’oreilles Femme</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-argent-925">Boucles d’oreilles argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-plaque-or">Boucles d’oreilles plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/boucles-d-oreilles/boucles-d-oreilles-plaque-or-rose">Boucles d’oreilles plaqué or rose</a></li>
<li><a tabindex="0" href="/fr/bijoux/boucles-d-oreilles/piercings">Piercings</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="H0UQJEI"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/bijoux/bijoux-femmes">Bijoux Femme</a></li>
<li><a tabindex="0" href="/fr/bijoux/bijoux-argent">Bijoux argent </a></li>
<li><a tabindex="0" href="/fr/bijoux/bijoux-plaque-or">Bijoux plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/bijoux-plaque-or-rose">Bijoux plaqué or rose</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PVNHOQ4"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/bijoux-hommes">Bijoux Homme</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/bijoux-hommes/bracelets-homme-argent-925">Bracelets argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/bijoux-hommes/bracelets-homme-plaque-or">Bracelets plaqué or</a></li>
<li><a href="/fr/cadeaux/bijoux-couple">Bracelets couple</a></li>
</ul>
</li>
</ul></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="S3IRIED"><ul>
<li><a tabindex="0" href="/fr/bijoux/bijoux-enfants">Bijoux Enfant</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/bijoux-enfants/bracelets-enfants">Bracelets</a></li>
<li><a tabindex="0" href="/fr/bijoux/bijoux-enfants/colliers-enfants">Colliers</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MT54T2K"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/bijoux/amaya-joaillerie">Amaya Joaillerie</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/amaya-joaillerie/bracelets-or-14-carats">Bracelets or 14 carats</a></li>
<li><a tabindex="0" href="/fr/bijoux/amaya-joaillerie/boucles-d-oreilles-or-14-carats">Boucles d'oreilles or 14 carats</a></li>
<li><a tabindex="0" href="/fr/bijoux/amaya-joaillerie/colliers-or-14-carats">Colliers 14 carats</a></li>
<li><a tabindex="0" href="/fr/bijoux/amaya-joaillerie/pendentifs-or-14-carats">Pendentifs or 14 carats</a></li>
</ul>
</li>
</ul></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="content-4-col-visual-push" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GFQS42D"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="15" data-element="main" data-pb-style="KBX8NN8"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OSIKGVM"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HU96H0W"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/colliers">Colliers Femme</a>
<ul>
<li><a id="EX8TRJV" tabindex="0" href="/fr/bijoux/colliers/colliers-argent-925">Colliers argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/colliers/colliers-plaque-or">Colliers plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/colliers/colliers-plaque-or-rose">Colliers plaqué or rose</a></li>
<li><a href="/fr/bijoux/colliers/sautoirs">Sautoirs</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I9MW2JE"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/bagues">Bagues Femme</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/bagues/bagues-argent-925">Bagues argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/bagues/bagues-plaque-or">Bagues plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/bagues/bagues-plaque-or-rose">Bagues plaqué or rose</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="O46CDMN"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li id="PLMAXDN"><a tabindex="0" href="/fr/bijoux/pendentifs">Pendentifs</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux/pendentifs/pendentifs-argent-925">Pendentifs argent 925</a></li>
<li><a tabindex="0" href="/fr/bijoux/pendentifs/pendentifs-plaque-or">Pendentifs plaqué or</a></li>
<li><a tabindex="0" href="/fr/bijoux/pendentifs/pendentifs-plaque-or-rose">Pendentifs plaqué or rose</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C29UOJI"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="OMS2EKO"><ul>
<li><a href="/fr/bijoux/bar-a-bijoux">Composer mon bijou</a></li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="O86OUEM"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="AKD3XS5"><a href="/fr/amaya-joaillerie" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/menu_joaillerie_3_1__1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="CE92OMS"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/menu_joaillerie_3_1__1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="E0O6DBK"></a></figure></div></div></div></div></div></div></div></div></div></div><style type="text/css"></style>
</div>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-203', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="/fr/best-sellers"
title="Best-sellers"
>
Best-sellers </a>
</span>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-134', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="https://atelier-amaya.com/fr/nouveautes"
title="Nouveautés"
>
Nouveautés </a>
</span>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-209', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="https://atelier-amaya.com/fr/bijoux-a-graver"
title="Bijoux à graver"
>
Bijoux à graver </a>
</span>
<div
class="absolute bottom-0 left-0 right-0 z-10 hidden px-6 py-12 transform translate-y-full bg-container-lighter"
:class="{ 'hidden' : hoverPanelActiveId !== 'category-node-209', 'block' : hoverPanelActiveId === 'category-node-209' }">
<style>#html-body [data-pb-style=HI1I2MD],#html-body [data-pb-style=T1GX1UB]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=T1GX1UB]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=HI1I2MD]{align-self:stretch}#html-body [data-pb-style=EH25HMO]{display:flex;width:100%}#html-body [data-pb-style=HCGBTT2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=HCA3NIE]{border-style:none}#html-body [data-pb-style=DTY4KNO],#html-body [data-pb-style=O4FQYIU]{max-width:100%;height:auto}#html-body [data-pb-style=YNLNGQS]{display:inline-block}#html-body [data-pb-style=A1H026Q]{text-align:center}#html-body [data-pb-style=NDJCTVC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=N8BMI52]{border-style:none}#html-body [data-pb-style=EEQI8X3],#html-body [data-pb-style=SY3IR4O]{max-width:100%;height:auto}#html-body [data-pb-style=QUQ764X]{display:inline-block}#html-body [data-pb-style=H3G7XY5]{text-align:center}#html-body [data-pb-style=LWSHVWX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=RN2TH4X]{border-style:none}#html-body [data-pb-style=FLB8021],#html-body [data-pb-style=N5Y2DC7]{max-width:100%;height:auto}#html-body [data-pb-style=VX5SMHP]{display:inline-block}#html-body [data-pb-style=JTRISVW]{text-align:center}#html-body [data-pb-style=IIG7J40]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=QYMEJ4O]{border-style:none}#html-body [data-pb-style=FQCEQ0Y],#html-body [data-pb-style=GTH7G4K]{max-width:100%;height:auto}#html-body [data-pb-style=TBGM183]{display:inline-block}#html-body [data-pb-style=D6W7NG3]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=HCA3NIE],#html-body [data-pb-style=N8BMI52],#html-body [data-pb-style=QYMEJ4O],#html-body [data-pb-style=RN2TH4X]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-3-visual-push" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="T1GX1UB"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="16" data-element="main" data-pb-style="HI1I2MD"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EH25HMO"><div class="pagebuilder-column menu-visual-push" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HCGBTT2"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="HCA3NIE"><a href="/fr/bijoux-a-graver/bracelets-a-graver" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bracelets_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="DTY4KNO"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bracelets_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="O4FQYIU"></a></figure><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="YNLNGQS"><a class="pagebuilder-button-primary" href="/fr/bijoux-a-graver/bracelets-a-graver" target="" data-link-type="default" data-element="link" data-pb-style="A1H026Q"><span data-element="link_text">Bracelets</span></a></div></div></div><div class="pagebuilder-column menu-visual-push" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NDJCTVC"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="N8BMI52"><a href="/fr/bijoux-a-graver/colliers-a-graver" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/colliers_2.jpg" alt="" title="" data-element="desktop_image" data-pb-style="EEQI8X3"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/colliers_2.jpg" alt="" title="" data-element="mobile_image" data-pb-style="SY3IR4O"></a></figure><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="QUQ764X"><a class="pagebuilder-button-primary" href="/fr/bijoux-a-graver/colliers-a-graver" target="" data-link-type="default" data-element="link" data-pb-style="H3G7XY5"><span data-element="link_text">Colliers</span></a></div></div></div><div class="pagebuilder-column menu-visual-push" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LWSHVWX"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="RN2TH4X"><a href="/fr/bijoux-a-graver/bagues-a-graver" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bagues_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="FLB8021"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bagues_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="N5Y2DC7"></a></figure><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="VX5SMHP"><a class="pagebuilder-button-primary" href="/fr/bijoux-a-graver/bagues-a-graver" target="" data-link-type="default" data-element="link" data-pb-style="JTRISVW"><span data-element="link_text">Bagues</span></a></div></div></div><div class="pagebuilder-column menu-visual-push" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IIG7J40"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="QYMEJ4O"><a href="/fr/bijoux-a-graver/medailles-a-graver" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/9a39a006-c656-40a6-a813-front-fotor-20250410125620_2_.jpg" alt="" title="" data-element="desktop_image" data-pb-style="FQCEQ0Y"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/9a39a006-c656-40a6-a813-front-fotor-20250410125620_2_.jpg" alt="" title="" data-element="mobile_image" data-pb-style="GTH7G4K"></a></figure><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="TBGM183"><a class="pagebuilder-button-primary" href="/fr/bijoux-a-graver/medailles-a-graver" target="_blank" data-link-type="default" data-element="link" data-pb-style="D6W7NG3"><span data-element="link_text">Médailles</span></a></div></div></div></div></div></div></div><style type="text/css"></style>
</div>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-122', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<span class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal cursor-pointer text-primary hover:text-salmon-500 hover:font-semibold level-0"
title="Cadeaux">
Cadeaux </span>
</span>
<div
class="absolute bottom-0 left-0 right-0 z-10 hidden px-6 py-12 transform translate-y-full bg-container-lighter"
:class="{ 'hidden' : hoverPanelActiveId !== 'category-node-122', 'block' : hoverPanelActiveId === 'category-node-122' }">
<style>#html-body [data-pb-style=K6ULYWX],#html-body [data-pb-style=XG9239U]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=K6ULYWX]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XG9239U]{align-self:stretch}#html-body [data-pb-style=WM5VN0B]{display:flex;width:100%}#html-body [data-pb-style=MPJYFKC],#html-body [data-pb-style=P8LG5RR],#html-body [data-pb-style=V64UXQQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:stretch}#html-body [data-pb-style=MPJYFKC],#html-body [data-pb-style=P8LG5RR]{width:26.6667%}#html-body [data-pb-style=FF8R60X]{padding-right:10px}#html-body [data-pb-style=CO05WOK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:26.6667%;align-self:stretch}#html-body [data-pb-style=Q8D80SF]{padding-right:10px}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-1-col-content-2-visual-push" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="K6ULYWX"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="15" data-element="main" data-pb-style="XG9239U"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WM5VN0B"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="V64UXQQ"><div data-content-type="text" data-appearance="default" data-element="main"><ul id="TU0UT83">
<li><span style="color: rgb(7, 29, 73);">Par destinataire</span>
<ul id="TU0UT83">
<li style="color: rgb(7, 29, 73); font-weight: bold;"><strong><span style="color: rgb(183, 82, 104);"><a style="color: rgb(183, 82, 104);" tabindex="0" href="/fr/fete-des-peres"><span style="color: rgb(7, 29, 73);">Fête des Pères </span></a></span></strong></li>
<li><a tabindex="0" href="/fr/cadeaux/cadeaux-pour-elle">Pour elle</a></li>
<li><a tabindex="0" href="/fr/cadeaux/cadeaux-pour-lui">Pour lui</a></li>
<li><a tabindex="0" href="/fr/cadeaux/bijoux-couple">Pour les couples</a></li>
<li><a tabindex="0" href="/fr/cadeaux/cadeau-enfant">Pour les enfants</a></li>
<li><a tabindex="0" href="/fr/cadeaux/bijoux-famille">Pour la famille</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MPJYFKC"><div data-content-type="text" data-appearance="default" data-element="main"><ul id="TU0UT83">
<li><span style="color: rgb(7, 29, 73);">Par prix</span>
<ul id="TU0UT83">
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-a-moins-de-40">Cadeaux à moins de 40€</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-a-moins-de-60">Cadeaux à moins de 60€</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-a-moins-de-80">Cadeaux entre 60€ et 80€</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-a-moins-de-100">Cadeaux entre 80€ et 100€</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-a-moins-de-200">Cadeaux à plus de 100€</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P8LG5RR"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="FF8R60X"><ul>
<li><span style="color: rgb(7, 29, 73);">Par occasion</span>
<ul>
<li><a tabindex="0" href="/fr/cadeaux/cadeau-naissance">Naissance</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-mariage">Mariage</a></li>
<li><a tabindex="0" href="/fr/cadeaux/cadeau-anniversaire">Anniversaire</a></li>
<li><a tabindex="0" href="/fr/cadeaux/cadeau-bapteme">Baptême</a></li>
<li><a tabindex="0" href="/fr/cadeaux/idees-cadeaux-evjf">EVJF</a></li>
</ul>
</li>
</ul>
<p> </p>
<p> </p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CO05WOK"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="Q8D80SF"><ul>
<li><span style="color: rgb(7, 29, 73);">Guide cadeaux</span>
<ul>
<li><a tabindex="0" href="/fr/carte-cadeau">Carte cadeau </a></li>
<li><a tabindex="0" href="/fr/blog/bracelets-homme-personnalisables">Bracelet homme personnalisé : le cadeau parfait pour la Fête des Pères </a></li>
<li><a tabindex="0" href="/fr/blog/pierre-de-naissance">Quelle est votre pierre de naissance ? </a></li>
<li><a tabindex="0" href="/fr/blog/quel-cadeau-offrir-demande-parrain-marraine">Quel cadeau offrir pour une annonce marraine et parrain ?</a></li>
<li><a tabindex="0" href="/fr/top-10-bijoux">Top 10</a></li>
<li><a tabindex="0" href="/fr/ambassadeurs">Sélection ambassadeurs</a></li>
</ul>
</li>
</ul>
<p> </p>
<p> </p></div></div></div></div></div></div><style type="text/css"></style>
</div>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-173', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="https://atelier-amaya.com/fr/carte-cadeau"
title="Carte cadeau"
>
Carte cadeau </a>
</span>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-119', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<span class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal cursor-pointer text-primary hover:text-salmon-500 hover:font-semibold level-0"
title="Collections">
Collections </span>
</span>
<div
class="absolute bottom-0 left-0 right-0 z-10 hidden px-6 py-12 transform translate-y-full bg-container-lighter"
:class="{ 'hidden' : hoverPanelActiveId !== 'category-node-119', 'block' : hoverPanelActiveId === 'category-node-119' }">
<style>#html-body [data-pb-style=POUSWAV],#html-body [data-pb-style=UBS9V64]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=POUSWAV]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=UBS9V64]{align-self:stretch}#html-body [data-pb-style=YWNWXP2]{display:flex;width:100%}#html-body [data-pb-style=BX4CCIA],#html-body [data-pb-style=IMJPQAF],#html-body [data-pb-style=LRURK75],#html-body [data-pb-style=SVTD5B6],#html-body [data-pb-style=WOHXJ80]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:20%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-2-col-content-2-visual-push" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="POUSWAV"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="15" data-element="main" data-pb-style="UBS9V64"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="YWNWXP2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BX4CCIA"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li>Les bijoux thématiques
<ul>
<li><a tabindex="0" href="/fr/collections/bracelets-cordons">Bracelets cordons</a></li>
<li><a tabindex="0" href="/fr/collections/bijoux-silhouette">Bijoux silhouettes</a></li>
<li><a tabindex="0" href="/fr/collections/bracelets-liberty">Bracelets Liberty</a></li>
<li><a tabindex="0" href="/fr/collections/initiales">Bijoux initiale</a></li>
<li><a tabindex="0" href="/fr/collections/bijoux-perles">Bijoux perles</a></li>
<li><a tabindex="0" href="/fr/collections/collection-astro">Bijoux astro</a></li>
<li><a tabindex="0" href="/fr/collections/bijoux-charms">Bijoux charms</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LRURK75"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines">Les bijoux pierres</a>
<ul>
<li><a href="/fr/collections/pierres-de-naissance">Pierres de naissance </a></li>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines/bracelets-avec-pierres">Bracelets avec pierres</a></li>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines/bagues-avec-pierres">Bagues avec pierres</a></li>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines/colliers-en-pierres">Colliers avec pierres</a></li>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines/boucles-d-oreilles-avec-pierres">Boucles d'oreilles avec pierres</a></li>
<li><a tabindex="0" href="/fr/collections/collection-pierres-fines/pendentifs-pierres-fines">Pendentifs avec pierres</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IMJPQAF"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser">Les bijoux personnalisés</a>
<ul>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/bracelets-personnalises">Bracelets personnalisés</a></li>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/bagues-personnalisees">Bagues personnalisées</a></li>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/colliers-personnalises">Colliers personnalisés</a></li>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/boucles-d-oreilles-personnalisees">Boucles d'oreilles avec pampille</a></li>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/chaines-a-l-unite">Chaînes à l'unité</a></li>
<li><a tabindex="0" href="/fr/collections/collections-a-personnaliser/medailles">Médailles à l'unité</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="SVTD5B6"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/collections/compositions">Les compositions</a><br>
<ul>
<li><a tabindex="0" href="/fr/collections/compositions/compositions-de-bracelets">Bracelets</a></li>
<li><a tabindex="0" href="/fr/collections/compositions/compositions-de-bagues">Bagues</a></li>
<li><a tabindex="0" href="/fr/collections/compositions/compositions-de-colliers">Colliers</a></li>
<li><a tabindex="0" href="/fr/collections/compositions/compositions-de-boucles-d-oreilles">Boucles d'oreilles</a></li>
<li><a tabindex="0" href="/fr/cadeaux/bijoux-couple">Duo couple</a></li>
<li><a tabindex="0" href="/fr/collections/compositions/dernieres-compositions">Nos dernières compositions</a></li>
</ul>
</li>
</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WOHXJ80"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="/fr/bijoux-mariage">Les bijoux cérémonie</a>
<ul>
<li><a tabindex="0" href="/fr/bijoux-mariage">Mariage</a></li>
<li><a tabindex="0" href="/fr/bijoux-bapteme">Baptême</a></li>
<li><a tabindex="0" href="/fr/cadeau-evjf-personnalise">EVJF</a></li>
</ul>
</li>
</ul></div></div></div></div></div></div><style type="text/css"></style>
</div>
</div>
<div class="flex items-center transition transition-colors duration-500 border-b-2 border-transparent level-0 group hover:border-salmon-500 focus-within:border-primary"
@mouseenter="enterHandler('category-node-264', $dispatch)"
@mouseleave="leaveHandler($dispatch)"
>
<span class="flex items-center justify-center">
<a class="inline-flex flex-col items-center justify-between w-full p-5 text-base font-normal text-primary hover:text-salmon-500 hover:font-semibold level-0"
href="https://atelier-amaya.com/fr/accessoires"
title="Accessoires"
>
Accessoires </a>
</span>
</div>
</nav>
</div>
</div>
<script>
'use strict';
const initMenuDesktop_6a1f289864695 = () => {
return {
timer: undefined,
hoverDelay: 300,
isVisited: false,
hoverPanelActiveId: null,
enterHandler(panelId, $dispatch) {
if (!this.isVisited) {
this.timer = setTimeout(() => {
this.openMenu(panelId, $dispatch);
this.isVisited = true;
}, this.hoverDelay);
} else {
this.openMenu(panelId, $dispatch);
}
},
leaveHandler($dispatch) {
this.hoverPanelActiveId = 0;
$dispatch('close-overlay');
$dispatch('remove-header-highlight');
clearTimeout(this.timer);
},
openMenu(panelId, $dispatch) {
this.hoverPanelActiveId = panelId;
$dispatch('open-overlay');
$dispatch('add-header-highlight');
},
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
item.classList.add('text-salmon-500', 'font-semibold');
item.closest('div.level-0') &&
item.closest('div.level-0').querySelector('a.level-0') &&
item.closest('div.level-0').querySelector('a.level-0').classList.add('text-salmon-500', 'font-semibold');
});
}
}
}
</script>
<script>
function initCartDrawer() {
return {
open: false,
cart: {},
getData(data) {
if (data.cart) {
this.cart = data.cart
this.setCartItems();
}
},
cartItems: {},
setCartItems() {
this.cartItems = this.cart && this.cart.items.sort(function(a,b) { return a.item_id - b.item_id }) || {}
this.setFreeShippingRemaining();
},
freeShippingAmount: 80,
freeShippingRemaining: 0,
setFreeShippingRemaining() {
if (this.cart.subtotalAmount < this.freeShippingAmount) {
this.freeShippingRemaining = this.freeShippingAmount - this.cart.subtotalAmount;
}
},
checkAddedProduct(event) {
const messageType = this.getMessageType(event);
const browserStorage = window.localStorage || window.sessionStorage;
this.productIsAdded = browserStorage.getItem('product-is-added');
if (this.productIsAdded === 'true' && messageType !=='notice' && messageType !=='error') {
this.open = true;
browserStorage.setItem('product-is-added', false);
}
},
getMessageType(event) {
const messages = event.detail.messages;
if (messages.length) {
const message = messages[0];
return message.type;
}
},
closeMiniCart() {
this.open = false;
setTimeout(() => {
this.productIsAdded = false;
}, 500);
},
deleteItemFromCart(itemId) {
fetch(BASE_URL+"checkout/sidebar/removeItem/", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ hyva.getFormKey() + "&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'élément."
: response.error_message
}], 5000
);
const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
window.dispatchEvent(reloadCustomerDataEvent);
});
}
}
}
</script>
<section id="cart-drawer"
x-data="initCartDrawer()"
@private-content-loaded.window="getData(event.detail.data)"
@messages-loaded.window="checkAddedProduct(event)"
@toggle-cart.window="open = true;"
@keydown.window.escape="closeMiniCart()"
>
<template x-if="cart && cart.summary_count">
<div role="dialog"
aria-labelledby="cart-drawer-title"
aria-modal="true"
@click.away="closeMiniCart()"
class="fixed inset-y-0 right-0 z-30 flex max-w-full">
<div class="backdrop"
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="closeMiniCart()"
aria-label="Close panel"></div>
<div class="relative w-screen max-w-[480px] bg-white shadow-2xl"
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 bg-white shadow-xl">
<div class="flex-auto px-6 pt-5 overflow-y-auto md:pt-12 md:px-7">
<header class="flex items-center justify-between mb-6 md:mb-7">
<div id="cart-drawer-title" class="text-3xl font-medium text-primary md:text-2xl">
Aperçu du panier <span x-text="'(' + cart.summary_count + ')'"></span>
</div>
<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="flex">
<button @click="closeMiniCart();" aria-label="Close panel"
class="transition duration-150 ease-in-out text-secondary-lighter hover:text-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 24 24" fill="none" class="w-8 h-8">
<circle fill="white" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.357 9.62334L9.64299 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.64296 9.62334L14.357 14.3374" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</header>
<div x-show="productIsAdded === 'true'"
class="message success mb-4">
<a href="#" class="cursor-pointer close" title="close">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12ZM12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM16.5303 9.86366C16.8232 9.57077 16.8232 9.0959 16.5303 8.803C16.2374 8.51011 15.7626 8.51011 15.4697 8.803L10.6667 13.606L8.53033 11.4697C8.23744 11.1768 7.76256 11.1768 7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L10.1363 15.197C10.4292 15.4899 10.9041 15.4899 11.197 15.197L16.5303 9.86366Z" fill="currentColor"/>
</svg>
</a>
<span class="ml-4">
Le produit a bien été ajouté au panier. </span>
</div>
<div class="relative grid gap-6 md:gap-10">
<template x-for="item in cartItems">
<div class="flex items-start">
<a :href="item.product_url" class="flex-1 min-w-[100px] md:min-w-[130px]">
<img
:src="item.product_image.src"
:width="item.product_image.width"
:height="item.product_image.height"
loading="lazy"
/>
</a>
<div class="flex-auto ml-3">
<div class="grid grid-flow-col auto-rows-auto md:block">
<p class="mb-3 text-lg font-semibold text-primary md:text-base">
<span x-html="item.product_name"></span>
</p>
<div class="col-span-2 row-start-2">
<template x-if="item.reference_matiere != false && item.reference_matiere != undefined">
<span class="block text-sm text-salmon-500" x-html="item.reference_matiere"></span>
</template>
<template x-for="option in item.options">
<div class="pt-3">
<p class="mb-1 text-sm text-secondary md:mb-0 md:text-secondary-darker" x-text="option.label + ' :'"></p>
<p class="mt-0 text-xs text-secondary" x-html="option.value"></p>
</div>
</template>
<template x-if="item.faces">
<p class="flex items-center mt-3 text-sm text-primary">
Mes options de gravure <span class="relative ml-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path d="M6.34302 19.9896C6.34947 19.812 6.40057 19.6429 6.44484 19.473C6.49427 19.2833 6.55075 19.0954 6.60515 18.9071C6.68353 18.6355 6.76136 18.3638 6.84216 18.093C6.88917 17.9354 6.94053 17.7791 6.99157 17.6227C7.08829 17.3265 7.18367 17.0297 7.28439 16.7348C7.41121 16.3634 7.54291 15.9937 7.67949 15.6257C7.85446 15.1519 8.03828 14.6816 8.2276 14.2135C8.30982 14.0101 8.397 13.8088 8.48335 13.6073C8.57199 13.4004 8.66159 13.1939 8.75215 12.9878C8.80791 12.861 8.86508 12.7347 8.92368 12.6091C8.99326 12.4599 9.06648 12.3125 9.13535 12.1629C9.27679 11.8557 9.4303 11.5545 9.58441 11.2536C9.73189 10.9658 9.88549 10.6812 10.0426 10.3984C10.2109 10.0955 10.385 9.79597 10.5649 9.49988C10.6591 9.34432 10.7565 9.19068 10.8551 9.03779C10.9645 8.86787 11.0755 8.699 11.1882 8.53117C11.3967 8.22248 11.6152 7.92104 11.8437 7.62684C11.9782 7.4537 12.1149 7.28211 12.2579 7.11552C12.382 6.97094 12.5071 6.82743 12.6349 6.68605C12.8638 6.43282 13.1059 6.19258 13.3543 5.95909C13.5734 5.75401 13.8031 5.56051 14.0424 5.37937C14.2334 5.23411 14.4296 5.09667 14.631 4.96706C14.8788 4.80746 15.1369 4.66461 15.4037 4.53947C15.6205 4.43748 15.8432 4.34866 16.0707 4.27347C16.3142 4.19255 16.5632 4.12927 16.8158 4.08411C16.9407 4.06248 17.0657 4.0441 17.1919 4.03027C17.3123 4.01708 17.4333 4.01392 17.5536 4.00083C17.565 3.99957 17.5767 4.00057 17.5883 4.00028C17.6597 3.99831 17.6684 4.00634 17.6546 4.08198C17.6111 4.3202 17.5548 4.55589 17.4859 4.78802C17.4117 5.03697 17.3217 5.28097 17.2167 5.51856C17.1255 5.72774 17.0212 5.93093 16.9043 6.12694C16.8116 6.2835 16.7103 6.43481 16.6009 6.58017C16.5326 6.66957 16.4609 6.75634 16.3881 6.84226C16.2935 6.95145 16.1932 7.05554 16.0875 7.15411C15.9718 7.26289 15.8495 7.36436 15.7212 7.45796C15.3379 7.73782 14.9075 7.94668 14.4504 8.07462C14.3483 8.10383 14.2453 8.12863 14.1343 8.15004C14.2077 8.16258 14.2826 8.16406 14.3564 8.15442C14.3732 8.15007 14.3903 8.1474 14.4076 8.14646C14.5 8.14593 14.5922 8.13822 14.6834 8.1234C14.8638 8.10439 15.0431 8.07526 15.2203 8.03616C15.3554 8.00648 15.4888 7.96935 15.6199 7.92492C15.7545 7.88116 15.8838 7.82237 16.0053 7.74965C16.0166 7.74423 16.0284 7.73991 16.0405 7.73676C16.0448 7.7835 16.0378 7.83058 16.0203 7.87411C15.9691 8.06657 15.9032 8.25482 15.8232 8.43718C15.7411 8.61876 15.6458 8.79407 15.538 8.9617C15.4546 9.09342 15.3621 9.21917 15.2612 9.33803C15.1715 9.44382 15.082 9.54957 14.9826 9.64642C14.7511 9.87263 14.4957 10.073 14.2208 10.2439C14.0395 10.3569 13.851 10.458 13.6566 10.5465C13.4331 10.6479 13.2035 10.7351 12.9691 10.8077C12.7546 10.875 12.5363 10.9298 12.3155 10.9718C12.1994 10.9935 12.084 11.0202 11.9672 11.0351C11.8587 11.049 11.7502 11.0645 11.6418 11.0784C11.5531 11.0898 11.4627 11.0832 11.3754 11.1057C11.364 11.1077 11.3524 11.1086 11.3408 11.1083C11.2257 11.1148 11.1105 11.1211 10.9953 11.1275C10.991 11.1277 10.9869 11.1313 10.9753 11.1369C11.056 11.1704 11.1399 11.1958 11.2256 11.2127C11.4176 11.2538 11.6137 11.2724 11.8099 11.268C11.888 11.2659 11.9662 11.2696 12.044 11.2646C12.133 11.2589 12.2215 11.2465 12.3103 11.2371C12.3905 11.2285 12.4697 11.2131 12.5494 11.201C12.7035 11.1776 12.8547 11.1414 13.0057 11.1039C13.4025 11.0025 13.7914 10.8719 14.1691 10.7133C14.3667 10.6319 14.5621 10.5457 14.7528 10.4489C14.7708 10.4398 14.7891 10.431 14.8076 10.4231C14.8103 10.4222 14.8132 10.422 14.816 10.4226C14.8188 10.4232 14.8214 10.4245 14.8235 10.4264C14.8257 10.4282 14.8273 10.4307 14.8282 10.4334C14.829 10.4361 14.8292 10.439 14.8286 10.4418C14.8262 10.453 14.8231 10.464 14.8194 10.4749C14.7751 10.6062 14.7253 10.7354 14.6698 10.8624C14.6035 11.0131 14.5294 11.1602 14.4478 11.3032C14.3418 11.4887 14.2241 11.6673 14.0953 11.8378C13.9349 12.05 13.7545 12.2463 13.5564 12.4238C13.3587 12.6015 13.1419 12.7568 12.91 12.8869C12.7085 13 12.4964 13.093 12.2767 13.1647C12.0961 13.2246 11.9107 13.2688 11.7225 13.2969C11.6198 13.3123 11.517 13.3229 11.4138 13.3335C11.3042 13.3447 11.1946 13.3409 11.0854 13.3482C10.9329 13.3583 10.7817 13.382 10.6334 13.4189C10.262 13.51 9.91401 13.6786 9.61237 13.9137C9.41236 14.0712 9.23401 14.2544 9.08192 14.4586C8.91003 14.6946 8.76626 14.9498 8.65355 15.2192C8.60132 15.3381 8.54715 15.4563 8.49537 15.5753C8.4169 15.7552 8.33739 15.9347 8.26229 16.1161C8.1652 16.3507 8.07035 16.5863 7.97773 16.8227C7.91534 16.9811 7.85711 17.1411 7.79717 17.3005C7.69274 17.5789 7.59646 17.8601 7.5057 18.1432C7.48458 18.2091 7.46608 18.2759 7.44544 18.3419C7.37648 18.5594 7.28596 18.7693 7.17522 18.9688C7.04954 19.193 6.90327 19.4051 6.73831 19.6023C6.63199 19.732 6.51671 19.854 6.39332 19.9675C6.37965 19.9779 6.36502 19.987 6.34963 19.9946C6.34947 19.9902 6.34705 19.9886 6.34302 19.9896Z" fill="currentColor"/>
</svg>
</span>
</p>
<template x-for="[id, face] in Object.entries(item.faces)">
<div class="mt-3">
<p class="mb-1 text-xs font-semibold uppercase text-primary"
x-text="face.label"></p>
<ul class="text-xs text-secondary">
<li x-show="face.options[0].option_type === 'field'">
<span x-text="face.font"></span>
</li>
<li>
<template x-for="(faceOption, index) in face.options">
<div class="mt-1">
<span x-text="faceOption.label"></span>
: “<span x-html="faceOption.value"></span>”
</div>
</template>
</li>
</ul>
</div>
</template>
</template>
</div>
<p class="flex flex-col md:flex-row self-end mb-3 ml-2 text-lg font-semibold text-right text-primary md:mb-0 md:ml-0 md:mt-3 md:text-base md:text-left">
<span x-html="hyva.formatPrice(item.product_price_value, false, true)"></span>
<del x-cloak x-show="parseInt(item.product_original_price) > parseInt(item.product_price_value) && item.product_price_value > 0">
<span x-html="hyva.formatPrice(item.product_original_price, false, true)" class="font-thin ml-1"></span>
</del>
</p>
</div>
<div class="flex items-center mt-3 text-sm text-secondary">
<p class="flex-auto text-xs md:text-sm">
Quantité <span class="hidden md:inline"> : </span>
<span x-text="item.qty"></span>
</p>
<template x-if="!item.is_free_gift">
<a :href="item.configure_url"
x-show="item.product_type !== 'grouped'"
class="inline-flex ml-3 font-semibold underline">
Modifier </a>
</template>
<button class="inline-flex ml-3 underline"
@click="deleteItemFromCart(item.item_id)"
>
Supprimer </button>
</div>
</div>
</div>
</template>
</div>
</div>
<div class="px-6 pt-3 pb-6 md:pt-7 md:px-7 md:pb-3">
<span class="block mb-6 border-t border-blueGray-200 md:mb-7 md:-mx-7"></span>
<div class="mb-3 text-center text-secondary-darker md:mb-5 md:text-left">
<span x-show="cart.subtotalAmount < freeShippingAmount">
Plus que <span x-text="hyva.formatPrice(freeShippingRemaining)"></span>
d’achat pour bénéficier de <strong>la livraison offerte</strong> ! </span>
<span x-show="cart.subtotalAmount > freeShippingAmount"
class="font-bold">
Livraison gratuite ! </span>
</div>
<div class="flex items-center justify-between w-full text-lg font-semibold uppercase text-salmon-500 md:text-2xl">
<span>Total</span>
<span x-html="hyva.formatPrice(cart.subtotalAmount, false, true)"></span>
</div>
<div class="w-full mt-3 md:mt-5 space-y-5">
<button type="button"
class="w-full btn btn-primary btn-primary-bordered py-3 leading-tight text-center"
@click="closeMiniCart()">
Continuer mes achats </button>
<a href="https://atelier-amaya.com/fr/checkout/cart/"
class="w-full btn btn-primary">
Voir mon panier </a>
</div>
</div>
</div>
</div>
</div>
</template>
</section>
<script>
function initAuthentication() {
return {
open: false,
showPassword: false,
forceAuthentication: false,
checkoutUrl: 'https://atelier-amaya.com/fr/checkout/index/',
message: {},
errors: 0,
hasCaptchaToken: 0,
displayErrorMessage: false,
errorMessages: [{}],
setRedirectCookie: function () {
// Redirect customer to checkout after login and account creation
document.cookie = 'login_redirect=https://atelier-amaya.com/fr/checkout/#shipping; Domain=atelier-amaya.com; path=/;';
},
setErrorMessages: function setErrorMessages(messages) {
this.errorMessages = [messages];
this.displayErrorMessage = this.errorMessages.length;
},
submitForm: function () {
// Do not rename $form, it is expected to be declared in the child block output
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 = document.querySelector('input[name=form_key]').value;
const bodyFields = {
'username': username,
'password': password,
'formKey': formKey
};
const recaptchaField = form.querySelector('input[name=g-recaptcha-response]');
if (recaptchaField != null) {
bodyFields['g-recaptcha-response'] = recaptchaField.value;
}
fetch('https://atelier-amaya.com/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) {
this.message = {
type: 'error',
text: data.message
};
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); setRedirectCookie();"
@keydown.window.escape="open = false"
>
<div role="dialog"
aria-modal="true"
@click.away="open = false"
class="inset-y-0 right-0 z-30 flex hidden max-w-full"
:class="{ 'hidden': !open, 'fixed': 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-0 flex p-2 mt-2">
<button @click="open = false;" aria-label="Close panel"
class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black">
<svg class="w-6 h-6" fill="none" viewbox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M6 18L18 6M6 6l12 12">
</path>
</svg>
</button>
</div>
<div class="flex flex-col h-full py-6 space-y-6 overflow-y-auto bg-white shadow-xl">
<div class="p-4 mx-4 border shadow-sm block-customer-login bg-container border-container">
<template x-if="Object.keys(message).length">
<div class="message mb-4" :class="message.type"
:ui-id="'message-' + message.type"
>
<a href="#"
class="close cursor-pointer"
title="close"
x-show="message.type === 'error'"
@click.prevent="removeMessage(index)">
<svg xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</a>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'success'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'info'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'warning' || message.type === 'notice'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
<span x-html="message.text"
class="ml-4">
</span>
</div>
</template>
<div id="authenticate-customer-login" class="text-lg font-medium leading-7 text-gray-900">
Commander en utilisant votre compte </div>
<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="customer-email">
<span>Adresse email</span>
</label>
<div class="control">
<input name="username"
x-ref="customer-email"
@change="errors = 0"
type="email"
required
class="form-input input-text"
>
</div>
</div>
<div class="field password required">
<label for="pass" class="label">
<span>Mot de passe</span>
</label>
<div class="control relative">
<input name="password"
:type="showPassword ? 'text' : 'password'"
class="form-input input-text"
required
x-ref="customer-password"
@change="errors = 0"
>
<button
type="button"
:aria-pressed="showPassword ? true : false"
x-on:click="showPassword = !showPassword"
class="px-4 py-3 absolute right-0 top-0"
>
<template x-if="!showPassword">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
</svg>
</template>
<template x-if="showPassword">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="24" height="24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/>
</svg>
</template>
</button>
</div>
</div>
<input name="context" type="hidden" value="checkout" />
<div class="flex flex-col gap-1 items-center justify-between pt-6 pb-2">
<button type="submit"
class="inline-flex btn btn-primary"
>
Se connecter </button>
<a href="https://atelier-amaya.com/fr/customer/account/forgotpassword/"
>
Mot de passe oublié ? </a>
</div>
</div>
</form>
</div>
<div class="w-full">
</div>
<div class="p-4 mx-4 border shadow-sm block-new-customer bg-container border-container">
<div id="authenticate-new-customer" class="mb-2 text-lg font-medium leading-7 text-gray-900">
Commander en tant que nouveau client </div>
<div class="block-content">
<p>
Vous n'avez pas encore de compte client boutique ou internet ? </p>
<p class="mt-1">
Créez votre compte en quelques clics </p>
<div class="flex !justify-center !mt-4 mb-2 actions-toolbar">
<a href="https://atelier-amaya.com/fr/customer/account/create/"
class="inline-flex btn btn-primary">
Créer un compte </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<a class="action skip sr-only contentarea"
href="#contentarea">
<span>
Aller au contenu </span>
</a>
</header><main id="maincontent" class="page-main-full-width"><a id="contentarea" tabindex="-1"></a>
<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) {
const hideAfterTimeout = hideAfter || 5000;
messages.map((message) => {
if (message.text) {
this.messages = this.messages.concat(message);
this.setHideTimeOut(this.messages.length -1, hideAfterTimeout);
}
});
},
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-spread="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" :class="message.type"
:ui-id="'message-' + message.type"
>
<a href="#"
class="close cursor-pointer"
title="close"
x-show="message.type === 'error'"
@click.prevent="removeMessage(index)">
<svg xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</a>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'success'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'info'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg"
x-show="message.type === 'warning' || message.type === 'notice'"
class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
<span x-html="message.text"
class="ml-4">
</span>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</section>
</div><div class="columns"><div class="column main"><style>#html-body [data-pb-style=BKG00V5]{display:none}#html-body [data-pb-style=GUI78N6],#html-body [data-pb-style=KFX6R85],#html-body [data-pb-style=VE6WB1I]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:20px}#html-body [data-pb-style=KFX6R85]{margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=H9SMRAP]{display:none}#html-body [data-pb-style=DWM30YA],#html-body [data-pb-style=OAAWR6V]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=OAAWR6V]{justify-content:flex-start;display:flex;flex-direction:column;margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=DWM30YA]{display:none;align-self:stretch}#html-body [data-pb-style=E88PM43]{display:flex;width:100%}#html-body [data-pb-style=HYHFMP3],#html-body [data-pb-style=I6NP8OU]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=I6NP8OU]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=HYHFMP3]{min-height:400px;text-align:center}#html-body [data-pb-style=KFCM0DP]{background-color:transparent}#html-body [data-pb-style=GTQFVK6],#html-body [data-pb-style=QIHGYUI]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QIHGYUI]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=GTQFVK6]{min-height:400px;text-align:center}#html-body [data-pb-style=WYRGXOR]{background-color:transparent}#html-body [data-pb-style=UITQLR8],#html-body [data-pb-style=Y0W1B7X]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y0W1B7X]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=UITQLR8]{min-height:400px;text-align:center}#html-body [data-pb-style=OHHXDL6]{background-color:transparent}#html-body [data-pb-style=DUUNC9U],#html-body [data-pb-style=S9JBIPV]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=S9JBIPV]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=DUUNC9U]{min-height:400px;text-align:center}#html-body [data-pb-style=JGLTRAQ]{background-color:transparent}#html-body [data-pb-style=ROO7OGY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=HBBO10M]{display:flex;width:100%}#html-body [data-pb-style=PCAJ7BU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=QMKJF5A]{border-style:none}#html-body [data-pb-style=SXFQ4NN],#html-body [data-pb-style=WXD8W9L]{max-width:100%;height:auto}#html-body [data-pb-style=XHIAGQY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=HJQ2UBQ]{border-style:none}#html-body [data-pb-style=A8OB52K],#html-body [data-pb-style=E23VU0N]{max-width:100%;height:auto}#html-body [data-pb-style=UC1MEG6]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=JHFDR3T]{border-style:none}#html-body [data-pb-style=BY21RNL],#html-body [data-pb-style=YV8PK7T]{max-width:100%;height:auto}#html-body [data-pb-style=MXFIFNG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=AY76QRD]{border-style:none}#html-body [data-pb-style=CVB7PB7],#html-body [data-pb-style=IM51X6J]{max-width:100%;height:auto}#html-body [data-pb-style=N4AJUJG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=TMN0BGE]{text-align:center;margin-top:20px;margin-bottom:20px}#html-body [data-pb-style=SKSLGL9]{display:inline-block}#html-body [data-pb-style=MPJ7I2T]{text-align:center}#html-body [data-pb-style=SVQ4G26]{justify-content:flex-start;display:none;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:30px;margin-bottom:40px}#html-body [data-pb-style=VMO1ROA]{border-style:none}#html-body [data-pb-style=LAL8FYV],#html-body [data-pb-style=YU9LDUS]{max-width:100%;height:auto}#html-body [data-pb-style=W4CSD3G]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:20px}#html-body [data-pb-style=OI4AYF5]{display:none;border-style:none}#html-body [data-pb-style=ENHWKTW],#html-body [data-pb-style=VECNR4G]{max-width:100%;height:auto}#html-body [data-pb-style=GP8LTOU]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=FBFJJ5C]{display:flex;width:100%}#html-body [data-pb-style=YBXL9A9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=JWI6DFB]{border-style:none}#html-body [data-pb-style=B248GNA],#html-body [data-pb-style=QPWVUU4]{max-width:100%;height:auto}#html-body [data-pb-style=IYICUHT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=S7JCVXR]{border-style:none}#html-body [data-pb-style=DTBT79Y],#html-body [data-pb-style=IIJHWW0]{max-width:100%;height:auto}#html-body [data-pb-style=YD1NENJ]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=EMQXIVS]{display:flex;width:100%}#html-body [data-pb-style=BPO30WM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=I6EBNSB]{margin-bottom:20px;border-style:none}#html-body [data-pb-style=BRK2OG2],#html-body [data-pb-style=W8WKAG2]{max-width:100%;height:auto}#html-body [data-pb-style=OQFFPXX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=TRE8T0B]{border-style:none}#html-body [data-pb-style=LF2Y8YU],#html-body [data-pb-style=MHFEOK8]{max-width:100%;height:auto}#html-body [data-pb-style=E62KFFU],#html-body [data-pb-style=YWUCF3C]{justify-content:flex-start;display:flex;flex-direction:column;background-position:right top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YWUCF3C]{background-position:left bottom;background-size:contain;text-align:left;margin-top:20px}#html-body [data-pb-style=H15RGPL]{margin-bottom:10px}#html-body [data-pb-style=FAOMKVK],#html-body [data-pb-style=N68S758]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=N68S758]{justify-content:flex-start;display:flex;flex-direction:column;margin-top:20px}#html-body [data-pb-style=FAOMKVK]{display:none;align-self:stretch}#html-body [data-pb-style=GRVG9I6]{display:flex;width:100%}#html-body [data-pb-style=O7KH29I]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 8px);margin-right:8px;align-self:stretch}#html-body [data-pb-style=UC2HX17]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:500px}#html-body [data-pb-style=B5Q9X9U]{background-color:transparent}#html-body [data-pb-style=QLRLUED]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 16px);margin-left:8px;margin-right:8px;align-self:stretch}#html-body [data-pb-style=MG6OVUC]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:500px}#html-body [data-pb-style=NVANH1Y]{background-color:transparent}#html-body [data-pb-style=SQNOS39]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 8px);margin-left:8px;align-self:stretch}#html-body [data-pb-style=SUOGTJA]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:500px}#html-body [data-pb-style=BKG1TOS]{background-color:transparent}#html-body [data-pb-style=GXEUFOS]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;display:none;align-self:stretch}#html-body [data-pb-style=A0I8Q84]{display:flex;width:100%}#html-body [data-pb-style=H14UF80]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 16px);margin-left:8px;margin-right:8px;align-self:stretch}#html-body [data-pb-style=TM4O05W]{border-style:none}#html-body [data-pb-style=GEKCFN1],#html-body [data-pb-style=MWSO3ED]{max-width:100%;height:auto}#html-body [data-pb-style=OK7RS67]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 16px);margin-left:8px;margin-right:8px;align-self:stretch}#html-body [data-pb-style=UWS7BWQ]{border-style:none}#html-body [data-pb-style=BS9VOCA],#html-body [data-pb-style=NBUJPO7]{max-width:100%;height:auto}#html-body [data-pb-style=KDSE6D4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 16px);margin-left:8px;margin-right:8px;align-self:stretch}#html-body [data-pb-style=M1EU091]{border-style:none}#html-body [data-pb-style=HNTC70X],#html-body [data-pb-style=YTCJSQF]{max-width:100%;height:auto}#html-body [data-pb-style=JMY9Y6M]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=LB8AG0J]{display:flex;width:100%}#html-body [data-pb-style=XIAX3GD]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=D7INFPW]{border-style:none}#html-body [data-pb-style=FX6G1S2],#html-body [data-pb-style=L1ANW1P]{max-width:100%;height:auto}#html-body [data-pb-style=WXCB8SQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=PM62P49]{border-style:none}#html-body [data-pb-style=E89CQEO],#html-body [data-pb-style=VJ6INTC]{max-width:100%;height:auto}#html-body [data-pb-style=CAS87AF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=BI57AHU]{border-style:none}#html-body [data-pb-style=BD19ISR],#html-body [data-pb-style=GAKGSOC]{max-width:100%;height:auto}#html-body [data-pb-style=GMATEMD],#html-body [data-pb-style=WWRYX4F]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GMATEMD]{justify-content:flex-start;display:flex;flex-direction:column;margin-top:8px}#html-body [data-pb-style=WWRYX4F]{display:none;align-self:stretch}#html-body [data-pb-style=CM2ODW5]{display:flex;width:100%}#html-body [data-pb-style=XTU7XIV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-right:4px;align-self:stretch}#html-body [data-pb-style=LK19GE5]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:400px}#html-body [data-pb-style=S7FX73Y]{background-color:transparent}#html-body [data-pb-style=JVD73QH],#html-body [data-pb-style=QQWB69H]{background-position:left top;background-size:cover;background-repeat:no-repeat}#html-body [data-pb-style=QQWB69H]{justify-content:flex-start;display:flex;flex-direction:column;background-attachment:scroll;width:calc(50% - 4px);margin-left:4px;align-self:stretch}#html-body [data-pb-style=JVD73QH]{background-attachment:fixed;min-height:400px;text-align:left}#html-body [data-pb-style=XBFRM7H]{background-color:transparent}#html-body [data-pb-style=I5EROXS]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=HLTKE64]{display:flex;width:100%}#html-body [data-pb-style=CX07AS7]{justify-content:flex-start;display:flex;flex-direction:column;background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-right:4px;align-self:stretch}#html-body [data-pb-style=ECA53Q5]{border-style:none}#html-body [data-pb-style=CP5FS47],#html-body [data-pb-style=MMA8966]{max-width:100%;height:auto}#html-body [data-pb-style=MWOS097]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-left:4px;align-self:stretch}#html-body [data-pb-style=DY6BMWG]{border-style:none}#html-body [data-pb-style=VNEC6S8],#html-body [data-pb-style=XFW343Y]{max-width:100%;height:auto}#html-body [data-pb-style=AD20EWV]{margin-top:8px;border-style:none}#html-body [data-pb-style=J8I0ADF],#html-body [data-pb-style=SV5WF5T]{max-width:100%;height:auto}#html-body [data-pb-style=C0K34GN]{display:none;margin-top:8px}#html-body [data-pb-style=VTQRMLL]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:400px}#html-body [data-pb-style=TQ1GFI0]{background-color:transparent}#html-body [data-pb-style=G9JK294],#html-body [data-pb-style=UVNT80Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=UVNT80Y]{background-position:left bottom;background-size:contain;text-align:left;margin-top:20px}#html-body [data-pb-style=OUEYLTD]{margin-bottom:10px}#html-body [data-pb-style=O53IQO1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VXTWCQE]{display:none;border-style:none}#html-body [data-pb-style=IBLKXW8],#html-body [data-pb-style=MM3J5U2]{max-width:100%;height:auto}#html-body [data-pb-style=Y97LFY2]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=UN3YD3F]{display:flex;width:100%}#html-body [data-pb-style=ACL8WYJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=MF8WRE2]{border-style:none}#html-body [data-pb-style=AU6HUXM],#html-body [data-pb-style=WY9483H]{max-width:100%;height:auto}#html-body [data-pb-style=SDXLNG1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=MFYH66Q]{border-style:none}#html-body [data-pb-style=O0S3LOF],#html-body [data-pb-style=SOGR91Q]{max-width:100%;height:auto}#html-body [data-pb-style=XT8QME6]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=OYQ4W5P]{display:flex;width:100%}#html-body [data-pb-style=BJRFU19]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=P4N7J50]{display:none;margin-bottom:20px;border-style:none}#html-body [data-pb-style=GO7EN4G],#html-body [data-pb-style=QBOPLYO]{max-width:100%;height:auto}#html-body [data-pb-style=DN7IQS3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:50%;align-self:stretch}#html-body [data-pb-style=S8RLNTR]{border-style:none}#html-body [data-pb-style=LPKHDDA],#html-body [data-pb-style=NBA214U]{max-width:100%;height:auto}#html-body [data-pb-style=KOE15LI],#html-body [data-pb-style=U0OSM8P]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=KOE15LI]{margin-top:30px}#html-body [data-pb-style=J3HJ5HK]{padding-bottom:20px}#html-body [data-pb-style=KBTHME6],#html-body [data-pb-style=PTL92BY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=KBTHME6]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=PTL92BY]{display:none;align-self:stretch}#html-body [data-pb-style=XXSHKQW]{display:flex;width:100%}#html-body [data-pb-style=VF21HLO],#html-body [data-pb-style=YKXNLLF]{background-position:left top;background-size:cover;background-repeat:no-repeat}#html-body [data-pb-style=YKXNLLF]{justify-content:flex-start;display:flex;flex-direction:column;background-attachment:scroll;width:calc(33.3333% - 8px);margin-right:8px;align-self:stretch}#html-body [data-pb-style=VF21HLO]{background-attachment:fixed;min-height:500px}#html-body [data-pb-style=R5OPI0W]{background-color:transparent}#html-body [data-pb-style=N2DCMKT],#html-body [data-pb-style=YSB1LKT]{background-position:left top;background-size:cover;background-repeat:no-repeat}#html-body [data-pb-style=N2DCMKT]{justify-content:flex-start;display:flex;flex-direction:column;background-attachment:scroll;width:calc(33.3333% - 16px);margin-left:8px;margin-right:8px;align-self:stretch}#html-body [data-pb-style=YSB1LKT]{background-attachment:fixed;min-height:500px}#html-body [data-pb-style=CBTA7D9]{background-color:transparent}#html-body [data-pb-style=V0RY3LY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(33.3333% - 8px);margin-left:8px;align-self:stretch}#html-body [data-pb-style=AKN1TBM]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:500px}#html-body [data-pb-style=MFXNO19]{background-color:transparent}#html-body [data-pb-style=RL59XFL]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=WLF5S7J]{display:flex;width:100%}#html-body [data-pb-style=J1EYBPI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=A6MKUDE]{border-style:none}#html-body [data-pb-style=A1KAJXF],#html-body [data-pb-style=U930X1L]{max-width:100%;height:auto}#html-body [data-pb-style=BCYFX1P]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=QDJA44L]{border-style:none}#html-body [data-pb-style=JDWEC0W],#html-body [data-pb-style=JW5GG4J]{max-width:100%;height:auto}#html-body [data-pb-style=JNPRBL3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=X7Y2VKB]{border-style:none}#html-body [data-pb-style=ECUEXD6],#html-body [data-pb-style=NASFEW0]{max-width:100%;height:auto}#html-body [data-pb-style=EDIO5BH],#html-body [data-pb-style=RV7IWL4]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YNDX4HO]{display:none}#html-body [data-pb-style=YI7U43R]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:400px}#html-body [data-pb-style=V5G2LB6]{background-color:transparent}#html-body [data-pb-style=W5RF3H9]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:8px;margin-bottom:8px;display:none;align-self:stretch}#html-body [data-pb-style=I29YU2Y]{display:flex;width:100%}#html-body [data-pb-style=GG2JPH3],#html-body [data-pb-style=QE0I34U]{background-position:left top;background-size:cover;background-repeat:no-repeat}#html-body [data-pb-style=QE0I34U]{justify-content:flex-start;display:flex;flex-direction:column;background-attachment:scroll;width:calc(50% - 4px);margin-right:4px;align-self:stretch}#html-body [data-pb-style=GG2JPH3]{background-attachment:fixed;min-height:400px}#html-body [data-pb-style=MALY4BW]{background-color:transparent}#html-body [data-pb-style=AJC27B0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-left:4px;align-self:stretch}#html-body [data-pb-style=AC7P8RD]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:400px}#html-body [data-pb-style=AMXH4FS]{background-color:transparent}#html-body [data-pb-style=M96VVJA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:8px;margin-bottom:8px;align-self:stretch}#html-body [data-pb-style=YD0GXH2]{display:flex;width:100%}#html-body [data-pb-style=IQ88D4D]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-right:4px;align-self:stretch}#html-body [data-pb-style=EDGBFMX]{border-style:none}#html-body [data-pb-style=ER6REGS],#html-body [data-pb-style=T3P1NME]{max-width:100%;height:auto}#html-body [data-pb-style=D7X50YQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(50% - 4px);margin-left:4px;align-self:stretch}#html-body [data-pb-style=TMMUPIO]{border-style:none}#html-body [data-pb-style=BR9LBE5],#html-body [data-pb-style=ITM1DMB]{max-width:100%;height:auto}#html-body [data-pb-style=G39TOOF]{justify-content:flex-start;display:none;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=TRFIB1K]{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:400px}#html-body [data-pb-style=HGL5CIB]{background-color:transparent}#html-body [data-pb-style=HQG8KTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RRNX6HQ]{border-style:none}#html-body [data-pb-style=FKLHXHM],#html-body [data-pb-style=T9O6BAV]{max-width:100%;height:auto}#html-body [data-pb-style=JKK53I6]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:20px}#html-body [data-pb-style=AKB6FY4]{display:none;margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=UFAAET3]{margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=FA1TAKL]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:24px;display:none;align-self:stretch}#html-body [data-pb-style=JP3HQLM]{display:flex;width:100%}#html-body [data-pb-style=MXRJS3P],#html-body [data-pb-style=OA3TVAR]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MXRJS3P]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 12px);margin-right:12px;align-self:stretch}#html-body [data-pb-style=OA3TVAR]{min-height:400px;text-align:center}#html-body [data-pb-style=BFV334U]{background-color:transparent}#html-body [data-pb-style=HM4GFDB],#html-body [data-pb-style=NF9FYOE]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=NF9FYOE]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=HM4GFDB]{min-height:400px;text-align:center}#html-body [data-pb-style=RKEY7AT]{background-color:transparent}#html-body [data-pb-style=C4CPCO7],#html-body [data-pb-style=T88NB0U]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=T88NB0U]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=C4CPCO7]{min-height:400px;text-align:center}#html-body [data-pb-style=NVSBWI3]{background-color:transparent}#html-body [data-pb-style=U570T1P],#html-body [data-pb-style=VSMWBD0]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VSMWBD0]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 12px);margin-left:12px;align-self:stretch}#html-body [data-pb-style=U570T1P]{min-height:400px;text-align:center}#html-body [data-pb-style=M1RH7FP]{background-color:transparent}#html-body [data-pb-style=L44EUU6]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:20px;align-self:stretch}#html-body [data-pb-style=HAKXFMO]{display:flex;width:100%}#html-body [data-pb-style=KJ0JBAS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=RKDP2ID]{border-style:none}#html-body [data-pb-style=KBPDHF5],#html-body [data-pb-style=PIYU8QH]{max-width:100%;height:auto}#html-body [data-pb-style=HFKBLVB]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=E2C2LB3]{border-style:none}#html-body [data-pb-style=L6RGJ2E],#html-body [data-pb-style=ON50044]{max-width:100%;height:auto}#html-body [data-pb-style=H8Q4K83]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=P5DM59R]{border-style:none}#html-body [data-pb-style=N1JH1HT],#html-body [data-pb-style=Y6Y15HQ]{max-width:100%;height:auto}#html-body [data-pb-style=N0RV8DC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=KA8779Q]{border-style:none}#html-body [data-pb-style=KH3KL5B],#html-body [data-pb-style=TU6OGVR]{max-width:100%;height:auto}#html-body [data-pb-style=RBYFQRO]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:20px;margin-bottom:30px}#html-body [data-pb-style=HY92BFN]{text-align:center}#html-body [data-pb-style=BJE8EEX]{display:inline-block}#html-body [data-pb-style=AQP5VQT]{text-align:center}#html-body [data-pb-style=HWY0SPV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=LR5382U]{border-style:none}#html-body [data-pb-style=RALMESX],#html-body [data-pb-style=TPX65AH]{max-width:100%;height:auto}#html-body [data-pb-style=U71WTM7]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;text-align:left;margin-top:30px}#html-body [data-pb-style=QUS2DCQ]{padding-bottom:20px}#html-body [data-pb-style=YYHRT71]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:10px;margin-bottom:10px}#html-body [data-pb-style=TBBTCVW]{border-style:none}#html-body [data-pb-style=CRGTW06],#html-body [data-pb-style=QS8QF69]{max-width:100%;height:auto}#html-body [data-pb-style=H8D52QC]{display:none}#html-body [data-pb-style=E2KTSYR]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:24px}#html-body [data-pb-style=PLNY0SP]{display:none}#html-body [data-pb-style=LUU1BH9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=M9IA48M]{display:none}#html-body [data-pb-style=I8VDITJ],#html-body [data-pb-style=WHWBEQO]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=WHWBEQO]{justify-content:flex-start;display:flex;flex-direction:column;margin-top:24px;margin-bottom:24px}#html-body [data-pb-style=I8VDITJ]{align-self:stretch}#html-body [data-pb-style=S0FDDEF]{display:flex;width:100%}#html-body [data-pb-style=FS2LL63],#html-body [data-pb-style=IR26VVB]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FS2LL63]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=IR26VVB]{min-height:400px;text-align:center}#html-body [data-pb-style=VPBNN2K]{background-color:transparent}#html-body [data-pb-style=DP77S16],#html-body [data-pb-style=F1KNR8V]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=F1KNR8V]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=DP77S16]{min-height:400px;text-align:center}#html-body [data-pb-style=ET2MJ6V]{background-color:transparent}#html-body [data-pb-style=IHM2R41],#html-body [data-pb-style=IW8JGYT]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=IW8JGYT]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=IHM2R41]{min-height:400px;text-align:center}#html-body [data-pb-style=WDO906M]{background-color:transparent}#html-body [data-pb-style=QV17QIH],#html-body [data-pb-style=WYJ2RRW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=WYJ2RRW]{justify-content:flex-start;display:flex;flex-direction:column;width:calc(25% - 24px);margin-left:12px;margin-right:12px;align-self:stretch}#html-body [data-pb-style=QV17QIH]{min-height:400px;text-align:center}#html-body [data-pb-style=NAHMT5K]{background-color:transparent}@media only screen and (max-width: 768px) { #html-body [data-pb-style=A6MKUDE],#html-body [data-pb-style=AD20EWV],#html-body [data-pb-style=AY76QRD],#html-body [data-pb-style=BI57AHU],#html-body [data-pb-style=D7INFPW],#html-body [data-pb-style=DY6BMWG],#html-body [data-pb-style=E2C2LB3],#html-body [data-pb-style=ECA53Q5],#html-body [data-pb-style=EDGBFMX],#html-body [data-pb-style=HJQ2UBQ],#html-body [data-pb-style=I6EBNSB],#html-body [data-pb-style=JHFDR3T],#html-body [data-pb-style=JWI6DFB],#html-body [data-pb-style=KA8779Q],#html-body [data-pb-style=LR5382U],#html-body [data-pb-style=M1EU091],#html-body [data-pb-style=MF8WRE2],#html-body [data-pb-style=MFYH66Q],#html-body [data-pb-style=OI4AYF5],#html-body [data-pb-style=P4N7J50],#html-body [data-pb-style=P5DM59R],#html-body [data-pb-style=PM62P49],#html-body [data-pb-style=QDJA44L],#html-body [data-pb-style=QMKJF5A],#html-body [data-pb-style=RKDP2ID],#html-body [data-pb-style=RRNX6HQ],#html-body [data-pb-style=S7JCVXR],#html-body [data-pb-style=S8RLNTR],#html-body [data-pb-style=TBBTCVW],#html-body [data-pb-style=TM4O05W],#html-body [data-pb-style=TMMUPIO],#html-body [data-pb-style=TRE8T0B],#html-body [data-pb-style=UWS7BWQ],#html-body [data-pb-style=VMO1ROA],#html-body [data-pb-style=VXTWCQE],#html-body [data-pb-style=X7Y2VKB]{border-style:none} }</style><div data-content-type="html" data-appearance="default" data-element="main"><style>
@media (max-width: 767px) {
.petitcarrouselhome .glider-track {
width: 100%!important;
}
.petitcarrouselhome .glider-track .product-info {
margin-bottom: 0rem!important;
}
.petitcarrouselhome .glider-track .badge {
font-size: 0.7rem;
padding-left: 1rem;
padding-right: 1rem;
}
}
.visibility-slider {
visibility: visible!important;
}
@media (max-width: 767px) {
.visibility-homepage-desktop {
display:none!important;
}
.fdm-rea-desktop {
display:none!important;
}
}
@media (min-width: 768px) {
.visibility-homepage-mobile {
display:none!important;
}
.fdm-rea-mobile {
display:none!important;
}
}
.texte-carrousel-categories {
font-size: 24px;
font-weigth: 400;
}
</style></div><div data-content-type="html" data-appearance="default" data-element="main"><style>
@media (max-width: 767px) {
.pagebuilder-banner-wrapper {
min-height: 200px!important;
}
.h3 {
padding-top: 1rem!important;
margin-left: 0rem!important;
padding-left: 0rem!important;
}
.margin-categories p {
margin-left: 0rem!important;
padding-left: 0rem!important;
}
.ab-test-bloc-categories-un .pagebuilder-column-line {
flex-wrap: nowrap!important;
}
.ab-test-bloc-categories-un .pagebuilder-banner-wrapper {
min-height: 280px!important;
max-height: 320px!important;
}
.ab-test-bloc-categories-un p span {
font-size: 16px!important;
}
.ab-test-bloc-categories-un h3 span {
font-size: 20px!important;
}
.pagebuilder-collage-content h3 span {
font-size: 20px!important;
}
.pagebuilder-collage-content p span {
font-size: 16px!important;
}
.ab-test-bloc-categories-un {
padding-bottom: 0rem!important;
padding-top: 0rem!important;
margin-left: 0px!important;
}
.block-hero .pagebuilder-banner-wrapper .pagebuilder-collage-content span {
font-size: 2rem!important;
}
.ab-test-bloc-categories-un .pagebuilder-banner-wrapper {
display: flex;
align-items: flex-start;
}
}
</style></div><div class="ab-test-slider" data-content-type="block" data-appearance="default" data-element="main"><div class="widget block block-static-block">
<style>#html-body [data-pb-style=M6W0BCE]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=CM9Y2PY],#html-body [data-pb-style=M6W0BCE]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=F2ORC6M]{background-color:transparent}#html-body [data-pb-style=V4GITTS]{opacity:1;visibility:visible}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="M6W0BCE"><div data-content-type="html" data-appearance="default" data-element="main"><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@media (max-width: 768px) {
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > div > p > span{
font-family: Urbanist, sans-serif;
font-size: 2rem;
margin-bottom: 0;
font-weight: 500;
}
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > div > p > span > em{
font-family: Urbanist, sans-serif;
font-size: 1.5rem;
margin-bottom: 0;
}
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > button {
font-family: Urbanist, sans-serif;
font: inherit;
cursor: pointer;
outline: inherit;
margin-top: 15px;
font-style: normal;
//font-weight: 500;
font-size: 1.1rem;
border-color: rgba(21, 35, 74, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(21, 35, 74, var(--tw-bg-opacity));
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > button:hover {
background-color: transparent;
--tw-text-opacity: 1;
color: rgba(21, 35, 74, var(--tw-text-opacity));
}
}
@media (min-width: 768px) {
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > div > p > span{
margin-bottom: 0;
font-weight: 500;
}
.block-hero > a > .pagebuilder-banner-wrapper > .pagebuilder-overlay > .pagebuilder-collage-content > div > p > span > em{
margin-bottom: 0;
}
}
</style>
</head>
</html></div><div class="block-hero" data-content-type="banner" data-appearance="collage-left" data-show-button="always" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bracelets" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28a3522a8" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="CM9Y2PY"><div class="pagebuilder-overlay" data-overlay-color="#071d49" aria-label="" title="" data-element="overlay" data-pb-style="F2ORC6M"><div class="pagebuilder-collage-content"><div data-element="content"><p><span style="color: rgb(255, 255, 255);"><em>Coups de coeur<br></em>nos bracelets femme</span></p></div><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="V4GITTS">Je découvre</button></div></div></div></a></div></div><style type="text/css">[data-image-id="6a1f28a3522a8"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Desktop_31_.jpg);}@media only screen and (max-width: 300px) and (min-width: 640px) {[data-image-id="6a1f28a3522a8"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Mobile_23_.jpg);}}@media only screen and (max-width: 640px) {[data-image-id="6a1f28a3522a8"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Mobile_23_.jpg);}}</style>
</div>
</div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="BKG00V5"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GUI78N6"><div data-content-type="text" data-appearance="default" data-element="main"><h1 id="H6SY89V" style="text-align: center;">Le bijou argent et plaqué or, éclat du quotidien</h1></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="VE6WB1I"><div data-content-type="html" data-appearance="default" data-element="main"><p style="font-family: 'Urbanist', sans-serif; font-size: 32px; text-align: left;">
<span style="color: #071d49;">Catégories </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">préférées</span>
</p></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="visibility-homepage-mobile" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="KFX6R85"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="H9SMRAP"><div class="swiper swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/fr/bijoux/bracelets">
<img src="https://atelier-amaya.com/media/wysiwyg/Bracelets_10.jpg" alt="Bracelets" loading="lazy">
<div class="slide-text">BRACELETS</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/colliers">
<img src="https://atelier-amaya.com/media/wysiwyg/Colliers_11.jpg" alt="Colliers" loading="lazy">
<div class="slide-text">COLLIERS</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/boucles-d-oreilles">
<img src="https://atelier-amaya.com/media/wysiwyg/Boucles_9.jpg" alt="Boucles d'oreilles" loading="lazy">
<div class="slide-text">BOUCLES D'OREILLES</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/bagues">
<img src="https://atelier-amaya.com/media/wysiwyg/Bagues_13.jpg" alt="Bagues" loading="lazy">
<div class="slide-text">BAGUES</div>
</a>
</div>
</div>
</div></div><div data-content-type="html" data-appearance="default" data-element="main"><div class="swiper swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/fr/bijoux/bracelets">
<img src="https://atelier-amaya.com/media/wysiwyg/Bracelets_10.jpg" alt="Bracelets" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/colliers">
<img src="https://atelier-amaya.com/media/wysiwyg/Colliers_11.jpg" alt="Colliers" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/bagues">
<img src="https://atelier-amaya.com/media/wysiwyg/Bagues_13.jpg" alt="Bagues" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/bijoux/boucles-d-oreilles">
<img src="https://atelier-amaya.com/media/wysiwyg/Boucles_9.jpg" alt="Boucles d'oreilles" loading="lazy">
</a>
</div>
</div>
</div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="visibility-homepage-desktop" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="OAAWR6V"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="DWM30YA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="E88PM43"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I6NP8OU"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bracelets" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbc445" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="HYHFMP3"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bracelets Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="KFCM0DP"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">BRACELETS</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QIHGYUI"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/colliers" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbc6e0" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="GTQFVK6"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Colliers Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="WYRGXOR"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">COLLIERS</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="Y0W1B7X"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/boucles-d-oreilles" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbc9ec" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="UITQLR8"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Boucles d'oreilles Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="OHHXDL6"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">BOUCLES D'OREILLES</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="S9JBIPV"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bagues" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbccb9" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="DUUNC9U"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bagues Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="JGLTRAQ"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">BAGUES</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="ROO7OGY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HBBO10M"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="PCAJ7BU"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="QMKJF5A"><a href="/fr/bijoux/bracelets" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bracelets_10.jpg" alt="" title="" data-element="desktop_image" data-pb-style="SXFQ4NN"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bracelets_10.jpg" alt="" title="" data-element="mobile_image" data-pb-style="WXD8W9L"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XHIAGQY"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="HJQ2UBQ"><a href="/fr/bijoux/colliers" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Colliers_11.jpg" alt="" title="" data-element="desktop_image" data-pb-style="A8OB52K"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Colliers_11.jpg" alt="" title="" data-element="mobile_image" data-pb-style="E23VU0N"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UC1MEG6"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="JHFDR3T"><a href="/fr/bijoux/bagues" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bagues_13.jpg" alt="" title="" data-element="desktop_image" data-pb-style="YV8PK7T"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bagues_13.jpg" alt="" title="" data-element="mobile_image" data-pb-style="BY21RNL"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MXFIFNG"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="AY76QRD"><a href="/fr/bijoux/boucles-d-oreilles" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Boucles_8.jpg" alt="" title="" data-element="desktop_image" data-pb-style="IM51X6J"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Boucles_8.jpg" alt="" title="" data-element="mobile_image" data-pb-style="CVB7PB7"></a></figure></div></div></div></div></div><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="N4AJUJG"><div class="row-full-width-inner" data-element="inner"><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="TMN0BGE" class="carrouselabfdmoriginal"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="SKSLGL9"><a class="pagebuilder-button-primary" href="/fr/best-sellers" target="" data-link-type="default" data-element="link" data-pb-style="MPJ7I2T"><span data-element="link_text">TOUS NOS BIJOUX</span></a></div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="SVQ4G26"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="VMO1ROA"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/7.Desktop-r_assurance-FDM_FR-280526.gif" alt="" title="" data-element="desktop_image" data-pb-style="YU9LDUS"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/7.Mobile-r_assurance-FDM_FR-280526.gif" alt="" title="" data-element="mobile_image" data-pb-style="LAL8FYV"></figure></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="W4CSD3G"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="OI4AYF5"><a href="/fr/bijoux-astro" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Desktop-astro_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="ENHWKTW"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/DESKTOP-astrale_5.jpg" alt="" title="" data-element="mobile_image" data-pb-style="VECNR4G"></a></figure><div class="pagebuilder-column-group visibility-homepage-desktop" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GP8LTOU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="FBFJJ5C"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YBXL9A9"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="JWI6DFB"><a href="/fr/fete-des-peres" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_FDP_1.png" alt="" title="" data-element="desktop_image" data-pb-style="QPWVUU4"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_FDP_1.png" alt="" title="" data-element="mobile_image" data-pb-style="B248GNA"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IYICUHT"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="S7JCVXR"><a href="/fr/fete-des-peres" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/FR_V2.jpg" alt="" title="" data-element="desktop_image" data-pb-style="IIJHWW0"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/FR_V2.jpg" alt="" title="" data-element="mobile_image" data-pb-style="DTBT79Y"></a></figure></div></div></div><div class="pagebuilder-column-group visibility-homepage-mobile" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="YD1NENJ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EMQXIVS"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BPO30WM"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="I6EBNSB"><a href="/fr/fete-des-peres" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_FDP_1.png" alt="" title="" data-element="desktop_image" data-pb-style="BRK2OG2"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_FDP_1.png" alt="" title="" data-element="mobile_image" data-pb-style="W8WKAG2"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="OQFFPXX"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TRE8T0B"><a href="/fr/fete-des-peres" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/FR_V2_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="LF2Y8YU"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/FR_V2_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="MHFEOK8"></a></figure></div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="E62KFFU"><div data-content-type="row" data-appearance="contained" data-element="main"><div class="related-products row_caroussel" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="YWUCF3C"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="H15RGPL"><div style="display: flex; align-items: baseline; gap:10px;">
<p style="font-family: 'Urbanist', sans-serif; font-size: 32px;">
<span style="color: #071d49;">Sélection </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">homme</span>
</p>
<p class="voir_tout" style="font-family: 'Urbanist', sans-serif; font-size: 16px; text-decoration: underline; color: #071d49; margin: 0; cursor: pointer; font-style: italic;"><a href="/fr/fete-des-peres">Voir tout</a></p>
</div></div><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="false" data-carousel-mode="default" data-center-padding="90px" data-element="main"> <div class="glider-contain product-items widget-product-carousel">
<div data-role="glider-content"
class="relative grid grid-cols-2 gap-4 mx-auto overflow-x-scroll overflow-y-hidden lg:grid-cols-4">
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33698)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","id":"MCTCEPA017","price":"73.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33698.window="$el.src = $event.detail"
alt="Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/d/ed78d319-c152-442e-9b3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/d/ed78d319-c152-442e-9b3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","id":"MCTCEPA017","price":"73.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a367cc6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a367cc6()"
@update-prices-33698.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33698" data-price-box="product-id-33698">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33698" data-price-amount="73"
data-price-type=""
class="price-wrapper"
><span class="price">73 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33689)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCORA437","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33689.window="$el.src = $event.detail"
alt="Bracelet cordon charm effet strié large pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm effet strié large pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/0/d0965962-3913-46ce-971e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/0/d0965962-3913-46ce-971e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCORA437","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm effet strié large pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a37c763() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a37c763()"
@update-prices-33689.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33689" data-price-box="product-id-33689">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33689" data-price-amount="36"
data-price-type=""
class="price-wrapper"
><span class="price">36 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33665)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","id":"BBHCTRA006","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33665.window="$el.src = $event.detail"
alt="Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 - Argent 925"
title="Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/e/eef8f4c5-8960-47e1-8d8c-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/e/eef8f4c5-8960-47e1-8d8c-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","id":"BBHCTRA006","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925';return false; }});" >
Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a3a383a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a3a383a()"
@update-prices-33665.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33665" data-price-box="product-id-33665">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33665" data-price-amount="55"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">55 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33692)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCORA439","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33692.window="$el.src = $event.detail"
alt="Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/7/57d0f6fe-1d57-4787-9c99-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/7/57d0f6fe-1d57-4787-9c99-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCORA439","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a3a7e34() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a3a7e34()"
@update-prices-33692.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33692" data-price-box="product-id-33692">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33692" data-price-amount="36"
data-price-type=""
class="price-wrapper"
><span class="price">36 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-pastille-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 1512)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon pastille pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon pastille pour homme Argent 925","id":"MCTCORA116","price":"39.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-pastille-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-1512.window="$el.src = $event.detail"
alt="Bracelet cordon pastille pour homme Argent 925 - Argent 925"
title="Bracelet cordon pastille pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/2/e2a5d0ec-835b-45f2-a65a-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/2/e2a5d0ec-835b-45f2-a65a-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-pastille-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon pastille pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon pastille pour homme Argent 925","id":"MCTCORA116","price":"39.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-pastille-pour-homme-argent-925';return false; }});" >
Bracelet cordon pastille pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a3cd716() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a3cd716()"
@update-prices-1512.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1512" data-price-box="product-id-1512">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-1512" data-price-amount="39"
data-price-type=""
class="price-wrapper"
><span class="price">39 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-anneaux-entrelaces-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 10240)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon anneaux entrelac\u00e9s pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon anneaux entrelac\u00e9s pour homme Argent 925","id":"MCTCORA056","price":"54.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-anneaux-entrelaces-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-10240.window="$el.src = $event.detail"
alt="Bracelet cordon anneaux entrelacés pour homme Argent 925 - Argent 925"
title="Bracelet cordon anneaux entrelacés pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/1/c/1c8dc399-3a0a-436f-ad7e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/1/c/1c8dc399-3a0a-436f-ad7e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-anneaux-entrelaces-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon anneaux entrelac\u00e9s pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon anneaux entrelac\u00e9s pour homme Argent 925","id":"MCTCORA056","price":"54.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-anneaux-entrelaces-pour-homme-argent-925';return false; }});" >
Bracelet cordon anneaux entrelacés pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a401d32() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a401d32()"
@update-prices-10240.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="10240" data-price-box="product-id-10240">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-10240" data-price-amount="54"
data-price-type=""
class="price-wrapper"
><span class="price">54 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33695)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","id":"MCTCEPA016","price":"67.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33695.window="$el.src = $event.detail"
alt="Bracelet cordon épais charms émail noir et strié pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charms émail noir et strié pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/2/8/2827d0b5-b904-4045-9a9e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/8/2827d0b5-b904-4045-9a9e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","id":"MCTCEPA016","price":"67.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charms émail noir et strié pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a431546() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a431546()"
@update-prices-33695.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33695" data-price-box="product-id-33695">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33695" data-price-amount="67"
data-price-type=""
class="price-wrapper"
><span class="price">67 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33686)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm losange Agate noire pour homme Argent 925","id":"MCTCORA435","price":"42.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33686.window="$el.src = $event.detail"
alt="Bracelet cordon charm losange Agate noire pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm losange Agate noire pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/f/5f2133fe-9bdd-47ce-9181-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/f/5f2133fe-9bdd-47ce-9181-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm losange Agate noire pour homme Argent 925","id":"MCTCORA435","price":"42.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm losange Agate noire pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a4549bf() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a4549bf()"
@update-prices-33686.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33686" data-price-box="product-id-33686">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33686" data-price-amount="42"
data-price-type=""
class="price-wrapper"
><span class="price">42 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-cible-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28563)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais petite cible pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais petite cible pour homme Argent 925","id":"MCTCEPA008","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-cible-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28563.window="$el.src = $event.detail"
alt="Bracelet cordon épais petite cible pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais petite cible pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/6/563f0b71-e8ad-4c91-a380-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/6/563f0b71-e8ad-4c91-a380-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-cible-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais petite cible pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais petite cible pour homme Argent 925","id":"MCTCEPA008","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-cible-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais petite cible pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a47bcca() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a47bcca()"
@update-prices-28563.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28563" data-price-box="product-id-28563">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28563" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 27724)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon initiale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon initiale pour homme Argent 925","id":"MCTCORA327","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-27724.window="$el.src = $event.detail"
alt="Bracelet cordon initiale pour homme Argent 925 - Argent 925"
title="Bracelet cordon initiale pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/9/d98aa8d1-5159-4899-ab89-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/9/d98aa8d1-5159-4899-ab89-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon initiale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon initiale pour homme Argent 925","id":"MCTCORA327","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925';return false; }});" >
Bracelet cordon initiale pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a489006() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a489006()"
@update-prices-27724.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="27724" data-price-box="product-id-27724">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-27724" data-price-amount="23"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">23 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-27724" data-price-amount="39"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">39 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33683)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCEPA015","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33683.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/6/3/63f05681-ecd4-4a47-97cf-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/3/63f05681-ecd4-4a47-97cf-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCEPA015","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a4cb96b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a4cb96b()"
@update-prices-33683.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33683" data-price-box="product-id-33683">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33683" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33680)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCEPA014","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33680.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm effet strié large pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm effet strié large pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/5/b5284f8f-b97f-4d9c-bfaa-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/5/b5284f8f-b97f-4d9c-bfaa-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCEPA014","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm effet strié large pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a4d8e72() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a4d8e72()"
@update-prices-33680.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33680" data-price-box="product-id-33680">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33680" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33677)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","id":"MCTCEPA013","price":"44.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33677.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm losange Agate noire pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm losange Agate noire pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/f/5f3c3258-f3e8-4a4e-b328-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/f/5f3c3258-f3e8-4a4e-b328-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","id":"MCTCEPA013","price":"44.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm losange Agate noire pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a4e6ee8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a4e6ee8()"
@update-prices-33677.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33677" data-price-box="product-id-33677">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33677" data-price-amount="44"
data-price-type=""
class="price-wrapper"
><span class="price">44 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-anneaux-entrelaces-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28557)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais anneaux entrelac\u00e9s pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais anneaux entrelac\u00e9s pour homme Argent 925","id":"MCTCEPA006","price":"56.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-anneaux-entrelaces-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28557.window="$el.src = $event.detail"
alt="Bracelet cordon épais anneaux entrelacés pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais anneaux entrelacés pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/9/d/9d31a8a9-7123-445e-b2e2-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/9/d/9d31a8a9-7123-445e-b2e2-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-anneaux-entrelaces-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais anneaux entrelac\u00e9s pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais anneaux entrelac\u00e9s pour homme Argent 925","id":"MCTCEPA006","price":"56.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-anneaux-entrelaces-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais anneaux entrelacés pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a514887() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a514887()"
@update-prices-28557.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28557" data-price-box="product-id-28557">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28557" data-price-amount="56"
data-price-type=""
class="price-wrapper"
><span class="price">56 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-tube-rectangle-brosse-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28542)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais tube rectangle bross\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais tube rectangle bross\u00e9 pour homme Argent 925","id":"MCTCEPA001","price":"58.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-tube-rectangle-brosse-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28542.window="$el.src = $event.detail"
alt="Bracelet cordon épais tube rectangle brossé pour homme Argent 925"
title="Bracelet cordon épais tube rectangle brossé pour homme Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_cordon_argent_mctcepa001_porte_8.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_cordon_argent_mctcepa001_porte_8.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-tube-rectangle-brosse-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais tube rectangle bross\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais tube rectangle bross\u00e9 pour homme Argent 925","id":"MCTCEPA001","price":"58.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-tube-rectangle-brosse-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais tube rectangle brossé pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a52673a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a52673a()"
@update-prices-28542.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28542" data-price-box="product-id-28542">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28542" data-price-amount="58"
data-price-type=""
class="price-wrapper"
><span class="price">58 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-medaille-lisse-rectangle-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 21977)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon m\u00e9daille lisse rectangle pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon m\u00e9daille lisse rectangle pour homme Argent 925","id":"MCTCORA088","price":"41.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-medaille-lisse-rectangle-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-21977.window="$el.src = $event.detail"
alt="Bracelet cordon médaille lisse rectangle pour homme Argent 925 - Argent 925"
title="Bracelet cordon médaille lisse rectangle pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/2/2/22902066-2424-493c-876f-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/2/22902066-2424-493c-876f-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-medaille-lisse-rectangle-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon m\u00e9daille lisse rectangle pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon m\u00e9daille lisse rectangle pour homme Argent 925","id":"MCTCORA088","price":"41.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-medaille-lisse-rectangle-pour-homme-argent-925';return false; }});" >
Bracelet cordon médaille lisse rectangle pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a53510d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a53510d()"
@update-prices-21977.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="21977" data-price-box="product-id-21977">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-21977" data-price-amount="41"
data-price-type=""
class="price-wrapper"
><span class="price">41 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-jonc-ouvert-brosse-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 4160)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet jonc ouvert bross\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet jonc ouvert bross\u00e9 pour homme Argent 925","id":"BJOMANA002","price":"80.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-jonc-ouvert-brosse-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-4160.window="$el.src = $event.detail"
alt="Bracelet jonc ouvert brossé pour homme Argent 925 - Argent 925"
title="Bracelet jonc ouvert brossé pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/8/a/8a2a40a7-e8c8-4273-8550-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/8/a/8a2a40a7-e8c8-4273-8550-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-jonc-ouvert-brosse-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet jonc ouvert bross\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet jonc ouvert bross\u00e9 pour homme Argent 925","id":"BJOMANA002","price":"80.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-jonc-ouvert-brosse-pour-homme-argent-925';return false; }});" >
Bracelet jonc ouvert brossé pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a56c5b7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a56c5b7()"
@update-prices-4160.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4160" data-price-box="product-id-4160">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-4160" data-price-amount="80"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">80 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-mot-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 27730)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon mot pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon mot pour homme Argent 925","id":"MCTCORA329","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-mot-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-27730.window="$el.src = $event.detail"
alt="Bracelet cordon mot pour homme Argent 925"
title="Bracelet cordon mot pour homme Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_cordon_argent_mctcora329_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_cordon_argent_mctcora329_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-mot-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon mot pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon mot pour homme Argent 925","id":"MCTCORA329","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-mot-pour-homme-argent-925';return false; }});" >
Bracelet cordon mot pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a574536() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a574536()"
@update-prices-27730.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="27730" data-price-box="product-id-27730">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-27730" data-price-amount="23"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">23 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-27730" data-price-amount="103"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">103 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets-couple-initiales-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 27781)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelets couple initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelets couple initiales Argent 925","id":"CBRA000200","price":"46.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelets-couple-initiales-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-27781.window="$el.src = $event.detail"
alt="Bracelets couple initiales Argent 925"
title="Bracelets couple initiales Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_couple_argent_cbra000200_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_couple_argent_cbra000200_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelets-couple-initiales-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelets couple initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelets couple initiales Argent 925","id":"CBRA000200","price":"46.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelets-couple-initiales-argent-925';return false; }});" >
Bracelets couple initiales Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a658ddc() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a658ddc()"
@update-prices-27781.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="27781" data-price-box="product-id-27781">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-27781" data-price-amount="46"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">46 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-27781" data-price-amount="78"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">78 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-maille-marine-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28548)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais petite maille marine pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais petite maille marine pour homme Argent 925","id":"MCTCEPA003","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-maille-marine-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28548.window="$el.src = $event.detail"
alt="Bracelet cordon épais petite maille marine pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais petite maille marine pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/6/f/6fed27db-3c4d-4d34-88bc-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/f/6fed27db-3c4d-4d34-88bc-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-maille-marine-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais petite maille marine pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais petite maille marine pour homme Argent 925","id":"MCTCEPA003","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-petite-maille-marine-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais petite maille marine pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a725660() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a725660()"
@update-prices-28548.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28548" data-price-box="product-id-28548">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28548" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-maille-venitienne-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28488)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene maille v\u00e9nitienne pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene maille v\u00e9nitienne pour homme Argent 925","id":"BBCCHAA022","price":"49.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-maille-venitienne-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28488.window="$el.src = $event.detail"
alt="Bracelet chaîne maille vénitienne pour homme Argent 925 - Argent 925"
title="Bracelet chaîne maille vénitienne pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/d/ddb80a0f-1089-4e35-bba9-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/d/ddb80a0f-1089-4e35-bba9-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-maille-venitienne-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene maille v\u00e9nitienne pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene maille v\u00e9nitienne pour homme Argent 925","id":"BBCCHAA022","price":"49.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-maille-venitienne-pour-homme-argent-925';return false; }});" >
Bracelet chaîne maille vénitienne pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a7334a7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a7334a7()"
@update-prices-28488.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28488" data-price-box="product-id-28488">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28488" data-price-amount="49"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">49 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-mousqueton-ovale-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28572)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais mousqueton ovale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais mousqueton ovale pour homme Argent 925","id":"MCTCEPA011","price":"49.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-mousqueton-ovale-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28572.window="$el.src = $event.detail"
alt="Bracelet cordon épais mousqueton ovale pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais mousqueton ovale pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/e/beedd2d9-e1c0-410c-81fe-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/e/beedd2d9-e1c0-410c-81fe-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-mousqueton-ovale-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais mousqueton ovale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais mousqueton ovale pour homme Argent 925","id":"MCTCEPA011","price":"49.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-mousqueton-ovale-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais mousqueton ovale pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a737e7a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a737e7a()"
@update-prices-28572.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28572" data-price-box="product-id-28572">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28572" data-price-amount="49"
data-price-type=""
class="price-wrapper"
><span class="price">49 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-cible-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 1845)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon cible pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon cible pour homme Argent 925","id":"MCTCORA025","price":"36.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-cible-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-1845.window="$el.src = $event.detail"
alt="Bracelet cordon cible pour homme Argent 925 - Argent 925"
title="Bracelet cordon cible pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/3/2/32378fb8-de1a-4efd-b41f-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/3/2/32378fb8-de1a-4efd-b41f-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-cible-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon cible pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon cible pour homme Argent 925","id":"MCTCORA025","price":"36.00","category":"Bijoux\/Bijoux Homme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-cible-pour-homme-argent-925';return false; }});" >
Bracelet cordon cible pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a75824e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a75824e()"
@update-prices-1845.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1845" data-price-box="product-id-1845">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-1845" data-price-amount="36"
data-price-type=""
class="price-wrapper"
><span class="price">36 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelets-couple-cordon-et-initiales-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 27775)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelets couple cordon et initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelets couple cordon et initiales Argent 925","id":"CBRA000198","price":"48.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelets-couple-cordon-et-initiales-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-27775.window="$el.src = $event.detail"
alt="Bracelets couple cordon et initiales Argent 925 - Argent 925"
title="Bracelets couple cordon et initiales Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/u/duo_couple_argent_cbra000198_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/u/duo_couple_argent_cbra000198_porte_1.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelets-couple-cordon-et-initiales-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelets couple cordon et initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelets couple cordon et initiales Argent 925","id":"CBRA000198","price":"48.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelets-couple-cordon-et-initiales-argent-925';return false; }});" >
Bracelets couple cordon et initiales Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a787e55() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a787e55()"
@update-prices-27775.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="27775" data-price-box="product-id-27775">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-27775" data-price-amount="48"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">48 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-27775" data-price-amount="80"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">80 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div><div class="visibility-homepage-desktop" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="N68S758"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="FAOMKVK"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="GRVG9I6"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="O7KH29I"><div data-content-type="banner" data-appearance="collage-left" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/best-sellers" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbcfb3" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="UC2HX17"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux à graver L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="B5Q9X9U"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX FEMME</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QLRLUED"><div data-content-type="banner" data-appearance="collage-left" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-hommes" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd27e" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="MG6OVUC"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux petits prix L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="NVANH1Y"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span id="H0S6LXQ" style="color: #ffffff; font-size: 36px;">BIJOUX HOMME</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="SQNOS39"><div data-content-type="banner" data-appearance="collage-left" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-enfants" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd55b" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="SUOGTJA"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux baptême L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="BKG1TOS"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX ENFANT</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GXEUFOS"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="A0I8Q84"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="H14UF80"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TM4O05W"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme.jpg" alt="" title="" data-element="desktop_image" data-pb-style="GEKCFN1"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme.jpg" alt="" title="" data-element="mobile_image" data-pb-style="MWSO3ED"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="OK7RS67"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="UWS7BWQ"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme.jpg" alt="" title="" data-element="desktop_image" data-pb-style="BS9VOCA"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme.jpg" alt="" title="" data-element="mobile_image" data-pb-style="NBUJPO7"></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KDSE6D4"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="M1EU091"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant.jpg" alt="" title="" data-element="desktop_image" data-pb-style="HNTC70X"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant.jpg" alt="" title="" data-element="mobile_image" data-pb-style="YTCJSQF"></figure></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JMY9Y6M"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="LB8AG0J"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XIAX3GD"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="D7INFPW"><a href="/fr/bijoux/bijoux-femmes" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="L1ANW1P"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="FX6G1S2"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WXCB8SQ"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="PM62P49"><a href="/fr/bijoux/bijoux-hommes" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="E89CQEO"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="VJ6INTC"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CAS87AF"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="BI57AHU"><a href="/fr/bijoux/bijoux-enfants" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="BD19ISR"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="GAKGSOC"></a></figure></div></div></div></div><div class="visibility-homepage-mobile" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="GMATEMD"><div class="pagebuilder-column-group ab-test-bloc-categories-un" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="WWRYX4F"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="CM2ODW5"><div class="pagebuilder-column pagebuilder-column-line" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XTU7XIV"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/best-sellers" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd7e3" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="LK19GE5"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux baptême L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="S7FX73Y"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span id="K0I84KK" style="color: #ffffff; font-size: 36px;">BIJOUX FEMME</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column pagebuilder-column-line" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QQWB69H"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-hommes" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd881" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="JVD73QH"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux petits prix L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="XBFRM7H"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX HOMME</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group ab-test-bloc-categories-un" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="I5EROXS"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HLTKE64"><div class="pagebuilder-column pagebuilder-column-line" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CX07AS7"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ECA53Q5"><a href="/fr/bijoux/bijoux-femmes" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="MMA8966"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Femme_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="CP5FS47"></a></figure></div><div class="pagebuilder-column pagebuilder-column-line" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MWOS097"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="DY6BMWG"><a href="/fr/bijoux/bijoux-hommes" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="VNEC6S8"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Homme_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="XFW343Y"></a></figure></div></div></div><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="AD20EWV"><a href="/fr/bijoux/bijoux-enfants" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant_2_3.jpg" alt="" title="" data-element="desktop_image" data-pb-style="J8I0ADF"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Enfant_2_3.jpg" alt="" title="" data-element="mobile_image" data-pb-style="SV5WF5T"></a></figure><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main" data-pb-style="C0K34GN"><a href="/fr/bijoux/bijoux-enfants" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd937" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="VTQRMLL"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Nouveautés L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="TQ1GFI0"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span id="XGDSNDR" style="color: #ffffff; font-size: 36px;">BIJOUX ENFANT</span></p></div></div></div></div></a></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="G9JK294"><div data-content-type="row" data-appearance="contained" data-element="main"><div class="related-products row_caroussel" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="UVNT80Y"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="OUEYLTD"><div style="display: flex; align-items: baseline; gap:10px;">
<p style="font-family: 'Urbanist', sans-serif; font-size: 32px;">
<span style="color: #071d49;">Coups </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">de coeur</span>
</p>
<p class="voir_tout" style="font-family: 'Urbanist', sans-serif; font-size: 16px; text-decoration: underline; color: #071d49; margin: 0; cursor: pointer; font-style: italic;"><a href="/fr/best-sellers">Voir tout</a></p>
</div></div><div class="ab-test-carousel-best-sellers petitcarrouselhome" data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="false" data-carousel-mode="default" data-center-padding="90px" data-element="main"> <div class="glider-contain product-items widget-product-carousel">
<div data-role="glider-content"
class="relative grid grid-cols-2 gap-4 mx-auto overflow-x-scroll overflow-y-hidden lg:grid-cols-4">
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31715)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Argent 925","id":"BBOCREA161","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31715.window="$el.src = $event.detail"
alt="Boucles d'oreilles illusion double créoles et zircons Argent 925 - Argent 925"
title="Boucles d'oreilles illusion double créoles et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/f/3/f36cd0c0-669b-413f-9bb2-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/3/f36cd0c0-669b-413f-9bb2-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Argent 925","id":"BBOCREA161","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-argent-925';return false; }});" >
Boucles d'oreilles illusion double créoles et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a845a47() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a845a47()"
@update-prices-31715.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31715" data-price-box="product-id-31715">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31715" data-price-amount="65"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">65 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 12265)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Demi jonc cha\u00eenette m\u00e9daille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Demi jonc cha\u00eenette m\u00e9daille Plaqu\u00e9 or","id":"MMJCLAJ001","price":"70.00","category":"Collections\/Les bijoux personnalis\u00e9s\/Bracelets personnalis\u00e9s","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-12265.window="$el.src = $event.detail"
alt="Demi jonc chaînette médaille Plaqué or - Plaqué or"
title="Demi jonc chaînette médaille Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/c/6/c627ff0d-8976-4051-b0b5-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/c/6/c627ff0d-8976-4051-b0b5-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Demi jonc cha\u00eenette m\u00e9daille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Demi jonc cha\u00eenette m\u00e9daille Plaqu\u00e9 or","id":"MMJCLAJ001","price":"70.00","category":"Collections\/Les bijoux personnalis\u00e9s\/Bracelets personnalis\u00e9s","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-plaque-or';return false; }});" >
Demi jonc chaînette médaille Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a84ab74() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a84ab74()"
@update-prices-12265.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="12265" data-price-box="product-id-12265">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-12265" data-price-amount="70"
data-price-type=""
class="price-wrapper"
><span class="price">70 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28120)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cravate fleur de zircons et goutte Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cravate fleur de zircons et goutte Argent 925","id":"BCOCRAA011","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28120.window="$el.src = $event.detail"
alt="Collier cravate fleur de zircons et goutte Argent 925 - Argent 925"
title="Collier cravate fleur de zircons et goutte Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/f/5fcd2c83-7293-4499-99e2-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/f/5fcd2c83-7293-4499-99e2-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cravate fleur de zircons et goutte Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cravate fleur de zircons et goutte Argent 925","id":"BCOCRAA011","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-argent-925';return false; }});" >
Collier cravate fleur de zircons et goutte Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a853a84() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a853a84()"
@update-prices-28120.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28120" data-price-box="product-id-28120">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28120" data-price-amount="79"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">79 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16729)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","id":"BBADIVJ029","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16729.window="$el.src = $event.detail"
alt="Bague rectangles entrelacés et zircons Plaqué or - Plaqué or"
title="Bague rectangles entrelacés et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/c/8/c832a0d7-ced8-4f74-a347-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/c/8/c832a0d7-ced8-4f74-a347-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","id":"BBADIVJ029","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-plaque-or';return false; }});" >
Bague rectangles entrelacés et zircons Plaqué or </a>
</div>
<script>
function initConfigurableSwatchOptions_16729() {
const configurableOptionsComponent = initConfigurableOptions(
'16729',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"752","label":"48","products":["16843"]},{"id":"755","label":"50","products":["16519"]},{"id":"764","label":"52","products":["16522"]},{"id":"767","label":"54","products":["16525"]},{"id":"770","label":"56","products":["16528"]},{"id":"776","label":"58","products":["16531"]},{"id":"779","label":"60","products":["16534"]},{"id":"788","label":"62","products":["16846"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"16843":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16519":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16522":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16525":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16528":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16531":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16534":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16846":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55}},"productId":"16729","chooseText":"Choisissez une option...","images":[],"index":{"16843":{"1031":"752"},"16519":{"1031":"755"},"16522":{"1031":"764"},"16525":{"1031":"767"},"16528":{"1031":"770"},"16531":{"1031":"776"},"16534":{"1031":"779"},"16846":{"1031":"788"}},"salable":{"1031":{"752":["16843"],"755":["16519"],"764":["16522"],"767":["16525"],"770":["16528"],"776":["16531"],"779":["16534"],"788":["16846"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"752"},"preSelectedGallery":[],"channel":"website","salesChannelCode":"atelier_amaya","sku":{"16843":"2000000006079","16519":"1000000104288","16522":"1000000104295","16525":"1000000104301","16528":"1000000104318","16531":"1000000104325","16534":"1000000104332","16846":"2000000006147"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-16729",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_16729()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a8587c9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8587c9()"
@update-prices-16729.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16729" data-price-box="product-id-16729">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16729" data-price-amount="55"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">55 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-double-rang-perle-et-medaille-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16831)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet double rang perl\u00e9 et m\u00e9daille Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet double rang perl\u00e9 et m\u00e9daille Argent 925","id":"MBCGMAA049","price":"84.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-double-rang-perle-et-medaille-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16831.window="$el.src = $event.detail"
alt="Bracelet double rang perlé et médaille Argent 925 - Argent 925"
title="Bracelet double rang perlé et médaille Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/7/4/74999265-240e-4dad-8fb5-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/7/4/74999265-240e-4dad-8fb5-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-double-rang-perle-et-medaille-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet double rang perl\u00e9 et m\u00e9daille Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet double rang perl\u00e9 et m\u00e9daille Argent 925","id":"MBCGMAA049","price":"84.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-double-rang-perle-et-medaille-argent-925';return false; }});" >
Bracelet double rang perlé et médaille Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a85e309() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a85e309()"
@update-prices-16831.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16831" data-price-box="product-id-16831">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16831" data-price-amount="84"
data-price-type=""
class="price-wrapper"
><span class="price">84 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/fete-des-meres/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16144)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","id":"BBOCREJ099","price":"59.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/fete-des-meres/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16144.window="$el.src = $event.detail"
alt="Boucles d'oreilles créoles rectangles entrelacés et zircons Plaqué or - Plaqué or"
title="Boucles d'oreilles créoles rectangles entrelacés et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/7/2/72865b46-8289-4371-ab1e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/7/2/72865b46-8289-4371-ab1e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/fete-des-meres/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Plaqu\u00e9 or","id":"BBOCREJ099","price":"59.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/fete-des-meres/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-plaque-or';return false; }});" >
Boucles d'oreilles créoles rectangles entrelacés et zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a8788eb() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8788eb()"
@update-prices-16144.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16144" data-price-box="product-id-16144">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16144" data-price-amount="59"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">59 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-maille-plate-perlee-et-medaille-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 11500)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene maille plate perl\u00e9e et m\u00e9daille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene maille plate perl\u00e9e et m\u00e9daille Plaqu\u00e9 or","id":"MCOMPPJ007","price":"90.00","category":"Collections\/Les bijoux personnalis\u00e9s\/Colliers personnalis\u00e9s","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-maille-plate-perlee-et-medaille-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-11500.window="$el.src = $event.detail"
alt="Collier chaîne maille plate perlée et médaille Plaqué or - Plaqué or"
title="Collier chaîne maille plate perlée et médaille Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/4/3/43084449-856a-4a88-96ac-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/4/3/43084449-856a-4a88-96ac-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-maille-plate-perlee-et-medaille-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene maille plate perl\u00e9e et m\u00e9daille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene maille plate perl\u00e9e et m\u00e9daille Plaqu\u00e9 or","id":"MCOMPPJ007","price":"90.00","category":"Collections\/Les bijoux personnalis\u00e9s\/Colliers personnalis\u00e9s","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-maille-plate-perlee-et-medaille-plaque-or';return false; }});" >
Collier chaîne maille plate perlée et médaille Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a87e022() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a87e022()"
@update-prices-11500.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11500" data-price-box="product-id-11500">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-11500" data-price-amount="90"
data-price-type=""
class="price-wrapper"
><span class="price">90 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-scintillant-mom-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33508)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon scintillant Mom Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon scintillant Mom Argent 925","id":"MCTCSCA171","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-scintillant-mom-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33508.window="$el.src = $event.detail"
alt="Bracelet cordon scintillant Mom Argent 925 - Argent 925"
title="Bracelet cordon scintillant Mom Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/c/b/cb8165c2-e8b6-4106-9f15-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/c/b/cb8165c2-e8b6-4106-9f15-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-scintillant-mom-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon scintillant Mom Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon scintillant Mom Argent 925","id":"MCTCSCA171","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-scintillant-mom-argent-925';return false; }});" >
Bracelet cordon scintillant Mom Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a894933() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a894933()"
@update-prices-33508.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33508" data-price-box="product-id-33508">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33508" data-price-amount="79"
data-price-type=""
class="price-wrapper"
><span class="price">79 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-fine-gouttes-zircons-bleus-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 21938)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague fine gouttes zircons bleus Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague fine gouttes zircons bleus Argent 925","id":"BBAFINA037","price":"50.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-fine-gouttes-zircons-bleus-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-21938.window="$el.src = $event.detail"
alt="Bague fine gouttes zircons bleus Argent 925 - Argent 925"
title="Bague fine gouttes zircons bleus Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/2/a/2a7d7f52-ac52-4c17-92c3-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/a/2a7d7f52-ac52-4c17-92c3-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-fine-gouttes-zircons-bleus-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague fine gouttes zircons bleus Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague fine gouttes zircons bleus Argent 925","id":"BBAFINA037","price":"50.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-fine-gouttes-zircons-bleus-argent-925';return false; }});" >
Bague fine gouttes zircons bleus Argent 925 </a>
</div>
<script>
function initConfigurableSwatchOptions_21938() {
const configurableOptionsComponent = initConfigurableOptions(
'21938',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"755","label":"50","products":["21869"]},{"id":"764","label":"52","products":["21872"]},{"id":"767","label":"54","products":["21875"]},{"id":"770","label":"56","products":["21878"]},{"id":"776","label":"58","products":["21881"]},{"id":"779","label":"60","products":["21884"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"21869":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"21872":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"21875":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"21878":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"21881":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"21884":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50}},"productId":"21938","chooseText":"Choisissez une option...","images":[],"index":{"21869":{"1031":"755"},"21872":{"1031":"764"},"21875":{"1031":"767"},"21878":{"1031":"770"},"21881":{"1031":"776"},"21884":{"1031":"779"}},"salable":{"1031":{"755":["21869"],"764":["21872"],"767":["21875"],"770":["21878"],"776":["21881"],"779":["21884"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"755"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"21869":"1000000132236","21872":"1000000132243","21875":"1000000132250","21878":"1000000132267","21881":"1000000132274","21884":"1000000132229"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-21938",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_21938()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a8d036f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8d036f()"
@update-prices-21938.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="21938" data-price-box="product-id-21938">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-21938" data-price-amount="50"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">50 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-liberty-et-pastille-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 24004)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet liberty et pastille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet liberty et pastille Plaqu\u00e9 or","id":"MCTLIBJ095","price":"41.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-liberty-et-pastille-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
<li class="p-1 z-10">
<span class="badge badge--third">
+ de motifs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-24004.window="$el.src = $event.detail"
alt="Bracelet liberty et pastille Plaqué or - Plaqué or"
title="Bracelet liberty et pastille Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/5/2/52293257-8b73-465d-a8eb-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/2/52293257-8b73-465d-a8eb-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-liberty-et-pastille-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet liberty et pastille Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet liberty et pastille Plaqu\u00e9 or","id":"MCTLIBJ095","price":"41.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-liberty-et-pastille-plaque-or';return false; }});" >
Bracelet liberty et pastille Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a8d8a20() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8d8a20()"
@update-prices-24004.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="24004" data-price-box="product-id-24004">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-24004" data-price-amount="41"
data-price-type=""
class="price-wrapper"
><span class="price">41 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-puces-rectangles-entrelaces-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16444)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles puces rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles puces rectangles entrelac\u00e9s et zircons Argent 925","id":"BBOPUCA094","price":"59.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-puces-rectangles-entrelaces-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16444.window="$el.src = $event.detail"
alt="Boucles d'oreilles puces rectangles entrelacés et zircons Argent 925 - Argent 925"
title="Boucles d'oreilles puces rectangles entrelacés et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/7/a/7aa9fcfa-d484-4fcd-aa4d-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/7/a/7aa9fcfa-d484-4fcd-aa4d-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-puces-rectangles-entrelaces-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles puces rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles puces rectangles entrelac\u00e9s et zircons Argent 925","id":"BBOPUCA094","price":"59.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-puces-rectangles-entrelaces-et-zircons-argent-925';return false; }});" >
Boucles d'oreilles puces rectangles entrelacés et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a8e9435() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8e9435()"
@update-prices-16444.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16444" data-price-box="product-id-16444">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16444" data-price-amount="59"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">59 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-soleils-graves-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 30992)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague soleils grav\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague soleils grav\u00e9s et zircons Plaqu\u00e9 or","id":"BBADIVJ057","price":"50.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-soleils-graves-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-30992.window="$el.src = $event.detail"
alt="Bague soleils gravés et zircons Plaqué or - Plaqué or"
title="Bague soleils gravés et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/0/9/09a90a5e-7441-448e-ae12-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/0/9/09a90a5e-7441-448e-ae12-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-soleils-graves-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague soleils grav\u00e9s et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague soleils grav\u00e9s et zircons Plaqu\u00e9 or","id":"BBADIVJ057","price":"50.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-soleils-graves-et-zircons-plaque-or';return false; }});" >
Bague soleils gravés et zircons Plaqué or </a>
</div>
<script>
function initConfigurableSwatchOptions_30992() {
const configurableOptionsComponent = initConfigurableOptions(
'30992',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"755","label":"50","products":["30908"]},{"id":"764","label":"52","products":["30911"]},{"id":"767","label":"54","products":["30914"]},{"id":"770","label":"56","products":["30917"]},{"id":"776","label":"58","products":["30920"]},{"id":"779","label":"60","products":["30899"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"30908":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"30911":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"30914":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"30917":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"30920":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}},"30899":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":41.666665666667},"oldPrice":{"amount":50},"basePrice":{"amount":41.666665666667},"finalPrice":{"amount":50}},"productId":"30992","chooseText":"Choisissez une option...","images":[],"index":{"30908":{"1031":"755"},"30911":{"1031":"764"},"30914":{"1031":"767"},"30917":{"1031":"770"},"30920":{"1031":"776"},"30899":{"1031":"779"}},"salable":{"1031":{"755":["30908"],"764":["30911"],"767":["30914"],"770":["30917"],"776":["30920"],"779":["30899"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"755"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"30908":"3701696913526","30911":"3701696913533","30914":"3701696913540","30917":"3701696913557","30920":"3701696913564","30899":"3701696913496"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-30992",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_30992()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a8ee2fb() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a8ee2fb()"
@update-prices-30992.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30992" data-price-box="product-id-30992">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-30992" data-price-amount="50"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">50 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28123)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cravate fleur de zircons et goutte Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cravate fleur de zircons et goutte Plaqu\u00e9 or","id":"BCOCRAJ011","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28123.window="$el.src = $event.detail"
alt="Collier cravate fleur de zircons et goutte Plaqué or - Plaqué or"
title="Collier cravate fleur de zircons et goutte Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/2/2/224a4e7e-f5d4-42da-9696-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/2/224a4e7e-f5d4-42da-9696-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cravate fleur de zircons et goutte Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cravate fleur de zircons et goutte Plaqu\u00e9 or","id":"BCOCRAJ011","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-cravate-fleur-de-zircons-et-goutte-plaque-or';return false; }});" >
Collier cravate fleur de zircons et goutte Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9014f2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9014f2()"
@update-prices-28123.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28123" data-price-box="product-id-28123">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28123" data-price-amount="79"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">79 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 12322)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Demi jonc cha\u00eenette m\u00e9daille Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Demi jonc cha\u00eenette m\u00e9daille Argent 925","id":"MMJCLAA002","price":"70.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-12322.window="$el.src = $event.detail"
alt="Demi jonc chaînette médaille Argent 925 - Argent 925"
title="Demi jonc chaînette médaille Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/f/6/f615eeb7-4e81-4719-8f77-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/6/f615eeb7-4e81-4719-8f77-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Demi jonc cha\u00eenette m\u00e9daille Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Demi jonc cha\u00eenette m\u00e9daille Argent 925","id":"MMJCLAA002","price":"70.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/demi-jonc-chainette-medaille-argent-925';return false; }});" >
Demi jonc chaînette médaille Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a9046bf() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9046bf()"
@update-prices-12322.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="12322" data-price-box="product-id-12322">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-12322" data-price-amount="70"
data-price-type=""
class="price-wrapper"
><span class="price">70 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31703)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Plaqu\u00e9 or","id":"BBOCREJ145","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31703.window="$el.src = $event.detail"
alt="Boucles d'oreilles illusion double créoles et zircons Plaqué or - Plaqué or"
title="Boucles d'oreilles illusion double créoles et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/e/7/e7b54755-31b1-4065-bfb9-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/7/e7b54755-31b1-4065-bfb9-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles illusion double cr\u00e9oles et zircons Plaqu\u00e9 or","id":"BBOCREJ145","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-illusion-double-creoles-et-zircons-plaque-or';return false; }});" >
Boucles d'oreilles illusion double créoles et zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a90e271() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a90e271()"
@update-prices-31703.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31703" data-price-box="product-id-31703">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31703" data-price-amount="69"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">69 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-anneau-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 5051)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague anneau Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague anneau Plaqu\u00e9 or","id":"BBACEVJ001","price":"35.00","category":"Bijoux\/Bagues Femme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-anneau-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-5051.window="$el.src = $event.detail"
alt="Bague anneau Plaqué or - Plaqué or"
title="Bague anneau Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/6/f/6fa7df46-bbae-47a9-befc-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/f/6fa7df46-bbae-47a9-befc-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-anneau-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague anneau Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague anneau Plaqu\u00e9 or","id":"BBACEVJ001","price":"35.00","category":"Bijoux\/Bagues Femme","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-anneau-plaque-or';return false; }});" >
Bague anneau Plaqué or </a>
</div>
<script>
function initConfigurableSwatchOptions_5051() {
const configurableOptionsComponent = initConfigurableOptions(
'5051',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"752","label":"48","products":["4907"]},{"id":"755","label":"50","products":["4910"]},{"id":"764","label":"52","products":["4913"]},{"id":"767","label":"54","products":["4916"]},{"id":"770","label":"56","products":["4919"]},{"id":"776","label":"58","products":["4922"]},{"id":"779","label":"60","products":["4925"]},{"id":"788","label":"62","products":["4928"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"4907":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4910":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4913":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4916":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4919":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4922":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4925":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}},"4928":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":29.166665666667},"oldPrice":{"amount":35},"basePrice":{"amount":29.166665666667},"finalPrice":{"amount":35}},"productId":"5051","chooseText":"Choisissez une option...","images":[],"index":{"4907":{"1031":"752"},"4910":{"1031":"755"},"4913":{"1031":"764"},"4916":{"1031":"767"},"4919":{"1031":"770"},"4922":{"1031":"776"},"4925":{"1031":"779"},"4928":{"1031":"788"}},"salable":{"1031":{"752":["4907"],"755":["4910"],"764":["4913"],"767":["4916"],"770":["4919"],"776":["4922"],"779":["4925"],"788":["4928"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"752"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"4907":"1000000019155","4910":"1000000019162","4913":"1000000019179","4916":"1000000019186","4919":"1000000019193","4922":"1000000019209","4925":"1000000019216","4928":"1000000019223"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-5051",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_5051()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a912379() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a912379()"
@update-prices-5051.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5051" data-price-box="product-id-5051">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-5051" data-price-amount="35"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">35 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-medaille-plate-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 3320)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene m\u00e9daille plate Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene m\u00e9daille plate Argent 925","id":"MCOMFOA021","price":"65.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-medaille-plate-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-3320.window="$el.src = $event.detail"
alt="Collier chaîne médaille plate Argent 925 - Argent 925"
title="Collier chaîne médaille plate Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/6/a/6a36f2f6-543a-4ceb-a724-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/a/6a36f2f6-543a-4ceb-a724-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-medaille-plate-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene m\u00e9daille plate Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene m\u00e9daille plate Argent 925","id":"MCOMFOA021","price":"65.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-medaille-plate-argent-925';return false; }});" >
Collier chaîne médaille plate Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a91b242() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a91b242()"
@update-prices-3320.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3320" data-price-box="product-id-3320">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-3320" data-price-amount="65"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">65 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-3320" data-price-amount="75"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">75 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16441)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Argent 925","id":"BBOCREA110","price":"59.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16441.window="$el.src = $event.detail"
alt="Boucles d'oreilles créoles rectangles entrelacés et zircons Argent 925 - Argent 925"
title="Boucles d'oreilles créoles rectangles entrelacés et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/f/9/f94111ee-875c-42e1-9681-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/9/f94111ee-875c-42e1-9681-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles rectangles entrelac\u00e9s et zircons Argent 925","id":"BBOCREA110","price":"59.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-rectangles-entrelaces-et-zircons-argent-925';return false; }});" >
Boucles d'oreilles créoles rectangles entrelacés et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a937f0e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a937f0e()"
@update-prices-16441.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16441" data-price-box="product-id-16441">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16441" data-price-amount="59"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">59 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 27724)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon initiale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon initiale pour homme Argent 925","id":"MCTCORA327","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-27724.window="$el.src = $event.detail"
alt="Bracelet cordon initiale pour homme Argent 925 - Argent 925"
title="Bracelet cordon initiale pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/9/d98aa8d1-5159-4899-ab89-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/9/d98aa8d1-5159-4899-ab89-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon initiale pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon initiale pour homme Argent 925","id":"MCTCORA327","price":"23.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-initiale-pour-homme-argent-925';return false; }});" >
Bracelet cordon initiale pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a93d2fd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a93d2fd()"
@update-prices-27724.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="27724" data-price-box="product-id-27724">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-27724" data-price-amount="23"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">23 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-27724" data-price-amount="39"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">39 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16726)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague rectangles entrelac\u00e9s et zircons Argent 925","id":"BBADIVA022","price":"55.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16726.window="$el.src = $event.detail"
alt="Bague rectangles entrelacés et zircons Argent 925 - Argent 925"
title="Bague rectangles entrelacés et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/6/5/652dbf18-41b1-4e6c-8987-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/5/652dbf18-41b1-4e6c-8987-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague rectangles entrelac\u00e9s et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague rectangles entrelac\u00e9s et zircons Argent 925","id":"BBADIVA022","price":"55.00","category":"Bijoux\/Bijoux argent ","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-rectangles-entrelaces-et-zircons-argent-925';return false; }});" >
Bague rectangles entrelacés et zircons Argent 925 </a>
</div>
<script>
function initConfigurableSwatchOptions_16726() {
const configurableOptionsComponent = initConfigurableOptions(
'16726',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"752","label":"48","products":["16837"]},{"id":"755","label":"50","products":["16495"]},{"id":"764","label":"52","products":["16498"]},{"id":"767","label":"54","products":["16501"]},{"id":"770","label":"56","products":["16504"]},{"id":"776","label":"58","products":["16507"]},{"id":"779","label":"60","products":["16510"]},{"id":"788","label":"62","products":["16840"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"16837":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16495":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16498":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16501":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16504":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16507":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16510":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"16840":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55}},"productId":"16726","chooseText":"Choisissez une option...","images":[],"index":{"16837":{"1031":"752"},"16495":{"1031":"755"},"16498":{"1031":"764"},"16501":{"1031":"767"},"16504":{"1031":"770"},"16507":{"1031":"776"},"16510":{"1031":"779"},"16840":{"1031":"788"}},"salable":{"1031":{"752":["16837"],"755":["16495"],"764":["16498"],"767":["16501"],"770":["16504"],"776":["16507"],"779":["16510"],"788":["16840"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"752"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"16837":"2000000006154","16495":"1000000103311","16498":"1000000103328","16501":"1000000103335","16504":"1000000103342","16507":"1000000103359","16510":"1000000103366","16840":"2000000006222"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-16726",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_16726()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a98aa17() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a98aa17()"
@update-prices-16726.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16726" data-price-box="product-id-16726">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16726" data-price-amount="55"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">55 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-petites-creoles-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 5057)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles petites cr\u00e9oles zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles petites cr\u00e9oles zircons Plaqu\u00e9 or","id":"BBOCREJ090","price":"39.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-petites-creoles-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-5057.window="$el.src = $event.detail"
alt="Boucles d'oreilles petites créoles zircons Plaqué or - Plaqué or"
title="Boucles d'oreilles petites créoles zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/a/8/a88fae4a-2229-4625-99fc-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/8/a88fae4a-2229-4625-99fc-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-petites-creoles-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles petites cr\u00e9oles zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles petites cr\u00e9oles zircons Plaqu\u00e9 or","id":"BBOCREJ090","price":"39.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-petites-creoles-zircons-plaque-or';return false; }});" >
Boucles d'oreilles petites créoles zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a993731() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a993731()"
@update-prices-5057.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5057" data-price-box="product-id-5057">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-5057" data-price-amount="39"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">39 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-jonc-cadenas-martele-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 4286)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet jonc cadenas martel\u00e9 Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet jonc cadenas martel\u00e9 Plaqu\u00e9 or","id":"BJOJCAJ021","price":"65.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-jonc-cadenas-martele-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--secondary">
À graver </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-4286.window="$el.src = $event.detail"
alt="Bracelet jonc cadenas martelé Plaqué or - Plaqué or"
title="Bracelet jonc cadenas martelé Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/8/6/8620f980-3cc7-48cd-a506-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/8/6/8620f980-3cc7-48cd-a506-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-jonc-cadenas-martele-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet jonc cadenas martel\u00e9 Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet jonc cadenas martel\u00e9 Plaqu\u00e9 or","id":"BJOJCAJ021","price":"65.00","category":"Bijoux\/Bijoux plaqu\u00e9 or","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-jonc-cadenas-martele-plaque-or';return false; }});" >
Bracelet jonc cadenas martelé Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9964c7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9964c7()"
@update-prices-4286.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="4286" data-price-box="product-id-4286">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-4286" data-price-amount="65"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">65 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-cravate-et-goutte-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 19590)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene cravate et goutte Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene cravate et goutte Argent 925","id":"BCOZIRA015","price":"75.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-cravate-et-goutte-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-19590.window="$el.src = $event.detail"
alt="Collier chaîne cravate et goutte Argent 925 - Argent 925"
title="Collier chaîne cravate et goutte Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/4/c/4c86d3dd-bcd3-42af-a6f8-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/4/c/4c86d3dd-bcd3-42af-a6f8-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-cravate-et-goutte-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene cravate et goutte Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene cravate et goutte Argent 925","id":"BCOZIRA015","price":"75.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-cravate-et-goutte-argent-925';return false; }});" >
Collier chaîne cravate et goutte Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a999874() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a999874()"
@update-prices-19590.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19590" data-price-box="product-id-19590">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-19590" data-price-amount="75"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">75 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-fine-fleurs-de-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28213)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague fine fleurs de zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague fine fleurs de zircons Plaqu\u00e9 or","id":"BBADIVJ046","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-fine-fleurs-de-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28213.window="$el.src = $event.detail"
alt="Bague fine fleurs de zircons Plaqué or - Plaqué or"
title="Bague fine fleurs de zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/f/2/f2416ed2-e427-47ad-b0b4-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/2/f2416ed2-e427-47ad-b0b4-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-fine-fleurs-de-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague fine fleurs de zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague fine fleurs de zircons Plaqu\u00e9 or","id":"BBADIVJ046","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-fine-fleurs-de-zircons-plaque-or';return false; }});" >
Bague fine fleurs de zircons Plaqué or </a>
</div>
<script>
function initConfigurableSwatchOptions_28213() {
const configurableOptionsComponent = initConfigurableOptions(
'28213',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"752","label":"48","products":["30605"]},{"id":"755","label":"50","products":["28186"]},{"id":"764","label":"52","products":["28189"]},{"id":"767","label":"54","products":["28192"]},{"id":"770","label":"56","products":["28195"]},{"id":"776","label":"58","products":["28198"]},{"id":"779","label":"60","products":["28201"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"28186":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"28189":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"28192":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"28195":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"28198":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"28201":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}},"30605":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":45.833332333333},"oldPrice":{"amount":55},"basePrice":{"amount":45.833332333333},"finalPrice":{"amount":55}},"productId":"28213","chooseText":"Choisissez une option...","images":[],"index":{"28186":{"1031":"755"},"28189":{"1031":"764"},"28192":{"1031":"767"},"28195":{"1031":"770"},"28198":{"1031":"776"},"28201":{"1031":"779"},"30605":{"1031":"752"}},"salable":{"1031":{"755":["28186"],"764":["28189"],"767":["28192"],"770":["28195"],"776":["28198"],"779":["28201"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"752"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"28186":"3701696905804","28189":"3701696905811","28192":"3701696905828","28195":"3701696905835","28198":"3701696905842","28201":"3701696905798","30605":"3701696916404"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-28213",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_28213()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a99e09d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a99e09d()"
@update-prices-28213.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28213" data-price-box="product-id-28213">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28213" data-price-amount="55"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">55 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="O53IQO1"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="VXTWCQE"><a href="/fr/bijoux-astro" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Desktop-astro_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="IBLKXW8"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/DESKTOP-astrale_5.jpg" alt="" title="" data-element="mobile_image" data-pb-style="MM3J5U2"></a></figure><div class="pagebuilder-column-group visibility-homepage-desktop" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="Y97LFY2"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="UN3YD3F"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ACL8WYJ"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="MF8WRE2"><a href="/fr/bijoux-mariage" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Ceremonie_FR_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="AU6HUXM"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Ceremonie_FR_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="WY9483H"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="SDXLNG1"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="MFYH66Q"><a href="/fr/carte-cadeau" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_Carte_Cadeau_2.png" alt="" title="" data-element="desktop_image" data-pb-style="SOGR91Q"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Demi_bandeau_Carte_Cadeau_2.png" alt="" title="" data-element="mobile_image" data-pb-style="O0S3LOF"></a></figure></div></div></div><div class="pagebuilder-column-group visibility-homepage-mobile" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XT8QME6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OYQ4W5P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BJRFU19"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="P4N7J50"><a href="/fr/bijoux-fete-des-meres" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/.renditions/wysiwyg/Demi_bandeau_FDM_3.png" alt="" title="" data-element="desktop_image" data-pb-style="GO7EN4G"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/.renditions/wysiwyg/Demi_bandeau_FDM_3.png" alt="" title="" data-element="mobile_image" data-pb-style="QBOPLYO"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="DN7IQS3"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="S8RLNTR"><a href="/fr/bijoux-mariage" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/.renditions/wysiwyg/Ceremonie_FR_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="LPKHDDA"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/.renditions/wysiwyg/Ceremonie_FR_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="NBA214U"></a></figure></div></div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="U0OSM8P"><div data-content-type="row" data-appearance="contained" data-element="main"><div class="related-products row_caroussel" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="KOE15LI"><div data-content-type="html" data-appearance="default" data-element="main"><div style="display: flex; align-items: baseline; gap:10px;">
<p style="font-family: 'Urbanist', sans-serif; font-size: 32px;">
<span style="color: #071d49;">Nos </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">nouveautés</span>
</p>
<p class="voir_tout" style="font-family: 'Urbanist', sans-serif; font-size: 16px; text-decoration: underline; color: #071d49; margin: 0; cursor: pointer; font-style: italic;"><a href="/fr/nouveautes">Voir tout</a></p>
</div></div><div class="ab-test-carousel-best-sellers petitcarrouselhome" data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="false" data-carousel-mode="default" data-center-padding="90px" data-element="main" data-pb-style="J3HJ5HK"> <div class="glider-contain product-items widget-product-carousel">
<div data-role="glider-content"
class="relative grid grid-cols-2 gap-4 mx-auto overflow-x-scroll overflow-y-hidden lg:grid-cols-4">
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33194)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Plaqu\u00e9 or","id":"BBOCREJ151","price":"85.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33194.window="$el.src = $event.detail"
alt="Boucles d'oreilles créoles Pierre de Lune et zircons Plaqué or - Plaqué or"
title="Boucles d'oreilles créoles Pierre de Lune et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/c/9/c94783b3-a25b-4d8a-b919-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/c/9/c94783b3-a25b-4d8a-b919-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Plaqu\u00e9 or","id":"BBOCREJ151","price":"85.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-plaque-or';return false; }});" >
Boucles d'oreilles créoles Pierre de Lune et zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9b1f15() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9b1f15()"
@update-prices-33194.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33194" data-price-box="product-id-33194">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33194" data-price-amount="85"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">85 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33167)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene de dos Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene de dos Pierre de Lune et zircons Plaqu\u00e9 or","id":"BCOPFIJ071","price":"109.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33167.window="$el.src = $event.detail"
alt="Collier chaîne de dos Pierre de Lune et zircons Plaqué or - Plaqué or"
title="Collier chaîne de dos Pierre de Lune et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/4/8/481f73c7-5297-4421-974a-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/4/8/481f73c7-5297-4421-974a-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene de dos Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene de dos Pierre de Lune et zircons Plaqu\u00e9 or","id":"BCOPFIJ071","price":"109.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-plaque-or';return false; }});" >
Collier chaîne de dos Pierre de Lune et zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9b6627() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9b6627()"
@update-prices-33167.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33167" data-price-box="product-id-33167">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33167" data-price-amount="109"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">109 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-liberty-mom-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33460)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet liberty Mom Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet liberty Mom Plaqu\u00e9 or","id":"MCTLIBJ159","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-liberty-mom-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de motifs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33460.window="$el.src = $event.detail"
alt="Bracelet liberty Mom Plaqué or"
title="Bracelet liberty Mom Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_liberty_plaque_or_mctlibj159_naturemorte_1.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/r/bracelet_liberty_plaque_or_mctlibj159_naturemorte_1.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-liberty-mom-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet liberty Mom Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet liberty Mom Plaqu\u00e9 or","id":"MCTLIBJ159","price":"79.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-liberty-mom-plaque-or';return false; }});" >
Bracelet liberty Mom Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9b8de3() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9b8de3()"
@update-prices-33460.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33460" data-price-box="product-id-33460">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33460" data-price-amount="79"
data-price-type=""
class="price-wrapper"
><span class="price">79 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33284)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague goutte Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague goutte Pierre de Lune et zircons Plaqu\u00e9 or","id":"BBAPFIJ032","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33284.window="$el.src = $event.detail"
alt="Bague goutte Pierre de Lune et zircons Plaqué or - Plaqué or"
title="Bague goutte Pierre de Lune et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/f/5/f5e4c2ea-b0d4-403b-a6d5-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/5/f5e4c2ea-b0d4-403b-a6d5-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague goutte Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague goutte Pierre de Lune et zircons Plaqu\u00e9 or","id":"BBAPFIJ032","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-plaque-or';return false; }});" >
Bague goutte Pierre de Lune et zircons Plaqué or </a>
</div>
<script>
function initConfigurableSwatchOptions_33284() {
const configurableOptionsComponent = initConfigurableOptions(
'33284',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"755","label":"50","products":["33215"]},{"id":"764","label":"52","products":["33218"]},{"id":"767","label":"54","products":["33221"]},{"id":"770","label":"56","products":["33224"]},{"id":"776","label":"58","products":["33227"]},{"id":"779","label":"60","products":["33212"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"33215":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33218":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33221":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33224":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33227":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33212":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69}},"productId":"33284","chooseText":"Choisissez une option...","images":[],"index":{"33215":{"1031":"755"},"33218":{"1031":"764"},"33221":{"1031":"767"},"33224":{"1031":"770"},"33227":{"1031":"776"},"33212":{"1031":"779"}},"salable":{"1031":{"755":["33215"],"764":["33218"],"767":["33221"],"770":["33224"],"776":["33227"],"779":["33212"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"755"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"33215":"3701696917906","33218":"3701696917913","33221":"3701696917920","33224":"3701696917937","33227":"3701696917944","33212":"3701696917890"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-33284",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_33284()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28a9d2c8c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9d2c8c()"
@update-prices-33284.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33284" data-price-box="product-id-33284">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33284" data-price-amount="69"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">69 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-goutte-pierre-de-lune-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33206)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e goutte Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e goutte Pierre de Lune et zircons Argent 925","id":"BBCPFIA054","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-goutte-pierre-de-lune-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33206.window="$el.src = $event.detail"
alt="Bracelet chaîne torsadée goutte Pierre de Lune et zircons Argent 925 - Argent 925"
title="Bracelet chaîne torsadée goutte Pierre de Lune et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/2/3/239b10ea-5876-4d0d-bc35-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/3/239b10ea-5876-4d0d-bc35-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-goutte-pierre-de-lune-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e goutte Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e goutte Pierre de Lune et zircons Argent 925","id":"BBCPFIA054","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-goutte-pierre-de-lune-et-zircons-argent-925';return false; }});" >
Bracelet chaîne torsadée goutte Pierre de Lune et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a9db5c4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9db5c4()"
@update-prices-33206.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33206" data-price-box="product-id-33206">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33206" data-price-amount="69"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">69 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-barrette-5-zircons-et-gouttes-en-cascade-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33188)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925","id":"BBOPUCA173","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-barrette-5-zircons-et-gouttes-en-cascade-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33188.window="$el.src = $event.detail"
alt="Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925 - Argent 925"
title="Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/4/8/48e191b6-8904-469e-8ae5-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/4/8/48e191b6-8904-469e-8ae5-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-barrette-5-zircons-et-gouttes-en-cascade-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925","id":"BBOPUCA173","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-barrette-5-zircons-et-gouttes-en-cascade-argent-925';return false; }});" >
Boucles d'oreilles barrette 5 zircons et gouttes en cascade Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28a9dde2a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9dde2a()"
@update-prices-33188.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33188" data-price-box="product-id-33188">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33188" data-price-amount="65"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">65 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33395)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Plaqu\u00e9 or","id":"MBCDIVJ063","price":"87.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33395.window="$el.src = $event.detail"
alt="Bracelet chaîne torsadée deux rangs charm signe astro zircons Plaqué or - Plaqué or"
title="Bracelet chaîne torsadée deux rangs charm signe astro zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/3/6/36e50c14-8b19-4679-a12a-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/3/6/36e50c14-8b19-4679-a12a-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Plaqu\u00e9 or","id":"MBCDIVJ063","price":"87.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-plaque-or';return false; }});" >
Bracelet chaîne torsadée deux rangs charm signe astro zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28a9e027c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28a9e027c()"
@update-prices-33395.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33395" data-price-box="product-id-33395">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33395" data-price-amount="87"
data-price-type=""
class="price-wrapper"
><span class="price">87 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-duo-d-initiales-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33428)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene duo d'initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene duo d'initiales Argent 925","id":"MCOMFOA356","price":"94.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-duo-d-initiales-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33428.window="$el.src = $event.detail"
alt="Collier chaîne duo d'initiales Argent 925 - Argent 925"
title="Collier chaîne duo d'initiales Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/9/1/91766aef-ebfb-4064-a011-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/9/1/91766aef-ebfb-4064-a011-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-duo-d-initiales-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene duo d'initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene duo d'initiales Argent 925","id":"MCOMFOA356","price":"94.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-duo-d-initiales-argent-925';return false; }});" >
Collier chaîne duo d'initiales Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28aa0e83c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aa0e83c()"
@update-prices-33428.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33428" data-price-box="product-id-33428">
<p class="price-from">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">dès</span>
<span id="from-33428" data-price-amount="94"
data-price-type="minPrice"
class="price-wrapper"
><span class="price">94 €</span></span>
</span>
</p>
<p class="price-to">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">À</span>
<span id="to-33428" data-price-amount="104"
data-price-type="maxPrice"
class="price-wrapper"
><span class="price">104 €</span></span>
</span>
</p>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-tresse-duo-d-initiales-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33380)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon tress\u00e9 duo d'initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon tress\u00e9 duo d'initiales Argent 925","id":"MCTCTRA095","price":"62.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-tresse-duo-d-initiales-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33380.window="$el.src = $event.detail"
alt="Bracelet cordon tressé duo d'initiales Argent 925 - Argent 925"
title="Bracelet cordon tressé duo d'initiales Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/f/ef49777a-e22a-441c-893e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/f/ef49777a-e22a-441c-893e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-tresse-duo-d-initiales-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon tress\u00e9 duo d'initiales Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon tress\u00e9 duo d'initiales Argent 925","id":"MCTCTRA095","price":"62.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-tresse-duo-d-initiales-argent-925';return false; }});" >
Bracelet cordon tressé duo d'initiales Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28aa71a87() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aa71a87()"
@update-prices-33380.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33380" data-price-box="product-id-33380">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33380" data-price-amount="62"
data-price-type=""
class="price-wrapper"
><span class="price">62 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33197)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Argent 925","id":"BBOCREA167","price":"85.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33197.window="$el.src = $event.detail"
alt="Boucles d'oreilles créoles Pierre de Lune et zircons Argent 925 - Argent 925"
title="Boucles d'oreilles créoles Pierre de Lune et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/a/e/ae719224-698b-4b06-9f3c-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/e/ae719224-698b-4b06-9f3c-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Boucles d'oreilles cr\u00e9oles Pierre de Lune et zircons Argent 925","id":"BBOCREA167","price":"85.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles-creoles-pierre-de-lune-et-zircons-argent-925';return false; }});" >
Boucles d'oreilles créoles Pierre de Lune et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28aad94d0() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aad94d0()"
@update-prices-33197.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33197" data-price-box="product-id-33197">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33197" data-price-amount="85"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">85 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33164)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene de dos Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene de dos Pierre de Lune et zircons Argent 925","id":"BCOPFIA084","price":"109.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33164.window="$el.src = $event.detail"
alt="Collier chaîne de dos Pierre de Lune et zircons Argent 925 - Argent 925"
title="Collier chaîne de dos Pierre de Lune et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/0/d/0de0a18c-f38e-43be-933c-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/0/d/0de0a18c-f38e-43be-933c-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene de dos Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene de dos Pierre de Lune et zircons Argent 925","id":"BCOPFIA084","price":"109.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-de-dos-pierre-de-lune-et-zircons-argent-925';return false; }});" >
Collier chaîne de dos Pierre de Lune et zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28aaddadd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aaddadd()"
@update-prices-33164.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33164" data-price-box="product-id-33164">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33164" data-price-amount="109"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">109 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33287)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague goutte Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague goutte Pierre de Lune et zircons Argent 925","id":"BBAPFIA038","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33287.window="$el.src = $event.detail"
alt="Bague goutte Pierre de Lune et zircons Argent 925 - Argent 925"
title="Bague goutte Pierre de Lune et zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/a/6/a6a00a1e-1562-4fa1-b665-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/6/a6a00a1e-1562-4fa1-b665-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bague goutte Pierre de Lune et zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bague goutte Pierre de Lune et zircons Argent 925","id":"BBAPFIA038","price":"69.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bague-goutte-pierre-de-lune-et-zircons-argent-925';return false; }});" >
Bague goutte Pierre de Lune et zircons Argent 925 </a>
</div>
<script>
function initConfigurableSwatchOptions_33287() {
const configurableOptionsComponent = initConfigurableOptions(
'33287',
{"attributes":{"1031":{"id":"1031","code":"sku_taille","label":"Taille","options":[{"id":"755","label":"50","products":["33233"]},{"id":"764","label":"52","products":["33236"]},{"id":"767","label":"54","products":["33239"]},{"id":"770","label":"56","products":["33242"]},{"id":"776","label":"58","products":["33245"]},{"id":"779","label":"60","products":["33230"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"33233":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33236":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33239":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33242":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33245":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}},"33230":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":57.499999},"oldPrice":{"amount":69},"basePrice":{"amount":57.499999},"finalPrice":{"amount":69}},"productId":"33287","chooseText":"Choisissez une option...","images":[],"index":{"33233":{"1031":"755"},"33236":{"1031":"764"},"33239":{"1031":"767"},"33242":{"1031":"770"},"33245":{"1031":"776"},"33230":{"1031":"779"}},"salable":{"1031":{"755":["33233"],"764":["33236"],"767":["33239"],"770":["33242"],"776":["33245"],"779":["33230"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1031":"755"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"33233":"3701696917784","33236":"3701696917791","33239":"3701696917807","33242":"3701696917814","33245":"3701696917821","33230":"3701696917753"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-33287",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_33287()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28aae23d1() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aae23d1()"
@update-prices-33287.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33287" data-price-box="product-id-33287">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33287" data-price-amount="69"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">69 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33698)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","id":"MCTCEPA017","price":"73.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33698.window="$el.src = $event.detail"
alt="Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/d/ed78d319-c152-442e-9b3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/d/ed78d319-c152-442e-9b3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et Agate pour homme Argent 925","id":"MCTCEPA017","price":"73.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-agate-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charms émail noir et Agate pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28aaeb728() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aaeb728()"
@update-prices-33698.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33698" data-price-box="product-id-33698">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33698" data-price-amount="73"
data-price-type=""
class="price-wrapper"
><span class="price">73 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33680)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCEPA014","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33680.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm effet strié large pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm effet strié large pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/b/5/b5284f8f-b97f-4d9c-bfaa-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/5/b5284f8f-b97f-4d9c-bfaa-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCEPA014","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-strie-large-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm effet strié large pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab05fbd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab05fbd()"
@update-prices-33680.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33680" data-price-box="product-id-33680">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33680" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33665)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","id":"BBHCTRA006","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33665.window="$el.src = $event.detail"
alt="Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 - Argent 925"
title="Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/e/e/eef8f4c5-8960-47e1-8d8c-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/e/eef8f4c5-8960-47e1-8d8c-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cuir tress\u00e9 bleu plaque \u00e9paisse pour homme Argent 925","id":"BBHCTRA006","price":"55.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cuir-tresse-bleu-plaque-epaisse-pour-homme-argent-925';return false; }});" >
Bracelet cuir tressé bleu plaque épaisse pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab127e6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab127e6()"
@update-prices-33665.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33665" data-price-box="product-id-33665">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33665" data-price-amount="55"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">55 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33677)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","id":"MCTCEPA013","price":"44.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33677.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm losange Agate noire pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm losange Agate noire pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/f/5f3c3258-f3e8-4a4e-b328-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/f/5f3c3258-f3e8-4a4e-b328-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm losange Agate noire pour homme Argent 925","id":"MCTCEPA013","price":"44.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm losange Agate noire pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab14d36() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab14d36()"
@update-prices-33677.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33677" data-price-box="product-id-33677">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33677" data-price-amount="44"
data-price-type=""
class="price-wrapper"
><span class="price">44 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33695)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","id":"MCTCEPA016","price":"67.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33695.window="$el.src = $event.detail"
alt="Bracelet cordon épais charms émail noir et strié pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charms émail noir et strié pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/2/8/2827d0b5-b904-4045-9a9e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/8/2827d0b5-b904-4045-9a9e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charms \u00e9mail noir et stri\u00e9 pour homme Argent 925","id":"MCTCEPA016","price":"67.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charms-email-noir-et-strie-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charms émail noir et strié pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab21d60() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab21d60()"
@update-prices-33695.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33695" data-price-box="product-id-33695">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33695" data-price-amount="67"
data-price-type=""
class="price-wrapper"
><span class="price">67 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33683)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCEPA015","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33683.window="$el.src = $event.detail"
alt="Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
title="Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/6/3/63f05681-ecd4-4a47-97cf-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/6/3/63f05681-ecd4-4a47-97cf-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon \u00e9pais charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCEPA015","price":"38.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-epais-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" >
Bracelet cordon épais charm effet brossé et émail noir pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab2fc4e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab2fc4e()"
@update-prices-33683.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33683" data-price-box="product-id-33683">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33683" data-price-amount="38"
data-price-type=""
class="price-wrapper"
><span class="price">38 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33686)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm losange Agate noire pour homme Argent 925","id":"MCTCORA435","price":"42.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33686.window="$el.src = $event.detail"
alt="Bracelet cordon charm losange Agate noire pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm losange Agate noire pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/f/5f2133fe-9bdd-47ce-9181-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/f/5f2133fe-9bdd-47ce-9181-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm losange Agate noire pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm losange Agate noire pour homme Argent 925","id":"MCTCORA435","price":"42.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-losange-agate-noire-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm losange Agate noire pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab3d0cf() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab3d0cf()"
@update-prices-33686.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33686" data-price-box="product-id-33686">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33686" data-price-amount="42"
data-price-type=""
class="price-wrapper"
><span class="price">42 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33689)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCORA437","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33689.window="$el.src = $event.detail"
alt="Bracelet cordon charm effet strié large pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm effet strié large pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/d/0/d0965962-3913-46ce-971e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/0/d0965962-3913-46ce-971e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet stri\u00e9 large pour homme Argent 925","id":"MCTCORA437","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-strie-large-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm effet strié large pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab58327() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab58327()"
@update-prices-33689.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33689" data-price-box="product-id-33689">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33689" data-price-amount="36"
data-price-type=""
class="price-wrapper"
><span class="price">36 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33692)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCORA439","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33692.window="$el.src = $event.detail"
alt="Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
title="Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/5/7/57d0f6fe-1d57-4787-9c99-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/7/57d0f6fe-1d57-4787-9c99-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon charm effet bross\u00e9 et \u00e9mail noir pour homme Argent 925","id":"MCTCORA439","price":"36.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-charm-effet-brosse-et-email-noir-pour-homme-argent-925';return false; }});" >
Bracelet cordon charm effet brossé et émail noir pour homme Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab71972() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab71972()"
@update-prices-33692.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33692" data-price-box="product-id-33692">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33692" data-price-amount="36"
data-price-type=""
class="price-wrapper"
><span class="price">36 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-argent-925"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33392)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Argent 925","id":"MBCDIVA062","price":"77.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-argent-925';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33392.window="$el.src = $event.detail"
alt="Bracelet chaîne torsadée deux rangs charm signe astro zircons Argent 925 - Argent 925"
title="Bracelet chaîne torsadée deux rangs charm signe astro zircons Argent 925 - Argent 925"
src="https://atelier-amaya.com/media/catalog/product/a/b/ab0d24db-7880-4a14-b71e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/b/ab0d24db-7880-4a14-b71e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-argent-925"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Argent 925","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cha\u00eene torsad\u00e9e deux rangs charm signe astro zircons Argent 925","id":"MBCDIVA062","price":"77.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-chaine-torsadee-deux-rangs-charm-signe-astro-zircons-argent-925';return false; }});" >
Bracelet chaîne torsadée deux rangs charm signe astro zircons Argent 925 </a>
</div>
<script>
function initPriceBox__6a1f28ab8c610() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ab8c610()"
@update-prices-33392.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33392" data-price-box="product-id-33392">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33392" data-price-amount="77"
data-price-type=""
class="price-wrapper"
><span class="price">77 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/collier-chaine-torsadee-charm-signe-astro-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33425)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene torsad\u00e9e charm signe astro zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene torsad\u00e9e charm signe astro zircons Plaqu\u00e9 or","id":"MCOMTOJ076","price":"81.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-torsadee-charm-signe-astro-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33425.window="$el.src = $event.detail"
alt="Collier chaîne torsadée charm signe astro zircons Plaqué or - Plaqué or"
title="Collier chaîne torsadée charm signe astro zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/a/2/a2b736f8-52b1-40b9-8f66-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/2/a2b736f8-52b1-40b9-8f66-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/collier-chaine-torsadee-charm-signe-astro-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Collier cha\u00eene torsad\u00e9e charm signe astro zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Collier cha\u00eene torsad\u00e9e charm signe astro zircons Plaqu\u00e9 or","id":"MCOMTOJ076","price":"81.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/collier-chaine-torsadee-charm-signe-astro-zircons-plaque-or';return false; }});" >
Collier chaîne torsadée charm signe astro zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28abb1d51() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28abb1d51()"
@update-prices-33425.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33425" data-price-box="product-id-33425">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33425" data-price-amount="81"
data-price-type=""
class="price-wrapper"
><span class="price">81 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-barrette-pierre-de-lune-et-zircons-plaque-or"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 33305)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon barrette Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon barrette Pierre de Lune et zircons Plaqu\u00e9 or","id":"MCTCORJ422","price":"46.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-barrette-pierre-de-lune-et-zircons-plaque-or';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--primary">
Nouveauté </span>
</li>
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
<li class="p-1 z-10">
<span class="badge badge--third">
+ de couleurs </span>
</li>
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-33305.window="$el.src = $event.detail"
alt="Bracelet cordon barrette Pierre de Lune et zircons Plaqué or - Plaqué or"
title="Bracelet cordon barrette Pierre de Lune et zircons Plaqué or - Plaqué or"
src="https://atelier-amaya.com/media/catalog/product/f/3/f38e97d0-b76b-40f2-8d23-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/3/f38e97d0-b76b-40f2-8d23-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/bracelet-cordon-barrette-pierre-de-lune-et-zircons-plaque-or"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bracelet cordon barrette Pierre de Lune et zircons Plaqu\u00e9 or","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bracelet cordon barrette Pierre de Lune et zircons Plaqu\u00e9 or","id":"MCTCORJ422","price":"46.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/bracelet-cordon-barrette-pierre-de-lune-et-zircons-plaque-or';return false; }});" >
Bracelet cordon barrette Pierre de Lune et zircons Plaqué or </a>
</div>
<script>
function initPriceBox__6a1f28abd5888() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28abd5888()"
@update-prices-33305.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33305" data-price-box="product-id-33305">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-33305" data-price-amount="46"
data-price-type=""
class="price-wrapper"
><span class="price">46 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div><div class="visibility-homepage-desktop" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="KBTHME6"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="PTL92BY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="XXSHKQW"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YKXNLLF"><div data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-argent" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbd9de" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="VF21HLO"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux à graver L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="R5OPI0W"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX ARGENT 925</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="N2DCMKT"><div data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-plaque-or" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbda74" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="YSB1LKT"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux petits prix L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="CBTA7D9"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX PLAQUÉ OR</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="V0RY3LY"><div data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/amaya-joaillerie" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdb0f" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="AKN1TBM"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux or jaune 14 carats L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="MFXNO19"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX OR 14 CARATS</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="RL59XFL"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WLF5S7J"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J1EYBPI"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="A6MKUDE"><a href="/fr/bijoux/bijoux-argent" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_argent_925_-_desktop.jpg" alt="" title="" data-element="desktop_image" data-pb-style="U930X1L"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_argent_925_-_desktop.jpg" alt="" title="" data-element="mobile_image" data-pb-style="A1KAJXF"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BCYFX1P"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="QDJA44L"><a href="/fr/bijoux/bijoux-plaque-or" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_plaque_or_-_desktop.jpg" alt="" title="" data-element="desktop_image" data-pb-style="JDWEC0W"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_plaque_or_-_desktop.jpg" alt="" title="" data-element="mobile_image" data-pb-style="JW5GG4J"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JNPRBL3"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="X7Y2VKB"><a href="/fr/bijoux/amaya-joaillerie" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_or14_-_desktop.jpg" alt="" title="" data-element="desktop_image" data-pb-style="ECUEXD6"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_or14_-_desktop.jpg" alt="" title="" data-element="mobile_image" data-pb-style="NASFEW0"></a></figure></div></div></div></div><div class="visibility-homepage-mobile" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="EDIO5BH"><div class="visibility-homepage-mobile" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="RV7IWL4"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main" data-pb-style="YNDX4HO"><a href="/fr/bijoux/bijoux-argent" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdba6" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="YI7U43R"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux à graver L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="V5G2LB6"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX ARGENT 925</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column-group ab-test-bloc-categories-un" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="W5RF3H9"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="I29YU2Y"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QE0I34U"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-plaque-or" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdc41" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="GG2JPH3"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux petits prix L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="MALY4BW"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX PLAQUÉ OR</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="AJC27B0"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/bijoux-plaque-or-rose" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdce9" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="AC7P8RD"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux à graver L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="AMXH4FS"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX PLAQUÉ OR ROSE</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group ab-test-bloc-categories-un" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="M96VVJA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="YD0GXH2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IQ88D4D"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="EDGBFMX"><a href="/fr/bijoux/bijoux-argent" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_argent_925_-_MOBILE.jpg" alt="" title="" data-element="desktop_image" data-pb-style="ER6REGS"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_argent_925_-_MOBILE.jpg" alt="" title="" data-element="mobile_image" data-pb-style="T3P1NME"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="D7X50YQ"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TMMUPIO"><a href="/fr/bijoux/bijoux-plaque-or" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_plaqu_or_-_MOBILE.jpg" alt="" title="" data-element="desktop_image" data-pb-style="BR9LBE5"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_plaqu_or_-_MOBILE.jpg" alt="" title="" data-element="mobile_image" data-pb-style="ITM1DMB"></a></figure></div></div></div><div class="visibility-homepage-mobile" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="G39TOOF"><div class="margin-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/bijoux/amaya-joaillerie" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdd77" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="TRFIB1K"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux à graver L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="HGL5CIB"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: #ffffff; font-size: 36px;">BIJOUX OR 14 CARATS</span></p></div></div></div></div></a></div></div><div class="visibility-homepage-mobile" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="HQG8KTP"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="RRNX6HQ"><a href="/fr/bijoux/amaya-joaillerie" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_OR_14K_-_MOBILE.jpg" alt="" title="" data-element="desktop_image" data-pb-style="FKLHXHM"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Bijoux_OR_14K_-_MOBILE.jpg" alt="" title="" data-element="mobile_image" data-pb-style="T9O6BAV"></a></figure></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="categoryabfdmoriginal" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="JKK53I6"><div data-content-type="html" data-appearance="default" data-element="main"><p style="font-family: 'Urbanist', sans-serif; font-size: 32px; text-align: left;">
<span style="color: #071d49;">Tendances </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">du moment</span>
</p></div><div class="visibility-homepage-mobile" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="AKB6FY4"><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carrousel L'Atelier d'Amaya</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
<style>
.swiper {
width: 97%;
max-width: 1400px;
overflow: hidden;
margin: auto;
}
.swiper-wrapper {
display: flex;
align-items: center;
}
.swiper-slide {
position: relative;
width: 70%;
border-radius: 0px;
overflow: hidden;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0px;
}
.slide-text {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 20px!important;
font-weight: 400;
text-align: center;
width: 80%;
background: none;
}
</style>
</head>
<div class="swiper swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/fr/collections/bijoux-silhouette">
<img src="https://atelier-amaya.com/media/wysiwyg/Silhouettes_11.jpg" alt="Bijoux silhouettes" loading="lazy">
<div class="slide-text">SILHOUETTES</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/pierres-de-naissance">
<img src="https://atelier-amaya.com/media/wysiwyg/pdn.jpg" alt="Bijoux pierres de naissance" loading="lazy">
<div class="slide-text">PIERRES DE NAISSANCE</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/initiales">
<img src="https://atelier-amaya.com/media/wysiwyg/Initiales_7.jpg" alt="Bijoux initiales" loading="lazy">
<div class="slide-text">INITIALES</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/bijoux-charms">
<img src="https://atelier-amaya.com/media/wysiwyg/Charms_2.jpg" alt="Bijoux charms" loading="lazy">
<div class="slide-text">CHARMS</div>
</a>
</div>
</div>
</div>
<!-- Swiper.js -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
new Swiper('.swiper1', {
slidesPerView: 1.5,
spaceBetween: 15,
loop: false,
grabCursor: true,
centeredSlides: false,
initialSlide: 0,
breakpoints: {
768: { slidesPerView: 1.3 },
1024: { slidesPerView: 1.5 }
}
});
new Swiper('.swiper2', {
slidesPerView: 1.5,
spaceBetween: 15,
loop: false,
grabCursor: true,
centeredSlides: false,
initialSlide: 0,
breakpoints: {
768: { slidesPerView: 1.3 },
1024: { slidesPerView: 1.5 }
}
});
});
</script>
</html></div><div class="visibility-homepage-mobile" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="UFAAET3"><!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carrousel L'Atelier d'Amaya</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
<style>
.swiper {
width: 97%;
max-width: 1400px;
overflow: hidden;
margin: auto;
}
.swiper-wrapper {
display: flex;
align-items: center;
}
.swiper-slide {
position: relative;
width: 70%;
border-radius: 0px;
overflow: hidden;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0px;
}
.slide-text {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
color: white;
font-size: 20px!important;
font-weight: 400;
text-align: center;
width: 80%;
background: none;
}
</style>
</head>
<div class="swiper swiper1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/fr/collections/bijoux-silhouette">
<img src="https://atelier-amaya.com/media/wysiwyg/Silhouettes_11.jpg" alt="Bijoux silhouettes" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/pierres-de-naissance">
<img src="https://atelier-amaya.com/media/wysiwyg/pdn.jpg" alt="Bijoux pierres de naissance" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/initiales">
<img src="https://atelier-amaya.com/media/wysiwyg/Initiales_7.jpg" alt="Bijoux initiales" loading="lazy">
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/bijoux-charms">
<img src="https://atelier-amaya.com/media/wysiwyg/Charms_2.jpg" alt="Bijoux charms" loading="lazy">
</a>
</div>
</div>
</div>
<!-- Swiper.js -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
new Swiper('.swiper1', {
slidesPerView: 1.5,
spaceBetween: 15,
loop: false,
grabCursor: true,
centeredSlides: false,
initialSlide: 0,
breakpoints: {
768: { slidesPerView: 1.3 },
1024: { slidesPerView: 1.5 }
}
});
new Swiper('.swiper2', {
slidesPerView: 1.5,
spaceBetween: 15,
loop: false,
grabCursor: true,
centeredSlides: false,
initialSlide: 0,
breakpoints: {
768: { slidesPerView: 1.3 },
1024: { slidesPerView: 1.5 }
}
});
});
</script>
</html></div><div class="pagebuilder-column-group visibility-homepage-desktop" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="FA1TAKL"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="JP3HQLM"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MXRJS3P"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/bijoux-silhouette" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbde1e" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="OA3TVAR"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux silhouettes Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="BFV334U"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">SILHOUETTES</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NF9FYOE"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/pierres-de-naissance" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdebc" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="HM4GFDB"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux pierres de naissance L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="RKEY7AT"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">PIERRES DE NAISSANCE</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T88NB0U"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/initiales" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdf4e" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="C4CPCO7"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux initiales Noël L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="NVSBWI3"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">INITIALES</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VSMWBD0"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/bijoux-charms" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbdfe7" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="U570T1P"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="Bijoux charms L'Atelier d'Amaya" title="" data-element="overlay" data-pb-style="M1RH7FP"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: center;"><span style="color: rgb(255, 255, 255);">CHARMS</span></p></div></div></div></div></a></div></div></div></div><div class="pagebuilder-column-group visibility-homepage-desktop" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="L44EUU6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="HAKXFMO"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KJ0JBAS"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="RKDP2ID"><a href="/fr/collections/bijoux-silhouette" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Silhouettes_11.jpg" alt="" title="" data-element="desktop_image" data-pb-style="KBPDHF5"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Silhouettes_11.jpg" alt="" title="" data-element="mobile_image" data-pb-style="PIYU8QH"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HFKBLVB"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="E2C2LB3"><a href="/fr/collections/pierres-de-naissance" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/pdn.jpg" alt="" title="" data-element="desktop_image" data-pb-style="ON50044"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/pdn.jpg" alt="" title="" data-element="mobile_image" data-pb-style="L6RGJ2E"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="H8Q4K83"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="P5DM59R"><a href="/fr/collections/initiales" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Initiales_7.jpg" alt="" title="" data-element="desktop_image" data-pb-style="N1JH1HT"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Initiales_7.jpg" alt="" title="" data-element="mobile_image" data-pb-style="Y6Y15HQ"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="N0RV8DC"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="KA8779Q"><a href="/fr/collections/bijoux-charms" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Charms_2.jpg" alt="" title="" data-element="desktop_image" data-pb-style="KH3KL5B"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/Charms_2.jpg" alt="" title="" data-element="mobile_image" data-pb-style="TU6OGVR"></a></figure></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RBYFQRO"><div data-content-type="buttons" data-appearance="inline" data-same-width="false" data-element="main" data-pb-style="HY92BFN"><div data-content-type="button-item" data-appearance="default" data-element="main" data-pb-style="BJE8EEX"><a class="pagebuilder-button-primary" href="/fr/top-10-bijoux" target="" data-link-type="default" data-element="link" data-pb-style="AQP5VQT"><span data-element="link_text">TOP 10 IDÉES CADEAUX</span></a></div></div></div></div><div class="banfid" data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="HWY0SPV"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="LR5382U"><a href="/fr/programme-fidelite" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/New_-_Desktop_FR.jpg" alt="" title="" data-element="desktop_image" data-pb-style="RALMESX"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/New_-_Mobile_FR.jpg" alt="" title="" data-element="mobile_image" data-pb-style="TPX65AH"></a></figure></div><div data-content-type="row" data-appearance="contained" data-element="main"><div class="related-products row_caroussel" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="U71WTM7"><div data-content-type="html" data-appearance="default" data-element="main"><div style="display: flex; align-items: baseline; gap:10px;">
<p style="font-family: 'Urbanist', sans-serif; font-size: 32px;">
<span style="color: #071d49;">Le petit </span>
<span style="color: #E1909D; font-style: italic; font-weight: 600;">plus</span>
</p>
<p class="voir_tout" style="font-family: 'Urbanist', sans-serif; font-size: 16px; text-decoration: underline; color: #071d49; margin: 0; cursor: pointer; font-style: italic;"><a href="/fr/accessoires">Voir tout</a></p>
</div></div><div class="ab-test-carousel-best-sellers petitcarrouselhome" data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="true" data-show-dots="false" data-carousel-mode="default" data-center-padding="90px" data-element="main" data-pb-style="QUS2DCQ"> <div class="glider-contain product-items widget-product-carousel">
<div data-role="glider-content"
class="relative grid grid-cols-2 gap-4 mx-auto overflow-x-scroll overflow-y-hidden lg:grid-cols-4">
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-en-velours-rose-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31562)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux de voyage en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux de voyage en velours rose L'Atelier d'Amaya","id":"PDIDIVN027","price":"25.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-en-velours-rose-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31562.window="$el.src = $event.detail"
alt="Boîte à bijoux de voyage en velours rose L'Atelier d'Amaya -  "
title="Boîte à bijoux de voyage en velours rose L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/2/4/24b91719-22f4-4717-a088-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/4/24b91719-22f4-4717-a088-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-en-velours-rose-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux de voyage en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux de voyage en velours rose L'Atelier d'Amaya","id":"PDIDIVN027","price":"25.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-en-velours-rose-l-atelier-d-amaya';return false; }});" >
Boîte à bijoux de voyage en velours rose L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac27e79() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac27e79()"
@update-prices-31562.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31562" data-price-box="product-id-31562">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31562" data-price-amount="25"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">25 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 18468)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours L'Atelier d'Amaya","id":"PDIDIVN005","price":"35.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-18468.window="$el.src = $event.detail"
alt="Pochette à bijoux en velours L'Atelier d'Amaya -  "
title="Pochette à bijoux en velours L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/5/c/5c02623e-6a0e-457b-b1d3-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/c/5c02623e-6a0e-457b-b1d3-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours L'Atelier d'Amaya","id":"PDIDIVN005","price":"35.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-l-atelier-d-amaya';return false; }});" >
Pochette à bijoux en velours L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac2e8fb() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac2e8fb()"
@update-prices-18468.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="18468" data-price-box="product-id-18468">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-18468" data-price-amount="35"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">35 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/pack-de-2-chamoisines-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 32924)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pack de 2 chamoisines L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pack de 2 chamoisines L'Atelier d'Amaya","id":"PCADIVN003","price":"9.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pack-de-2-chamoisines-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-32924.window="$el.src = $event.detail"
alt="Pack de 2 chamoisines L'Atelier d'Amaya -  "
title="Pack de 2 chamoisines L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/0/4/04266174-e750-4991-ae3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/0/4/04266174-e750-4991-ae3b-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/pack-de-2-chamoisines-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pack de 2 chamoisines L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pack de 2 chamoisines L'Atelier d'Amaya","id":"PCADIVN003","price":"9.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pack-de-2-chamoisines-l-atelier-d-amaya';return false; }});" >
Pack de 2 chamoisines L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac32ff2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac32ff2()"
@update-prices-32924.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32924" data-price-box="product-id-32924">
<span class="special-price">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">Prix spécial</span>
<span id="product-price-32924" data-price-amount="9"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">9 €</span></span>
</span>
</span>
<span class="old-price">
<span class="price-container price-final_price tax weee"
>
<span class="price-label">Prix normal</span>
<span id="old-price-32924" data-price-amount="10"
data-price-type="oldPrice"
class="price-wrapper"
><span class="price">10 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-avec-pompons-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31559)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours avec pompons L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours avec pompons L'Atelier d'Amaya","id":"PDIDIVN030","price":"30.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-avec-pompons-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31559.window="$el.src = $event.detail"
alt="Pochette à bijoux en velours avec pompons L'Atelier d'Amaya -  "
title="Pochette à bijoux en velours avec pompons L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/5/d/5d3944e3-f043-401a-9f8e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/5/d/5d3944e3-f043-401a-9f8e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-avec-pompons-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours avec pompons L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours avec pompons L'Atelier d'Amaya","id":"PDIDIVN030","price":"30.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-avec-pompons-l-atelier-d-amaya';return false; }});" >
Pochette à bijoux en velours avec pompons L'Atelier d'Amaya </a>
</div>
<script>
function initConfigurableSwatchOptions_31559() {
const configurableOptionsComponent = initConfigurableOptions(
'31559',
{"attributes":{"1102":{"id":"1102","code":"sku_coloris_ecom","label":"Couleur","options":[{"id":"1597","label":"Rose","products":["31556"]},{"id":"1937","label":"Vert","products":["31553"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"31553":{"baseOldPrice":{"amount":24.999999},"oldPrice":{"amount":30},"basePrice":{"amount":24.999999},"finalPrice":{"amount":30},"tierPrices":[],"msrpPrice":{"amount":0}},"31556":{"baseOldPrice":{"amount":24.999999},"oldPrice":{"amount":30},"basePrice":{"amount":24.999999},"finalPrice":{"amount":30},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":24.999999},"oldPrice":{"amount":30},"basePrice":{"amount":24.999999},"finalPrice":{"amount":30}},"productId":"31559","chooseText":"Choisissez une option...","images":[],"index":{"31553":{"1102":"1937"},"31556":{"1102":"1597"}},"salable":{"1102":{"1937":["31553"],"1597":["31556"]}},"canDisplayShowOutOfStockStatus":true,"defaultValues":{"1102":"1597"},"channel":"website","salesChannelCode":"atelier_amaya","sku":{"31553":"3701696915384","31556":"3701696916497"}} );
const swatchOptionsComponent = initSwatchOptions([]);
return Object.assign(
configurableOptionsComponent,
swatchOptionsComponent,
{
mediaCallback: "https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Ffr\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
this.selectedValues[optionId] = value;
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}
).then(response => {
return response.json()
}
).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(
new CustomEvent(
"update-gallery-31559",
{detail: image}
)
);
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$el.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
}
);
}
</script>
<div x-data="initConfigurableSwatchOptions_31559()"
x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();"
@private-content-loaded.window="onGetCartData($event.detail.data)"
@resize.window="resizeEvent()"
class="mb-2 relative"
>
<div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute"
:style="getTooltipPosition()"
>
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
>
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container"
:style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle"
x-html="getTooltipLabel()"
></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5 -translate-y-8 fill-current stroke-current"
width="12"
height="12"
>
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__6a1f28ac38ee5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac38ee5()"
@update-prices-31559.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31559" data-price-box="product-id-31559">
<span class="normal-price">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31559" data-price-amount="30"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">30 €</span></span>
</span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16849)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux L'Atelier d'Amaya","id":"PDIDIVN001","price":"50.00","category":"Cadeaux\/\u2728 Boutique de No\u00ebl \u2728","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16849.window="$el.src = $event.detail"
alt="Boîte à bijoux L'Atelier d'Amaya -  "
title="Boîte à bijoux L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/c/1/c119d11a-5ee0-48e8-9823-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/c/1/c119d11a-5ee0-48e8-9823-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux L'Atelier d'Amaya","id":"PDIDIVN001","price":"50.00","category":"Cadeaux\/\u2728 Boutique de No\u00ebl \u2728","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-l-atelier-d-amaya';return false; }});" >
Boîte à bijoux L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac48409() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac48409()"
@update-prices-16849.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16849" data-price-box="product-id-16849">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16849" data-price-amount="50"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">50 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/chamoisine-rose-pour-bijoux-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31316)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Chamoisine rose pour bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Chamoisine rose pour bijoux L'Atelier d'Amaya","id":"PCADIVN002","price":"5.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/chamoisine-rose-pour-bijoux-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31316.window="$el.src = $event.detail"
alt="Chamoisine rose pour bijoux L'Atelier d'Amaya -  "
title="Chamoisine rose pour bijoux L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/f/7/f7939cac-6566-4876-949e-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/f/7/f7939cac-6566-4876-949e-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/chamoisine-rose-pour-bijoux-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Chamoisine rose pour bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Chamoisine rose pour bijoux L'Atelier d'Amaya","id":"PCADIVN002","price":"5.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/chamoisine-rose-pour-bijoux-l-atelier-d-amaya';return false; }});" >
Chamoisine rose pour bijoux L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac4da00() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac4da00()"
@update-prices-31316.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31316" data-price-box="product-id-31316">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31316" data-price-amount="5"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">5 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-rose-et-coeurs-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 24766)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours rose et coeurs L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours rose et coeurs L'Atelier d'Amaya","id":"PDIDIVN018","price":"35.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-rose-et-coeurs-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-24766.window="$el.src = $event.detail"
alt="Pochette à bijoux en velours rose et coeurs L'Atelier d'Amaya -  "
title="Pochette à bijoux en velours rose et coeurs L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/7/0/70c81211-bac5-44b2-bfef-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/7/0/70c81211-bac5-44b2-bfef-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-rose-et-coeurs-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Pochette \u00e0 bijoux en velours rose et coeurs L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Pochette \u00e0 bijoux en velours rose et coeurs L'Atelier d'Amaya","id":"PDIDIVN018","price":"35.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/pochette-a-bijoux-en-velours-rose-et-coeurs-l-atelier-d-amaya';return false; }});" >
Pochette à bijoux en velours rose et coeurs L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac52665() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac52665()"
@update-prices-24766.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="24766" data-price-box="product-id-24766">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-24766" data-price-amount="35"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">35 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/tote-bag-isis"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 25442)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote bag Isis","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote bag Isis","id":"ETODIVN007","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-isis';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-25442.window="$el.src = $event.detail"
alt="Tote bag Isis édition limitée -  "
title="Tote bag Isis édition limitée -  "
src="https://atelier-amaya.com/media/catalog/product/4/9/49cf42c1-d39b-4275-a200-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/4/9/49cf42c1-d39b-4275-a200-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/tote-bag-isis"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote bag Isis","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote bag Isis","id":"ETODIVN007","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-isis';return false; }});" >
Tote bag Isis </a>
</div>
<script>
function initPriceBox__6a1f28ac56f18() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac56f18()"
@update-prices-25442.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="25442" data-price-box="product-id-25442">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-25442" data-price-amount="25"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">25 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/tote-bag-palmier"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 2333)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote Bag palmier","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote Bag palmier","id":"ETODIVN001","price":"20.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-palmier';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-2333.window="$el.src = $event.detail"
alt="Tote Bag palmier -  "
title="Tote Bag palmier -  "
src="https://atelier-amaya.com/media/catalog/product/3/4/34d14570-7473-4db2-8ccd-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/3/4/34d14570-7473-4db2-8ccd-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/tote-bag-palmier"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote Bag palmier","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote Bag palmier","id":"ETODIVN001","price":"20.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-palmier';return false; }});" >
Tote Bag palmier </a>
</div>
<script>
function initPriceBox__6a1f28ac5c6e5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac5c6e5()"
@update-prices-2333.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2333" data-price-box="product-id-2333">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-2333" data-price-amount="20"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">20 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/diffuseur-de-parfum-200-ml"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 7577)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Diffuseur de parfum 200 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Diffuseur de parfum 200 ml","id":"PBDDIFN002","price":"39.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/diffuseur-de-parfum-200-ml';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-7577.window="$el.src = $event.detail"
alt="Diffuseur de parfum 200 ml -  "
title="Diffuseur de parfum 200 ml -  "
src="https://atelier-amaya.com/media/catalog/product/e/8/e851d0e2-01b7-46e5-815f-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/e/8/e851d0e2-01b7-46e5-815f-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/diffuseur-de-parfum-200-ml"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Diffuseur de parfum 200 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Diffuseur de parfum 200 ml","id":"PBDDIFN002","price":"39.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/diffuseur-de-parfum-200-ml';return false; }});" >
Diffuseur de parfum 200 ml </a>
</div>
<script>
function initPriceBox__6a1f28ac61e8d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac61e8d()"
@update-prices-7577.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7577" data-price-box="product-id-7577">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-7577" data-price-amount="39"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">39 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/diffuseur-de-parfum-100-ml"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 7574)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Diffuseur de parfum 100 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Diffuseur de parfum 100 ml","id":"PBDDIFN001","price":"29.00","category":"Cadeaux\/\u2728 Boutique de No\u00ebl \u2728","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/diffuseur-de-parfum-100-ml';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-7574.window="$el.src = $event.detail"
alt="Diffuseur de parfum 100 ml -  "
title="Diffuseur de parfum 100 ml -  "
src="https://atelier-amaya.com/media/catalog/product/d/2/d2bf8698-8a5c-4ca4-8058-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/d/2/d2bf8698-8a5c-4ca4-8058-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/diffuseur-de-parfum-100-ml"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Diffuseur de parfum 100 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Diffuseur de parfum 100 ml","id":"PBDDIFN001","price":"29.00","category":"Cadeaux\/\u2728 Boutique de No\u00ebl \u2728","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/diffuseur-de-parfum-100-ml';return false; }});" >
Diffuseur de parfum 100 ml </a>
</div>
<script>
function initPriceBox__6a1f28ac687a8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac687a8()"
@update-prices-7574.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7574" data-price-box="product-id-7574">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-7574" data-price-amount="29"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">29 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-coeur-en-velours-rose-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 19464)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux coeur en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux coeur en velours rose L'Atelier d'Amaya","id":"PDIDIVN007","price":"60.00","category":"Bijoux","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-coeur-en-velours-rose-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-19464.window="$el.src = $event.detail"
alt="Boîte à bijoux coeur en velours rose L'Atelier d'Amaya -  "
title="Boîte à bijoux coeur en velours rose L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/8/e/8e5e6608-1f6f-4b8d-8285-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/8/e/8e5e6608-1f6f-4b8d-8285-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-coeur-en-velours-rose-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux coeur en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux coeur en velours rose L'Atelier d'Amaya","id":"PDIDIVN007","price":"60.00","category":"Bijoux","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-coeur-en-velours-rose-l-atelier-d-amaya';return false; }});" >
Boîte à bijoux coeur en velours rose L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac6ea05() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac6ea05()"
@update-prices-19464.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19464" data-price-box="product-id-19464">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-19464" data-price-amount="60"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">60 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/recharge-diffuseur-de-parfum-200-ml"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 19431)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Recharge diffuseur de parfum 200 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Recharge diffuseur de parfum 200 ml","id":"PBDDIFN003","price":"35.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/recharge-diffuseur-de-parfum-200-ml';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-19431.window="$el.src = $event.detail"
alt="Recharge diffuseur de parfum 200 ml -  "
title="Recharge diffuseur de parfum 200 ml -  "
src="https://atelier-amaya.com/media/catalog/product/2/8/282d35e6-89f8-4d3d-b8af-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/2/8/282d35e6-89f8-4d3d-b8af-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/recharge-diffuseur-de-parfum-200-ml"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Recharge diffuseur de parfum 200 ml","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Recharge diffuseur de parfum 200 ml","id":"PBDDIFN003","price":"35.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/recharge-diffuseur-de-parfum-200-ml';return false; }});" >
Recharge diffuseur de parfum 200 ml </a>
</div>
<script>
function initPriceBox__6a1f28ac74770() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac74770()"
@update-prices-19431.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19431" data-price-box="product-id-19431">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-19431" data-price-amount="35"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">35 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/tote-bag-fleuri"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 28033)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote bag fleuri","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote bag fleuri","id":"ETODIVN009","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-fleuri';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-28033.window="$el.src = $event.detail"
alt="Tote bag fleuri -  "
title="Tote bag fleuri -  "
src="https://atelier-amaya.com/media/catalog/product/0/e/0e49c4d9-5975-4c4a-a9a2-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/0/e/0e49c4d9-5975-4c4a-a9a2-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/tote-bag-fleuri"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote bag fleuri","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote bag fleuri","id":"ETODIVN009","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-fleuri';return false; }});" >
Tote bag fleuri </a>
</div>
<script>
function initPriceBox__6a1f28ac7a222() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac7a222()"
@update-prices-28033.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="28033" data-price-box="product-id-28033">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-28033" data-price-amount="25"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">25 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 18297)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux de voyage L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux de voyage L'Atelier d'Amaya","id":"PDIDIVN004","price":"25.00","category":"Cadeaux\/Cadeaux \u00e0 moins de 50\u20ac","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-18297.window="$el.src = $event.detail"
alt="Boîte à bijoux de voyage L'Atelier d'Amaya -  "
title="Boîte à bijoux de voyage L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/b/1/b19eea8f-7698-4e83-98e5-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/b/1/b19eea8f-7698-4e83-98e5-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux de voyage L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux de voyage L'Atelier d'Amaya","id":"PDIDIVN004","price":"25.00","category":"Cadeaux\/Cadeaux \u00e0 moins de 50\u20ac","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-de-voyage-l-atelier-d-amaya';return false; }});" >
Boîte à bijoux de voyage L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac7ffb9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac7ffb9()"
@update-prices-18297.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="18297" data-price-box="product-id-18297">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-18297" data-price-amount="25"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">25 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/duo-de-boites-a-bijoux-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 18456)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Duo de bo\u00eetes \u00e0 bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Duo de bo\u00eetes \u00e0 bijoux L'Atelier d'Amaya","id":"CBBJ000001","price":"75.00","category":"Bijoux\/Bo\u00eete \u00e0 bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/duo-de-boites-a-bijoux-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-18456.window="$el.src = $event.detail"
alt="Duo de boîtes à bijoux L'Atelier d'Amaya"
title="Duo de boîtes à bijoux L'Atelier d'Amaya"
src="https://atelier-amaya.com/media/catalog/product/_/m/_mg_4680.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/_/m/_mg_4680.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/duo-de-boites-a-bijoux-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Duo de bo\u00eetes \u00e0 bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Duo de bo\u00eetes \u00e0 bijoux L'Atelier d'Amaya","id":"CBBJ000001","price":"75.00","category":"Bijoux\/Bo\u00eete \u00e0 bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/duo-de-boites-a-bijoux-l-atelier-d-amaya';return false; }});" >
Duo de boîtes à bijoux L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28ac84bd6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28ac84bd6()"
@update-prices-18456.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="18456" data-price-box="product-id-18456">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-18456" data-price-amount="75"
data-price-type=""
class="price-wrapper"
><span class="price">75 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/chamoisine-pour-bijoux-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 7580)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Chamoisine pour bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Chamoisine pour bijoux L'Atelier d'Amaya","id":"PCADIVN001","price":"5.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/chamoisine-pour-bijoux-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-7580.window="$el.src = $event.detail"
alt="Chamoisine pour bijoux L'Atelier d'Amaya -  "
title="Chamoisine pour bijoux L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/9/c/9c218e20-2067-4d3f-bcc8-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/9/c/9c218e20-2067-4d3f-bcc8-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/chamoisine-pour-bijoux-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Chamoisine pour bijoux L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Chamoisine pour bijoux L'Atelier d'Amaya","id":"PCADIVN001","price":"5.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/chamoisine-pour-bijoux-l-atelier-d-amaya';return false; }});" >
Chamoisine pour bijoux L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28aca340a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aca340a()"
@update-prices-7580.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="7580" data-price-box="product-id-7580">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-7580" data-price-amount="5"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">5 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bougie-parfumee-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 16717)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bougie parfum\u00e9e L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bougie parfum\u00e9e L'Atelier d'Amaya","id":"PBDDIVN001","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bougie-parfumee-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-16717.window="$el.src = $event.detail"
alt="Bougie parfumée L'Atelier d'Amaya -  "
title="Bougie parfumée L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/a/1/a17e2e9e-14e9-401e-81ee-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/1/a17e2e9e-14e9-401e-81ee-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bougie-parfumee-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bougie parfum\u00e9e L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bougie parfum\u00e9e L'Atelier d'Amaya","id":"PBDDIVN001","price":"25.00","category":"Accessoires","position":null,"brand":"","dimension4":"Out of stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bougie-parfumee-l-atelier-d-amaya';return false; }});" >
Bougie parfumée L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28aca7fd6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28aca7fd6()"
@update-prices-16717.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="16717" data-price-box="product-id-16717">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-16717" data-price-amount="25"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">25 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/tote-bag-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 12490)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote Bag L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote Bag L'Atelier d'Amaya","id":"ETODIVN002","price":"20.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-12490.window="$el.src = $event.detail"
alt="Tote Bag L'Atelier d'Amaya -  "
title="Tote Bag L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/0/3/03375e35-4289-453a-bb4a-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/0/3/03375e35-4289-453a-bb4a-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/tote-bag-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Tote Bag L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Tote Bag L'Atelier d'Amaya","id":"ETODIVN002","price":"20.00","category":"Accessoires","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/tote-bag-l-atelier-d-amaya';return false; }});" >
Tote Bag L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28acaceab() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28acaceab()"
@update-prices-12490.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="12490" data-price-box="product-id-12490">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-12490" data-price-amount="20"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">20 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
<div class="item product product-item flex flex-col justify-start w-1/2 md:w-full"
data-page="1">
<div class="relative flex flex-col h-full product-item-inner">
<script>
'use strict';
function dndProductItemCta() {
return {
gtmScript: null,
isDesktop: window.innerWidth >= 1024,
imageType: 'default',
getGtmScript() {
const btn = this.$el;
this.gtmScript = btn.getAttribute('onClick');
if (this.gtmScript !== null) {
btn.removeAttribute('onClick');
}
},
setBtnAction: async function () {
const btn = this.$el;
if (!btn) {
return;
}
if (this.gtmScript) {
eval(this.gtmScript);
await this.$nextTick();
}
window.location.href = btn.getAttribute('href');
},
handleClick($event, $productId) {
const btnClass = $event.target.classList;
const isVisualBtn = btnClass.contains('photo');
if (isVisualBtn) {
this.setBtnAction();
} else {
this.addToWishlist($productId);
}
}
};
}
</script>
<a href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-en-velours-rose-l-atelier-d-amaya"
x-data="{...dndProductItemCta(), ...initWishlist()}"
x-init="$nextTick(() => { getGtmScript() })"
@click.prevent="handleClick($event, 31565)"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux en velours rose L'Atelier d'Amaya","id":"PDIDIVN029","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-en-velours-rose-l-atelier-d-amaya';return false; }});" class="product photo product-item-photo block w-full"
tabindex="-1">
<div class="absolute z-10 flex flex-wrap items-center justify-center top-2 right-2">
<button type="button"
class="inline-flex items-center justify-center"
aria-label="Ajouter à la liste d'achats">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="wishlist-icon w-6 h-6 text-primary">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 8.50003C21 14.7444 12.0004 20 12.0004 20C12.0004 20 3 14.6667 3 8.51268C3 6.00003 5 4.00003 7.5 4.00003C10 4.00003 12 7.00003 12 7.00003C12 7.00003 14 4.00003 16.5 4.00003C19 4.00003 21 6.00003 21 8.50003Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<span class="relative block h-full pointer-events-none">
<ul class="absolute px-3 top-3 flex flex-wrap justify-between w-full">
</ul>
<ul class="absolute px-3 bottom-3 flex flex-wrap justify-between w-full">
</ul>
<img class="w-full"
loading="lazy"
@update-gallery-31565.window="$el.src = $event.detail"
alt="Boîte à bijoux en velours rose L'Atelier d'Amaya -  "
title="Boîte à bijoux en velours rose L'Atelier d'Amaya -  "
src="https://atelier-amaya.com/media/catalog/product/a/7/a79f21b2-f794-4729-9406-front.jpg?quality=100&fit=bounds&height=372&width=314"
data-large-src="https://atelier-amaya.com/media/catalog/product/a/7/a79f21b2-f794-4729-9406-front.jpg?quality=100&fit=bounds&height=372&width=314"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0 flex-1">
<div
class="flex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden product-item-link md:text-base whitespace-nowrap overflow-ellipsis text-lg"
href="https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-en-velours-rose-l-atelier-d-amaya"
onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"Bo\u00eete \u00e0 bijoux en velours rose L'Atelier d'Amaya","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"Bo\u00eete \u00e0 bijoux en velours rose L'Atelier d'Amaya","id":"PDIDIVN029","price":"65.00","category":"Bijoux","position":null,"brand":"","dimension4":"In stock","dimension7":"No","dimension5":"0","dimension6":"0"}]}}, 'eventCallback': function() { document.location = 'https://atelier-amaya.com/fr/bijoux/boite-a-bijoux-en-velours-rose-l-atelier-d-amaya';return false; }});" >
Boîte à bijoux en velours rose L'Atelier d'Amaya </a>
</div>
<script>
function initPriceBox__6a1f28acb2551() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount, false, true);
}
}
}
</script>
<div class="flex flex-col items-start justify-center pl-2 text-sm md:text-base font-semibold text-primary"
x-data="initPriceBox__6a1f28acb2551()"
@update-prices-31565.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31565" data-price-box="product-id-31565">
<span class="price-container price-final_price tax weee"
>
<span id="product-price-31565" data-price-amount="65"
data-price-type="finalPrice"
class="price-wrapper"
><span class="price">65 €</span></span>
</span>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div></div></div><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="YYHRT71"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TBBTCVW"><a href="/fr/boutiques/" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bandeau-homepage-boutique-desktop_2.jpg" alt="" title="" data-element="desktop_image" data-pb-style="QS8QF69"><img class="pagebuilder-mobile-only" loading="lazy" src="https://atelier-amaya.com/media/wysiwyg/bandeau-homepage-boutique-mobile_2.jpg" alt="" title="" data-element="mobile_image" data-pb-style="CRGTW06"></a></figure></div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="H8D52QC"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="E2KTSYR"><div data-content-type="html" data-appearance="default" data-element="main"><h2 style="font-family: 'Urbanist', sans-serif; font-size: 32px; text-align: left;">
<span style="color: #071d49;">Nos bijoux </span>
<span class="mobile-linebreak" style="color: #e1909D; font-style: italic; font-weight: 600;">personnalisés</span>
</h2>
<style>
@media (max-width: 768px) {
.mobile-linebreak::before {
content: '';
display: block;
}
}
</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="PLNY0SP"><div class="visibility-homepage-mobile" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="LUU1BH9"><div data-content-type="html" data-appearance="default" data-element="main"><div class="swiper swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/fr/collections/collections-a-personnaliser/bracelets-personnalises">
<img src="https://atelier-amaya.com/media/wysiwyg/IMG_0675_8.jpg" alt="Bracelets personnalisés" loading="lazy">
<div class="slide-text">Bracelets personnalisés</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/collections-a-personnaliser/colliers-personnalises">
<img src="https://atelier-amaya.com/media/wysiwyg/IMG_0515_9.jpg" alt="Colliers personnalisés" loading="lazy">
<div class="slide-text">Colliers personnalisés</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/collections-a-personnaliser/bagues-personnalisees">
<img src="https://atelier-amaya.com/media/wysiwyg/1_6.jpg" alt="Bagues personnalisées" loading="lazy">
<div class="slide-text">Bagues personnalisées</div>
</a>
</div>
<div class="swiper-slide">
<a href="/fr/collections/collections-a-personnaliser/boucles-d-oreilles-personnalisees">
<img src="https://atelier-amaya.com/media/wysiwyg/IMG_0248_2.jpg" alt="Boucles d'oreilles personnalisées" loading="lazy">
<div class="slide-text">Boucles d'oreilles personnalisées</div>
</a>
</div>
</div>
</div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="M9IA48M"><div class="visibility-homepage-desktop" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="WHWBEQO"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="I8VDITJ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="S0FDDEF"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FS2LL63"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/collections-a-personnaliser/bracelets-personnalises" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbe086" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="IR26VVB"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="VPBNN2K"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Bracelets personnalisés</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F1KNR8V"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/collections-a-personnaliser/colliers-personnalises" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbe131" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="DP77S16"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ET2MJ6V"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Colliers personnalisés</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IW8JGYT"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/collections-a-personnaliser/bagues-personnalisees" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbe1c5" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="IHM2R41"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WDO906M"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Bagues personnalisées</span></p></div></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WYJ2RRW"><div class="texte-carrousel-categories" data-content-type="banner" data-appearance="collage-centered" data-show-button="never" data-show-overlay="never" data-element="main"><a href="/fr/collections/collections-a-personnaliser/boucles-d-oreilles-personnalisees" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-image-id="6a1f28acbe26b" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="QV17QIH"><div class="pagebuilder-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="NAHMT5K"><div class="pagebuilder-collage-content"><div data-element="content"><p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Boucles d'oreilles personnalisées</span></p></div></div></div></div></a></div></div></div></div></div></div><style type="text/css">[data-image-id="6a1f28acbc445"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2579_1_.jpg);}[data-image-id="6a1f28acbc6e0"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2198.jpg);}[data-image-id="6a1f28acbc9ec"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2356_1_.jpg);}[data-image-id="6a1f28acbccb9"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2542.jpg);}[data-image-id="6a1f28acbcfb3"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2110.jpg);}[data-image-id="6a1f28acbd27e"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/0N4A5341_1.jpg);}[data-image-id="6a1f28acbd55b"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/collier_chaine_plaque_or_MCOMFOJ249_porte_1.jpg);}[data-image-id="6a1f28acbd7e3"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/Nouveaut_s-juin-compositions2110_2.jpg);}[data-image-id="6a1f28acbd881"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/0N4A5341_2.jpg);}[data-image-id="6a1f28acbd937"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/FDM-Amaya-JP-261496_1_.jpg);}[data-image-id="6a1f28acbd9de"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_11771_1_.jpg);}[data-image-id="6a1f28acbda74"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/_MG_5353_2.jpg);}[data-image-id="6a1f28acbdb0f"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/collier_chaine_or_MCOMFOF004_porte_2.jpg);}[data-image-id="6a1f28acbdba6"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_11771_1.jpg);}[data-image-id="6a1f28acbdc41"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/_MG_5353_3.jpg);}[data-image-id="6a1f28acbdce9"] {background-image: url(https://atelier-amaya.com/media/.renditions/wysiwyg/bracelet_cordon_plaque_or_rose_MCTCSCR052_porte_6.jpg);}[data-image-id="6a1f28acbdd77"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_0407_2_.jpg);}[data-image-id="6a1f28acbde1e"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/0N4A9999.jpg);}[data-image-id="6a1f28acbdebc"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_2427_3_.jpg);}[data-image-id="6a1f28acbdf4e"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/0N4A4215_1_.jpg);}[data-image-id="6a1f28acbdfe7"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/0N4A1262.jpg);}[data-image-id="6a1f28acbe086"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_0675_8.jpg);}[data-image-id="6a1f28acbe131"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_0515_9.jpg);}[data-image-id="6a1f28acbe1c5"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/1_6.jpg);}[data-image-id="6a1f28acbe26b"] {background-image: url(https://atelier-amaya.com/media/wysiwyg/IMG_0248_2.jpg);}</style>
<script>
const rawRequest = "";
const searchRequest = rawRequest ? JSON.parse(rawRequest) : null;
const rawResponse = "";
const searchResponse = rawResponse ? JSON.parse(rawResponse) : null;
const rawExecutionTime = "0";
const executionTime = rawExecutionTime ? parseFloat(rawExecutionTime) : null;
const requestId = "cc0c20e6\u002D216d\u002D4913\u002Db1ec\u002D699c69afbf33";
const rawAttributes = "";
const attributes = rawAttributes ? JSON.parse(rawAttributes) : null;
const rawPageSize = "27";
const pageSize = rawPageSize ? parseInt(rawPageSize) : null;
const customerGroup = "b6589fc6ab0dc82cf12099d1c2d40ab994e8410c";
window.LiveSearchMetrics = {
searchRequest,
searchResponse,
requestId,
executionTime,
attributes,
pageSize,
context: {
'customerGroup' : customerGroup
}
};
window.addEventListener('load', function () {
magentoStorefrontEvents.context.setSearchExtension({
version: "4.7.1"
});
})
</script>
<section x-data="recommendedProducts_below_main_content()"
x-init="initProductRecBlock()"
class="text-gray-700 body-font"
id="recs_block_below_main_content"
x-cloak>
<div class="container">
<template x-if="productBanners">
<div>
<template x-for="(banner, index) in productBanners" :key="index">
<div class="related-products"
data-content-type="deferred-products"
x-intersect.once="scrollViewEvent(banner.unitId)">
<h3 x-text="banner.storefrontLabel"
class="related-products-title"></h3>
<div data-role="deferred-products-content">
<template x-for="(product, index) in banner.products" :key="index">
<div class="flex flex-col justify-start w-full item product product-item opacity-0">
<div class="relative">
<a @click="recsClickEvent(banner.unitId, product.productId, product.url)"
class="relative block w-full product photo product-item-photo"
tabindex="-1">
<span class="relative block h-full">
<img class="w-full"
:src="product.image?.url"
width="290"
height="352"
:title="product.image?.label"
:alt="product.image?.label"
loading="lazy"
/>
</span>
</a>
<div class="flex justify-between py-2 product-info mb-9 md:mb-0">
<div class="lex flex-col items-start justify-center text-lg font-normal text-secondary overflow-hidden">
<a class="w-full overflow-hidden text-lg md:text-base product-item-link whitespace-nowrap overflow-ellipsis"
@click="recsClickEvent(banner.unitId, product.productId, product.url)"
x-text="product.name"></a>
</div>
<template x-if="product.prices && product.prices.minimum.final > 0">
<div class="pt-1 text-gray-900 price-box price-final_price text-sm md:text-base"
x-bind:data-product-id="product.productId">
<span class="normal-price">
<span class="price-container price-final_price">
<span x-show="product.prices.minimum.final !== product.prices.maximum.final"
class="price-label font-bold">dès</span>
<span id="product-price" class="price-wrapper">
<span class="price"
x-text="hyva.formatPrice(product.prices.minimum.final, false, true)"></span>
</span>
<span id="product-oldprice"
x-show="product.prices.minimum.regular && product.prices.minimum.regular > product.prices.minimum.final"
class="price-wrapper ml-1">
<span class="line-through font-thin"
x-text="hyva.formatPrice(product.prices.minimum.regular, false, true)"></span>
</span>
</span>
</span>
</div>
</template>
</div>
</div>
</div>
</template>
</div>
<div data-role="glider-content">
</div>
</div>
</template>
</div>
</template>
</div>
</section>
<script>
function recommendedProducts_below_main_content() {
return {
productBanners: [],
pagePreconfiguredDeferred: {},
bannerPlacement: 'below-main-content',
initProductRecBlock: function (placement) {
let self = this;
window.magentoStorefrontEvents.subscribe.recsResponseReceived(function () {
let recsData = window.magentoStorefrontEvents.context.getRecommendations();
self.renderProductRecs(recsData);
});
},
renderProductRecs: function (recsData) {
let self = this;
recsData.units.sort((a, b) => a.displayOrder - b.displayOrder);
recsData.units.forEach(function (unit, index) {
if (unit.pagePlacement === self.bannerPlacement) {
self.productBanners.push(unit);
/** @todo move event outside of recsResponseReceived event **/
window.magentoStorefrontEvents.publish.recsUnitRender(
unit.unitId, magentoStorefrontEvents.context
);
}
});
this.$nextTick(() => {
window.dispatchEvent(new CustomEvent('deferred-products-is-initialized'));
});
},
addToCartRecsEvent: function (e, unitId, productId) {
// requires recommendationsContext to be set
magentoStorefrontEvents.publish.recsItemAddToCartClick(
unitId, productId, magentoStorefrontEvents.context
);
// Timeout to prevent submission before event has fired.
setTimeout(() => e.submit(), 500);
},
scrollViewEvent: function (unitId) {
magentoStorefrontEvents.publish.recsUnitView(
unitId, magentoStorefrontEvents.context
);
},
recsClickEvent: function (unitId, productId, productUrl) {
magentoStorefrontEvents.publish.recsItemClick(
unitId, productId, magentoStorefrontEvents.context
);
// Timeout to prevent submission before event has fired.
setTimeout(() => window.location.href = productUrl, 500);
},
createAddToCartUrl: function (productId) {
const currentLocationUENC = encodeURIComponent(
this.encodeUenc(BASE_URL),
);
return BASE_URL +
"checkout/cart/add/uenc/" +
currentLocationUENC +
"/product/" +
productId
},
encodeUenc: function (value) {
const regex = /=/gi;
return btoa(value).replace(regex, ",");
}
}
}
</script>
</div></div>
<div x-data="initOverlay()"
class="fixed inset-0 bg-black bg-opacity-20"
:class="overTheTop ? 'z-30' : 'z-10'"
@open-overlay.window="overlayIsActive = true; if($event.detail.overTheTop) overTheTop = true;"
@close-overlay.window="overlayIsActive = false; overTheTop = false;"
x-show="overlayIsActive"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
x-cloak>
</div>
<script>
function initOverlay(){
return {
overlayIsActive: false,
overTheTop: false
}
}
</script>
</main><div class="page-bottom">
<div class="py-12 text-sm text-center text-gray-400"
x-data="seoText()"
x-init="initSeoText()">
<div class="container">
<div :class="{'line-clamp-5 md:line-clamp-2' : !seoTextExpanded}">
<div x-ref="text"
class="md:px-16 seo-text">
<div data-content-type="html" data-appearance="default" data-element="main"><h3><b>Découvrez votre boutique de bijoux en ligne</b> : l’univers lumineux de L’Atelier d’Amaya</h3>
<br></br>
<p>
Entrez dans l’univers coloré et délicat de L’Atelier d’Amaya, une boutique de bijoux en ligne pensée pour illuminer le quotidien et accompagner les moments qui comptent.
Vous y trouverez des <a href="https://atelier-amaya.com/fr/bijoux">bijoux femme</a>, des créations pour
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-hommes">homme</a> et des modèles pour
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-enfants">enfant</a>, imaginés pour être portés facilement, superposés à l’envie et aimés longtemps.
Nos collections se déclinent en <a href="https://atelier-amaya.com/fr/bijoux/bijoux-argent">argent 925</a>,
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-plaque-or">plaqué or</a> et
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-plaque-or-rose">plaqué or rose</a>, avec des lignes fines et lumineuses, parfaites pour composer une silhouette élégante du matin jusqu’au soir.
</p>
<p>
Pour trouver rapidement votre style, laissez-vous guider par nos sélections les plus aimées :
<a href="https://atelier-amaya.com/fr/best-sellers">best-sellers</a> et
<a href="https://atelier-amaya.com/fr/nouveautes">nouveautés</a>.
Que vous recherchiez un bijou discret à porter tous les jours ou une pièce qui attire délicatement la lumière, l’essentiel est de choisir une création qui vous ressemble.
</p>
<br></br>
<h3><b>Nos catégories de bijoux</b> : colliers, bracelets, bagues et boucles d’oreilles</h3>
<br></br>
<p>
Pour vous aider à choisir, explorez nos essentiels par catégorie :
<a href="https://atelier-amaya.com/fr/bijoux/colliers">colliers</a> (chaînes délicates, pendentifs, doubles rangs),
<a href="https://atelier-amaya.com/fr/bijoux/bracelets">bracelets</a> (cordons, perles, joncs et demi-joncs),
<a href="https://atelier-amaya.com/fr/bijoux/bagues">bagues</a> (anneaux fins, couronnes, pièces délicates) et
<a href="https://atelier-amaya.com/fr/bijoux/boucles-d-oreilles">boucles d’oreilles</a> (puces, créoles, modèles originaux).
Pour une touche lumineuse en toute saison, découvrez aussi nos
<a href="https://atelier-amaya.com/fr/bijoux/chaines-de-cheville">chaînes de cheville</a>.
</p>
<p>
Vous aimez les associations ? Superposez un collier fin et un pendentif, mixez plusieurs bracelets, ou choisissez des boucles d’oreilles qui illuminent le visage en un geste.
Les lignes délicates se portent facilement et vous permettent de composer un look sur mesure, de la tenue la plus minimaliste aux silhouettes plus affirmées.
</p>
<br></br>
<h3><b>Bijoux personnalisés & bijoux à graver</b> : une attention qui a du sens</h3>
<br></br>
<p>
Un bijou devient unique lorsqu’il raconte une histoire. Pour célébrer un anniversaire, dire merci, marquer une date ou offrir un symbole, nos <b>bijoux personnalisés</b> et <b>bijoux à graver</b> transforment un geste en souvenir.
Vous pouvez choisir une médaille, un jonc, une bague ou un bracelet et y inscrire un prénom, des initiales, une date ou un mot précieux.
Découvrez notre sélection de <a href="https://atelier-amaya.com/fr/bijoux-a-graver">bijoux à graver</a> et composez un cadeau qui vous ressemble.
</p>
<p>
La personnalisation est aussi une façon de porter près de vous ce qui compte : un lien, une promesse, un clin d’œil, une pensée.
Un bijou gravé traverse les saisons et s’invite naturellement dans votre quotidien, comme une signature intime et lumineuse.
</p>
<br></br>
<h3><b>Idées cadeaux</b> : Noël, fête des mères, Saint-Valentin…</h3>
<br></br>
<p>
En quête d’inspiration ? Choisissez d’offrir un
<a href="https://atelier-amaya.com/fr/cadeau-bijoux-noel">bijou cadeau de Noël</a>,
une attention pour la <a href="https://atelier-amaya.com/fr/bijoux-fete-des-meres">fête des mères</a>,
un cadeau pour la <a href="https://atelier-amaya.com/fr/idee-cadeau-saint-valentin">Saint-Valentin</a>,
ou une idée pour lui via notre sélection
<a href="https://atelier-amaya.com/fr/bijoux/bijoux-hommes">bijoux homme</a>.
Offrir un bijou, c’est choisir un présent qui se garde longtemps : une délicatesse à porter, un souvenir à transmettre, un message discret à garder près de soi.
</p>
<p>
Pour d’autres occasions, découvrez également nos sélections :
<a href="/fr/cadeaux/bijoux-famille">Cadeaux famille</a>,
<a href="/fr/cadeaux/idees-cadeaux-evjf">Nos bijoux EVJF</a>,
<a href="/fr/cadeaux/idees-cadeaux-mariage">Nos bijoux mariage</a>,
<a href="/fr/cadeaux/cadeau-bapteme">Nos bijoux baptême</a> et
<a href="/fr/cadeaux/cadeau-fin-annee-scolaire">Nos bijoux fin d'année scolaire</a>.
</p>
<br></br>
<h3><b>Personnalisation</b> : couleurs, pierres fines, longueurs… créez votre bijou</h3>
<br></br>
<p>
Parce que vos envies changent, nos créations s’adaptent : couleur de cordon, motifs, longueurs de chaîne pour imaginer un
<a href="https://atelier-amaya.com/fr/bijoux/colliers/colliers-ras-de-cou">collier ras-de-cou</a> ou un
<a href="https://atelier-amaya.com/fr/bijoux/colliers/sautoirs">sautoir</a>, et choix de
<a href="https://atelier-amaya.com/fr/collections/collection-pierres-fines">pierres fines naturelles</a> (amazonite, pierre de lune, rhodonite…).
Pour une touche signature, adoptez aussi nos
<a href="https://atelier-amaya.com/fr/collections/initiales">colliers initiale</a>,
<a href="https://atelier-amaya.com/fr/bijoux/pendentifs">pendentifs</a> et
<a href="https://atelier-amaya.com/fr/collections/bracelets-liberty">bracelets liberty</a>.
</p>
<p>
L’idée : créer un bijou facile à porter, délicat et lumineux, pensé pour vous suivre au fil des saisons et s’accorder à votre style.
Un détail change tout : une pierre, une longueur, une gravure — et votre bijou devient une évidence.
</p>
<br></br>
<h3><b>Besoin d’un conseil ?</b> Nos équipes vous accompagnent</h3>
<br></br>
<p>
Vous hésitez entre plusieurs idées, une gravure, une longueur ou une association de bijoux ?
N’hésitez pas à nous contacter via notre bijouterie en ligne ou à venir découvrir nos créations dans l’une de
<a href="https://atelier-amaya.com/fr/boutiques/">nos bijouteries</a> présentes en France et en Belgique.
Nos équipes sont là pour vous guider afin de trouver la pièce juste, celle qui mettra en valeur votre style ou fera le cadeau parfait.
</p></div> </div>
</div>
<button class="underline"
x-show="seoTextTooLong && !seoTextExpanded"
x-ref="seeMore"
@click.prevent="seoTextExpanded = !seoTextExpanded">
Voir plus </button>
</div>
</div>
<script>
function seoText() {
return {
seoTextExpanded: false,
seoTextTooLong: true,
initSeoText() {
const seoLines = this.$refs.text.offsetHeight / 21; // 21 = height of 1 line
this.seoTextTooLong = window.innerWidth >= 768 ?
(seoLines > 2 ? true : false) :
(seoLines > 5 ? true : false);
}
}
}
</script>
<style>#html-body [data-pb-style=FIG8954],#html-body [data-pb-style=PXY3QWK]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=PXY3QWK]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=FIG8954]{align-self:stretch}#html-body [data-pb-style=RIV4P4L]{display:flex;width:100%}#html-body [data-pb-style=FU8NA39],#html-body [data-pb-style=IGPWGS0],#html-body [data-pb-style=J0ON7F7],#html-body [data-pb-style=P8CXUHY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=CHFP6HR]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;display:none;align-self:stretch}#html-body [data-pb-style=GIJ0HKE]{display:flex;width:100%}#html-body [data-pb-style=I0UFQJ8],#html-body [data-pb-style=NJRFPA5],#html-body [data-pb-style=P6FN0JW],#html-body [data-pb-style=T7O7PUC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="footer-reassurance" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="PXY3QWK"><div data-content-type="html" data-appearance="default" data-element="main"><style>
.reassurance-ajout-footer strong {
font-size: 1.1rem!important;
}
</style></div><div class="pagebuilder-column-group reassurance-ajout-footer" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="FIG8954"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="RIV4P4L"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J0ON7F7"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Emballages cadeaux offerts</strong></p>
<p style="text-align: center;">Recevez vos bijoux prêts à offrir</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FU8NA39"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Garantie 1 an, service de réparation</strong></p>
<p style="text-align: center;">Portez des bijoux conçus pour durer</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P8CXUHY"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Argent 925 et Plaqué or 18K</strong></p>
<p style="text-align: center;">Appréciez des matières nobles</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="IGPWGS0"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>15 € offerts tous les 200 € d'achat</strong></p>
<p style="text-align: center;">Profitez de votre programme de fidélité</p></div></div></div></div><div class="pagebuilder-column-group ajout-reassurance-footer-v2" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="CHFP6HR"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="GIJ0HKE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P6FN0JW"><div data-content-type="html" data-appearance="default" data-element="main"><center><a href="/fr/livraisons"><svg class="text-primary" width="32" height="33" viewbox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.6667 13.4436L25.2221 12.9396C25.08 12.7829 24.8783 12.6936 24.6667 12.6936V13.4436ZM29.3334 18.5864H30.0834C30.0834 18.4001 30.014 18.2204 29.8888 18.0824L29.3334 18.5864ZM29.3334 24.1102L29.3335 24.8602C29.7477 24.8602 30.0834 24.5244 30.0834 24.1102H29.3334ZM26.553 24.1106L25.8459 24.3604L26.553 24.1106ZM22.7804 24.1106L23.4876 24.3604L22.7804 24.1106ZM20 13.4436V12.6936C19.5858 12.6936 19.25 13.0293 19.25 13.4436H20ZM1.33337 7.36023C0.91916 7.36023 0.583374 7.69602 0.583374 8.11023C0.583374 8.52444 0.91916 8.86023 1.33337 8.86023V7.36023ZM20 8.11023H20.75C20.75 7.69602 20.4143 7.36023 20 7.36023V8.11023ZM5.33358 23.3602C4.91936 23.3601 4.58349 23.6958 4.58337 24.11C4.58326 24.5242 4.91896 24.8601 5.33317 24.8602L5.33358 23.3602ZM6.00004 16.8602C6.41425 16.8602 6.75004 16.5244 6.75004 16.1102C6.75004 15.696 6.41425 15.3602 6.00004 15.3602V16.8602ZM4.00004 15.3602C3.58583 15.3602 3.25004 15.696 3.25004 16.1102C3.25004 16.5244 3.58583 16.8602 4.00004 16.8602V15.3602ZM6.00004 20.8602C6.41425 20.8602 6.75004 20.5244 6.75004 20.1102C6.75004 19.696 6.41425 19.3602 6.00004 19.3602V20.8602ZM5.33337 19.3602C4.91916 19.3602 4.58337 19.696 4.58337 20.1102C4.58337 20.5244 4.91916 20.8602 5.33337 20.8602V19.3602ZM6.00004 12.8602C6.41425 12.8602 6.75004 12.5244 6.75004 12.1102C6.75004 11.696 6.41425 11.3602 6.00004 11.3602V12.8602ZM2.66671 11.3602C2.25249 11.3602 1.91671 11.696 1.91671 12.1102C1.91671 12.5244 2.25249 12.8602 2.66671 12.8602V11.3602ZM24.1113 13.9476L28.778 19.0904L29.8888 18.0824L25.2221 12.9396L24.1113 13.9476ZM28.5834 18.5864V24.1102H30.0834V18.5864H28.5834ZM29.3333 23.3602L26.5529 23.3606L26.5531 24.8606L29.3335 24.8602L29.3333 23.3602ZM27.2602 23.8608C26.8832 22.7935 25.8654 22.0269 24.6667 22.0269V23.5269C25.2099 23.5269 25.674 23.8738 25.8459 24.3604L27.2602 23.8608ZM24.6667 22.0269C23.468 22.0269 22.4502 22.7935 22.0732 23.8608L23.4876 24.3604C23.6594 23.8738 24.1235 23.5269 24.6667 23.5269V22.0269ZM22.7805 23.3606L20.0001 23.3602L19.9999 24.8602L22.7803 24.8606L22.7805 23.3606ZM20.75 24.1102V13.4436H19.25V24.1102H20.75ZM20 14.1936H24.6667V12.6936H20V14.1936ZM1.33337 8.86023H20V7.36023H1.33337V8.86023ZM19.25 8.11023V24.1102H20.75V8.11023H19.25ZM20 23.3602L10.553 23.3606L10.5531 24.8606L20.0001 24.8602L20 23.3602ZM11.2602 23.8608C10.8832 22.7935 9.86545 22.0269 8.66671 22.0269V23.5269C9.20989 23.5269 9.67397 23.8738 9.84586 24.3604L11.2602 23.8608ZM8.66671 22.0269C7.46797 22.0269 6.4502 22.7935 6.07319 23.8608L7.48756 24.3604C7.65944 23.8738 8.12353 23.5269 8.66671 23.5269V22.0269ZM6.78058 23.3606L5.33358 23.3602L5.33317 24.8602L6.78017 24.8606L6.78058 23.3606ZM24.6667 23.5269C25.3571 23.5269 25.9167 24.0865 25.9167 24.7769H27.4167C27.4167 23.2581 26.1855 22.0269 24.6667 22.0269V23.5269ZM25.9167 24.7769C25.9167 25.4673 25.3571 26.0269 24.6667 26.0269V27.5269C26.1855 27.5269 27.4167 26.2957 27.4167 24.7769H25.9167ZM24.6667 26.0269C23.9764 26.0269 23.4167 25.4673 23.4167 24.7769H21.9167C21.9167 26.2957 23.1479 27.5269 24.6667 27.5269V26.0269ZM23.4167 24.7769C23.4167 24.0865 23.9764 23.5269 24.6667 23.5269V22.0269C23.1479 22.0269 21.9167 23.2581 21.9167 24.7769H23.4167ZM8.66671 23.5269C9.35706 23.5269 9.91671 24.0865 9.91671 24.7769H11.4167C11.4167 23.2581 10.1855 22.0269 8.66671 22.0269V23.5269ZM9.91671 24.7769C9.91671 25.4673 9.35706 26.0269 8.66671 26.0269V27.5269C10.1855 27.5269 11.4167 26.2957 11.4167 24.7769H9.91671ZM8.66671 26.0269C7.97635 26.0269 7.41671 25.4673 7.41671 24.7769H5.91671C5.91671 26.2957 7.14792 27.5269 8.66671 27.5269V26.0269ZM7.41671 24.7769C7.41671 24.0865 7.97635 23.5269 8.66671 23.5269V22.0269C7.14792 22.0269 5.91671 23.2581 5.91671 24.7769H7.41671ZM6.00004 15.3602H4.00004V16.8602H6.00004V15.3602ZM6.00004 19.3602H5.33337V20.8602H6.00004V19.3602ZM6.00004 11.3602H2.66671V12.8602H6.00004V11.3602ZM22.0732 23.8608C21.9716 24.1484 21.9167 24.457 21.9167 24.7769H23.4167C23.4167 24.6295 23.4419 24.4897 23.4876 24.3604L22.0732 23.8608ZM27.4167 24.7769C27.4167 24.457 27.3618 24.1484 27.2602 23.8608L25.8459 24.3604C25.8915 24.4897 25.9167 24.6295 25.9167 24.7769H27.4167ZM6.07319 23.8608C5.97163 24.1484 5.91671 24.457 5.91671 24.7769H7.41671C7.41671 24.6295 7.44189 24.4897 7.48756 24.3604L6.07319 23.8608ZM11.4167 24.7769C11.4167 24.457 11.3618 24.1484 11.2602 23.8608L9.84586 24.3604C9.89153 24.4897 9.91671 24.6295 9.91671 24.7769H11.4167Z" fill="currentColor"/>
</svg></a></center>
</div><div class="text-rea-footer" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><a href="/fr/livraisons"><strong>Livraison offerte</strong></a></p>
<p style="text-align: center;"><a href="/fr/livraisons">À domicile dès 80 € d'achat</a></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I0UFQJ8"><div data-content-type="html" data-appearance="default" data-element="main"><center><svg class="text-primary" width="32" height="33" viewbox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.66663 16.1102V15.3602C6.25241 15.3602 5.91663 15.696 5.91663 16.1102H6.66663ZM25.3333 16.1102H26.0833C26.0833 15.696 25.7475 15.3602 25.3333 15.3602V16.1102ZM21.3333 16.1102V16.8602C21.7475 16.8602 22.0833 16.5244 22.0833 16.1102H21.3333ZM10.6666 16.1102H9.91663C9.91663 16.5244 10.2524 16.8602 10.6666 16.8602V16.1102ZM16.75 22.7769C16.75 22.3627 16.4142 22.0269 16 22.0269C15.5857 22.0269 15.25 22.3627 15.25 22.7769H16.75ZM15.25 25.4436C15.25 25.8578 15.5857 26.1936 16 26.1936C16.4142 26.1936 16.75 25.8578 16.75 25.4436H15.25ZM6.66663 16.8602H25.3333V15.3602H6.66663V16.8602ZM24.5833 16.1102V26.1102H26.0833V16.1102H24.5833ZM24.5833 26.1102C24.5833 26.8006 24.0236 27.3602 23.3333 27.3602V28.8602C24.8521 28.8602 26.0833 27.629 26.0833 26.1102H24.5833ZM23.3333 27.3602H8.66663V28.8602H23.3333V27.3602ZM8.66663 27.3602C7.97627 27.3602 7.41663 26.8006 7.41663 26.1102H5.91663C5.91663 27.629 7.14784 28.8602 8.66663 28.8602V27.3602ZM7.41663 26.1102V16.1102H5.91663V26.1102H7.41663ZM16 4.86023C18.5313 4.86023 20.5833 6.91226 20.5833 9.44356H22.0833C22.0833 6.08383 19.3597 3.36023 16 3.36023V4.86023ZM20.5833 9.44356V16.1102H22.0833V9.44356H20.5833ZM21.3333 15.3602H10.6666V16.8602H21.3333V15.3602ZM11.4166 16.1102V9.44356H9.91663V16.1102H11.4166ZM11.4166 9.44356C11.4166 6.91226 13.4687 4.86023 16 4.86023V3.36023C12.6402 3.36023 9.91663 6.08383 9.91663 9.44356H11.4166ZM16 19.5269C16.6903 19.5269 17.25 20.0865 17.25 20.7769H18.75C18.75 19.2581 17.5187 18.0269 16 18.0269V19.5269ZM17.25 20.7769C17.25 21.4673 16.6903 22.0269 16 22.0269V23.5269C17.5187 23.5269 18.75 22.2957 18.75 20.7769H17.25ZM16 22.0269C15.3096 22.0269 14.75 21.4673 14.75 20.7769H13.25C13.25 22.2957 14.4812 23.5269 16 23.5269V22.0269ZM14.75 20.7769C14.75 20.0865 15.3096 19.5269 16 19.5269V18.0269C14.4812 18.0269 13.25 19.2581 13.25 20.7769H14.75ZM15.25 22.7769V25.4436H16.75V22.7769H15.25ZM16.75 25.4436V22.7769H15.25V25.4436H16.75Z" fill="currentColor"/>
</svg></center>
</div><div class="text-rea-footer" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Paiement sécurisé</strong></p>
<p style="text-align: center;">Commandez en toute confiance</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T7O7PUC"><div data-content-type="html" data-appearance="default" data-element="main"><center><svg class="text-primary" width="32" height="33" viewbox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.87951 6.77702C7.87951 4.89005 9.40921 3.36035 11.2962 3.36035C12.8288 3.36035 14.2298 4.22624 14.9152 5.59703L16 7.76663L17.0848 5.59703C17.7702 4.22624 19.1712 3.36035 20.7038 3.36035C22.5908 3.36035 24.1205 4.89005 24.1205 6.77702C24.1205 7.48739 23.9037 8.14713 23.5327 8.69369H26.6667C27.8173 8.69369 28.75 9.62643 28.75 10.777V13.4437C28.75 14.5943 27.8173 15.527 26.6667 15.527H26.0833V26.777C26.0833 27.9276 25.1506 28.8604 24 28.8604L18.6667 28.8604H13.3333L8 28.8604C6.84941 28.8604 5.91667 27.9276 5.91667 26.777V15.527H5.33333C4.18274 15.527 3.25 14.5943 3.25 13.4437V10.777C3.25 9.62643 4.18274 8.69369 5.33333 8.69369H8.46735C8.09631 8.14713 7.87951 7.48739 7.87951 6.77702ZM11.2962 8.69369H13.3333H14.7865L13.5736 6.26785C13.1423 5.40524 12.2606 4.86035 11.2962 4.86035C10.2376 4.86035 9.37951 5.71847 9.37951 6.77702C9.37951 7.83556 10.2376 8.69369 11.2962 8.69369ZM17.2135 8.69369H18.6667H20.7038C21.7624 8.69369 22.6205 7.83556 22.6205 6.77702C22.6205 5.71847 21.7624 4.86035 20.7038 4.86035C19.7394 4.86035 18.8577 5.40524 18.4264 6.26785L17.2135 8.69369ZM11.2962 10.1937H5.33333C5.01117 10.1937 4.75 10.4549 4.75 10.777V13.4437C4.75 13.7659 5.01117 14.027 5.33333 14.027H6.66667H12.5833V10.1937H11.2962ZM14.0833 10.1937V14.777L14.0833 27.3604H17.9167L17.9167 14.777V10.1937H16H14.0833ZM19.4167 10.1937V14.027H25.3333H26.6667C26.9888 14.027 27.25 13.7659 27.25 13.4437V10.777C27.25 10.4549 26.9888 10.1937 26.6667 10.1937H20.7038H19.4167ZM19.4167 15.527L19.4167 27.3604L24 27.3604C24.3222 27.3604 24.5833 27.0992 24.5833 26.777V15.527H19.4167ZM12.5833 27.3604L12.5833 15.527H7.41667V26.777C7.41667 27.0992 7.67783 27.3604 8 27.3604L12.5833 27.3604Z" fill="currentColor"/>
</svg></center>
</div><div class="text-rea-footer" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Emballages cadeaux offerts</strong></p>
<p style="text-align: center;">Recevez vos bijoux prêts à offrir</p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NJRFPA5"><div data-content-type="html" data-appearance="default" data-element="main"><center><svg class="text-primary" width="32" height="33" viewbox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12ZM12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM16.5303 9.86366C16.8232 9.57077 16.8232 9.0959 16.5303 8.803C16.2374 8.51011 15.7626 8.51011 15.4697 8.803L10.6667 13.606L8.53033 11.4697C8.23744 11.1768 7.76256 11.1768 7.46967 11.4697C7.17678 11.7626 7.17678 12.2374 7.46967 12.5303L10.1363 15.197C10.4292 15.4899 10.9041 15.4899 11.197 15.197L16.5303 9.86366Z" fill="currentColor"/>
</svg></center>
</div><div class="text-rea-footer" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><strong>Garantis 1 an, réparables à vie</strong></p>
<p style="text-align: center;">Portez des bijoux conçus pour durer</p></div></div></div></div></div></div><style type="text/css"></style>
<div class="pb-12 bg-container lg:py-16 footer-newsletter lg:pt-12">
<div data-content-type="row" data-appearance="contained" class="container md:max-w-2xl lg:flex lg:items-center lg:my-2 lg:max-w-none">
<div class="logo lg:w-[30%]"><div class="my-0 mx-auto"></div></div>
<div class="text-center lg:w-[70%] lg:text-left">
<div class="lg:flex lg:flex-col lg:ml-auto">
<div>
<div class="text-3xl font-normal text-primary">
La newsletter <span class="italic font-semibold text-gold-500 text-gold-gardient">d'Amaya</span> </div>
</div>
<p class="text-left text-primary text-base my-2 mx-auto w-3/5 md:my-4 lg:mx-0">
Un peu d'<span class="italic font-semibold text-gold-500 text-gold-gardient">or</span> dans vos emails : actualités, nouveautés, offres exclusives, inspirations et bien plus encore... </p>
</div>
<form class="px-4 md:px-0 lg:ml-auto form subscribe"
action="https://atelier-amaya.com/fr/newsletter/subscriber/new/"
method="post"
x-data="initNewsletterForm()"
@submit.prevent="submitForm($dispatch)" id="newsletter-validate-detail"
x-ref="form">
<div class="px-1 mb-6 md:px-0 md:mb-3 md:flex">
<div class="w-full mb-5 md:mb-0 lg:w-11/12">
<label for="newsletter-subscribe" class="sr-only">
Adresse email </label>
<input name="email" type="email" required id="newsletter-subscribe"
x-ref="email"
@keyup="validateEmail()"
class="w-full h-12 text-center bg-transparent border-0 border-b pl-0 pb-0 md:text-left border-primary form-input text-primary placeholder-ocean-500"
placeholder="Votre adresse email">
</div>
<input name="form_key" type="hidden" value="jDkLMMVg35RVN54y" /> <button class="self-start block w-full py-3 btn btn-primary-bordered md:w-auto md:ml-12"
@click="validateEmail(), $dispatch('validate-checkbox')">
S'inscrire </button>
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<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>
</form>
</div>
</div>
<script>
function initNewsletterForm() {
return {
errors: 0,
hasCaptchaToken: 0,
displayErrorMessage: false,
errorMessages: [],
setErrorMessages(messages) {
this.errorMessages = [messages]
this.displayErrorMessage = this.errorMessages.length
},
submitForm($dispatch) {
// Do not rename $form, the variable is expected to be declared in the child block output
const $form = document.querySelector('#newsletter-validate-detail');
this.validateEmail();
$dispatch('validate-checkbox');
if (this.errors === 0 && this.$refs.form.checkValidity()) {
$form.submit();
}
},
validateEmail() {
const email = this.$refs.email,
emailValue = email.value;
if (emailValue.length == 0) {
email.setCustomValidity("Veuillez renseigner ce champ");
return;
} else if (!/^\w+([\+.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,5})+$/.test(emailValue)) {
email.setCustomValidity("Votre email n\'est pas valide");
return;
}
email.setCustomValidity("");
}
}
}
</script>
</div>
</div><footer class="page-footer"><div class="footer content">
<div class="py-10 space-y-4 lg:space-y-7 footer-instagram text-primary">
<div class="container flex flex-col items-center !max-w-3xl">
<span class="font-serif text-7xl lg:self-start lg:text-10xl">
Rejoignez-nous </span>
<br />
<div class="mt-4 text-2xl text-center lg:text-3xl lg:self-end lg:-mt-4">
sur Instagram <strong class="block font-semibold text-salmon-500 lg:inline">@latelierdamaya</strong>
</div>
</div>
<div class="container text-center">
<p class="flex flex-col text-base align-text-bottom lg:inline lg:text-xl">
Partagez vos photos avec le hashtag <strong class="text-xl font-semibold lg:text-2xl lg:ml-2 text-salmon-500">#amayafamily</strong>
</p>
</div>
</div>
<div class="pt-12 bg-salmon-100 text-primary footer-links">
<div class="container">
<style>#html-body [data-pb-style=XY3H26D]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=NQE467B]{display:flex;width:100%}#html-body [data-pb-style=B21C8TK],#html-body [data-pb-style=N70G5YK],#html-body [data-pb-style=T1298UX],#html-body [data-pb-style=YNIR9RN]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:25%;align-self:stretch}#html-body [data-pb-style=EC226KD]{display:none}</style><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XY3H26D"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="NQE467B"><div class="pagebuilder-column services" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YNIR9RN"><div class="title" data-content-type="text" data-appearance="default" data-element="main"><p id="D1PFFQE">Livraison & commande</p></div><div class="service" data-content-type="text" data-appearance="default" data-element="main"><p><span style="text-decoration: underline;"><a tabindex="0" href="https://atelier-amaya.com/shipup/index"><strong>Suivi commande</strong></a></span></p>
<p><strong><span style="text-decoration: underline;"><a tabindex="0" href="/fr/livraisons">Livraison offerte</a></span> </strong>en France et<br>en Europe dès 80€</p>
<p><span style="text-decoration: underline;"><a tabindex="0" href="/fr/click-and-collect"><strong>Click & Collect</strong></a></span></p>
<p id="QJ0JFVV"><a tabindex="0" href="/fr/echanges-retours"><strong><span style="text-decoration: underline;">Échanges possibles</span></strong></a> pendant 30 jours<br>& <a tabindex="0" href="/fr/echanges-retours"><strong><span style="text-decoration: underline;">retours</span></strong></a> sous 14 jours</p>
<p><span style="text-decoration: underline;"><a tabindex="0" href="https://latelierdamaya.zendesk.com/hc/fr/sections/360004527779-Garantie-SAV"><strong>Garantie & SAV</strong></a></span></p>
<p><strong>Paiement sécurisé</strong><strong><br></strong></p></div><div class="service facilite-paiement-text-footer" data-content-type="text" data-appearance="default" data-element="main"><p>Facilité de paiement en 3 ou 4 fois sans frais</p></div><div class="service" data-content-type="text" data-appearance="default" data-element="main"></div><div class="logo-paiement-footer" data-content-type="html" data-appearance="default" data-element="main"><svg width="254" height="25" viewbox="0 0 254 25" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="payment-icons">
<!-- Carte 1 -->
<rect x="0.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<path d="M20.1129 17.8465H14.045V7.00977H20.1129V17.8465Z" fill="#FF5F00"/>
<path d="M14.4337 12.4274C14.4337 10.2291 15.4695 8.27093 17.0824 7.009C15.9029 6.08622 14.4143 5.53545 12.7966 5.53545C8.96666 5.53545 5.86208 8.62103 5.86208 12.4274C5.86208 16.2338 8.96666 19.3193 12.7966 19.3193C14.4143 19.3193 15.9029 18.7686 17.0824 17.8458C15.4695 16.5839 14.4337 14.6257 14.4337 12.4274Z" fill="#EB001B"/>
<path d="M28.2966 12.4274C28.2966 16.2338 25.192 19.3193 21.3621 19.3193C19.7443 19.3193 18.2557 18.7686 17.0758 17.8458C18.6892 16.5839 19.7249 14.6257 19.7249 12.4274C19.7249 10.2291 18.6892 8.27093 17.0758 7.009C18.2557 6.08622 19.7443 5.53545 21.3621 5.53545C25.192 5.53545 28.2966 8.62103 28.2966 12.4274Z" fill="#F79E1B"/>
<!-- Carte 2 -->
<rect x="44.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.4986 12.7286L59.6466 11.7846L59.3169 11.7768H57.7424L58.8366 4.81055C58.84 4.78946 58.851 4.76988 58.8671 4.75595C58.8833 4.74202 58.9039 4.73438 58.9255 4.73438H61.5804C62.4618 4.73438 63.0701 4.9185 63.3876 5.28196C63.5365 5.45247 63.6313 5.6307 63.6772 5.82676C63.7254 6.03254 63.7261 6.27835 63.6792 6.57821L63.6758 6.60003V6.79219L63.8247 6.87688C63.95 6.94367 64.0497 7.02009 64.1261 7.10757C64.2534 7.2534 64.3358 7.43872 64.3706 7.65834C64.4066 7.88426 64.3947 8.15315 64.3358 8.45756C64.2679 8.80765 64.1581 9.11261 64.0097 9.36208C63.8734 9.59197 63.6996 9.7827 63.4932 9.93045C63.2962 10.0709 63.0622 10.1775 62.7975 10.2457C62.541 10.3127 62.2487 10.3465 61.928 10.3465H61.7214C61.5737 10.3465 61.4302 10.3999 61.3175 10.4957C61.2045 10.5935 61.1298 10.727 61.1069 10.8731L61.0913 10.9581L60.8298 12.6221L60.8179 12.6831C60.8148 12.7025 60.8094 12.7121 60.8015 12.7186C60.7944 12.7246 60.7842 12.7286 60.7743 12.7286H59.4986Z" fill="#28356A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.9656 6.62207C63.9577 6.67294 63.9486 6.72492 63.9385 6.77833C63.5884 8.58324 62.3905 9.20677 60.8607 9.20677H60.0817C59.8946 9.20677 59.7369 9.34313 59.7078 9.52845L59.1961 12.7878C59.1771 12.9095 59.2705 13.0191 59.3928 13.0191H60.7743C60.9379 13.0191 61.0769 12.8998 61.1026 12.7378L61.1162 12.6673L61.3763 11.0099L61.3931 10.919C61.4185 10.7565 61.5578 10.6371 61.7214 10.6371H61.928C63.2665 10.6371 64.3143 10.0915 64.6206 8.51248C64.7485 7.85289 64.6823 7.30212 64.3438 6.91477C64.2413 6.79799 64.1142 6.70104 63.9656 6.62207Z" fill="#298FC2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.5994 6.47578C63.5459 6.4601 63.4907 6.44593 63.4341 6.43311C63.3772 6.42062 63.3189 6.40955 63.2589 6.39984C63.0488 6.36577 62.8187 6.34961 62.5722 6.34961H60.4913C60.44 6.34961 60.3913 6.36123 60.3478 6.38225C60.2518 6.42858 60.1805 6.5198 60.1632 6.63148L59.7205 9.44672L59.7078 9.52879C59.7369 9.34347 59.8946 9.20711 60.0817 9.20711H60.8607C62.3905 9.20711 63.5884 8.58326 63.9385 6.77867C63.9489 6.72525 63.9577 6.67327 63.9656 6.62241C63.877 6.5752 63.7811 6.53485 63.6778 6.50046C63.6523 6.49194 63.6259 6.48374 63.5994 6.47578Z" fill="#22284F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.1632 6.63132C60.1805 6.51964 60.2518 6.42841 60.3478 6.3824C60.3916 6.36131 60.44 6.34969 60.4913 6.34969H62.5722C62.8187 6.34969 63.0488 6.36593 63.2589 6.4C63.3189 6.40963 63.3772 6.42077 63.4341 6.43327C63.4907 6.44601 63.5459 6.46025 63.5994 6.47586C63.6259 6.48382 63.6523 6.4921 63.678 6.50029C63.7813 6.53468 63.8773 6.57536 63.9659 6.62225C64.0701 5.95525 63.965 5.50112 63.6059 5.08989C63.2099 4.63711 62.4952 4.44336 61.5807 4.44336H58.9257C58.7389 4.44336 58.5796 4.57972 58.5507 4.76535L57.4449 11.8033C57.4231 11.9425 57.5301 12.0681 57.6699 12.0681H59.309L60.1632 6.63132Z" fill="#28356A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.6762 14.6445H49.7404C49.6079 14.6445 49.4953 14.7412 49.4746 14.8725L48.6917 19.8563C48.6761 19.9547 48.752 20.0433 48.8513 20.0433H49.7755C49.9079 20.0433 50.0206 19.9467 50.0413 19.8151L50.2524 18.4709C50.2728 18.3393 50.3857 18.2427 50.5179 18.2427H51.1307C52.4058 18.2427 53.1417 17.6231 53.3339 16.3955C53.4205 15.8583 53.3376 15.4363 53.087 15.1408C52.8119 14.8162 52.324 14.6445 51.6762 14.6445ZM51.8994 16.4648C51.7936 17.1622 51.2629 17.1622 50.7497 17.1622H50.4576L50.6625 15.8597C50.6747 15.781 50.7426 15.7231 50.8219 15.7231H50.9558C51.3054 15.7231 51.6351 15.7231 51.8055 15.9231C51.9071 16.0424 51.9382 16.2198 51.8994 16.4648Z" fill="#28356A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57.5118 16.4049H56.5848C56.5059 16.4049 56.4376 16.4629 56.4255 16.5416L56.3844 16.8019L56.3197 16.7076C56.119 16.4151 55.6714 16.3174 55.2249 16.3174C54.2005 16.3174 53.3256 17.0964 53.1552 18.1891C53.0666 18.7341 53.1925 19.2554 53.5006 19.6188C53.783 19.953 54.1872 20.0923 54.6681 20.0923C55.4935 20.0923 55.9511 19.5594 55.9511 19.5594L55.9098 19.8181C55.8942 19.9169 55.9701 20.0056 56.0689 20.0056H56.9038C57.0366 20.0056 57.1487 19.909 57.1696 19.7774L57.6706 16.5919C57.6865 16.4939 57.6108 16.4049 57.5118 16.4049ZM56.2197 18.2164C56.1302 18.7481 55.71 19.105 55.1739 19.105C54.9047 19.105 54.6896 19.0183 54.5514 18.8541C54.4144 18.691 54.3624 18.4588 54.406 18.2001C54.4895 17.673 54.9168 17.3044 55.4448 17.3044C55.708 17.3044 55.922 17.3923 56.0629 17.5578C56.2041 17.7252 56.2602 17.9589 56.2197 18.2164Z" fill="#28356A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M62.3773 16.4844H61.4457C61.3569 16.4844 61.2734 16.5287 61.223 16.6029L59.9383 18.5029L59.3937 16.677C59.3594 16.5628 59.2545 16.4844 59.1356 16.4844H58.2202C58.1089 16.4844 58.0317 16.5935 58.0671 16.6987L59.0931 19.7218L58.1285 21.0891C58.0526 21.1968 58.1291 21.3448 58.2601 21.3448H59.1905C59.2788 21.3448 59.3614 21.3016 59.4115 21.2289L62.5097 16.7387C62.5839 16.6313 62.5077 16.4844 62.3773 16.4844Z" fill="#28356A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.4827 14.6445H63.5467C63.4145 14.6445 63.3019 14.7412 63.2812 14.8725L62.4983 19.8563C62.4827 19.9547 62.5586 20.0433 62.6574 20.0433H63.6509C63.7431 20.0433 63.822 19.9757 63.8365 19.8836L64.0587 18.4709C64.0791 18.3393 64.192 18.2427 64.3242 18.2427H64.9367C66.2121 18.2427 66.9477 17.6231 67.1402 16.3955C67.2271 15.8583 67.1436 15.4363 66.8931 15.1408C66.6182 14.8162 66.1306 14.6445 65.4827 14.6445ZM65.706 16.4648C65.6004 17.1622 65.0697 17.1622 64.5563 17.1622H64.2645L64.4697 15.8597C64.4818 15.781 64.5492 15.7231 64.6287 15.7231H64.7626C65.1119 15.7231 65.4419 15.7231 65.6123 15.9231C65.7139 16.0424 65.7448 16.2198 65.706 16.4648Z" fill="#298FC2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.3172 16.4049H70.3908C70.3112 16.4049 70.2436 16.4629 70.2317 16.5416L70.1906 16.8019L70.1256 16.7076C69.9249 16.4151 69.4777 16.3174 69.031 16.3174C68.0067 16.3174 67.1321 17.0964 66.9617 18.1891C66.8734 18.7341 66.9988 19.2554 67.3067 19.6188C67.5898 19.953 67.9934 20.0923 68.4743 20.0923C69.2996 20.0923 69.7573 19.5594 69.7573 19.5594L69.716 19.8181C69.7004 19.9169 69.7762 20.0056 69.8757 20.0056H70.7103C70.8425 20.0056 70.9552 19.909 70.9759 19.7774L71.4771 16.5919C71.4924 16.4939 71.4165 16.4049 71.3172 16.4049ZM70.0251 18.2164C69.9362 18.7481 69.5153 19.105 68.9792 19.105C68.7106 19.105 68.495 19.0183 68.3568 18.8541C68.2199 18.691 68.1683 18.4588 68.2113 18.2001C68.2954 17.673 68.7222 17.3044 69.2501 17.3044C69.5133 17.3044 69.7273 17.3923 69.8683 17.5578C70.01 17.7252 70.0661 17.9589 70.0251 18.2164Z" fill="#298FC2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.3328 14.7815L71.5383 19.8565C71.5228 19.9549 71.5986 20.0435 71.6974 20.0435H72.4961C72.6289 20.0435 72.7415 19.9469 72.7619 19.8154L73.5453 14.8318C73.5609 14.7334 73.4851 14.6445 73.3863 14.6445H72.4919C72.4129 14.6448 72.345 14.7028 72.3328 14.7815Z" fill="#298FC2"/>
<!-- Carte 3 -->
<rect x="88.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<path d="M103.096 16.9407H100.832L102.248 8.72363H104.512L103.096 16.9407Z" fill="#15195A"/>
<path d="M111.302 8.92405C110.855 8.75779 110.147 8.57422 109.271 8.57422C107.036 8.57422 105.462 9.69308 105.452 11.2927C105.434 12.4729 106.579 13.1284 107.436 13.522C108.312 13.9241 108.609 14.1865 108.609 14.545C108.601 15.0955 107.902 15.3492 107.25 15.3492C106.346 15.3492 105.862 15.2184 105.126 14.9121L104.828 14.7808L104.511 16.6254C105.042 16.8524 106.02 17.0539 107.036 17.0627C109.411 17.0627 110.957 15.9612 110.976 14.2565C110.985 13.3211 110.38 12.6043 109.076 12.0186C108.284 11.6427 107.799 11.3892 107.799 11.0045C107.808 10.6547 108.209 10.2965 109.103 10.2965C109.839 10.279 110.379 10.445 110.789 10.6112L110.994 10.6984L111.302 8.92405Z" fill="#15195A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.353 8.72363H117.104L118.931 16.9406H116.835C116.835 16.9406 116.63 15.9965 116.565 15.708H113.658C113.574 15.9264 113.183 16.9406 113.183 16.9406H110.808L114.17 9.40541C114.403 8.87212 114.814 8.72363 115.353 8.72363ZM115.214 11.7306C115.214 11.7306 114.497 13.5576 114.31 14.0297H116.192C116.099 13.6189 115.67 11.652 115.67 11.652L115.512 10.9439C115.445 11.1262 115.349 11.3769 115.284 11.546C115.24 11.6606 115.21 11.7377 115.214 11.7306Z" fill="#15195A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M91.0242 8.72363H94.6661C95.1598 8.74094 95.5603 8.88955 95.6907 9.41435L96.4822 13.1898L96.7247 14.3269L98.9415 8.72363H101.335L97.7771 16.932H95.3833L93.3658 9.79208C92.6696 9.41009 91.8752 9.10286 90.9869 8.88966L91.0242 8.72363Z" fill="#15195A"/>
<!-- Carte 4 (CB) : fond JPEG + formes blanches -->
<rect x="132.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<!-- On place le logo CB (viewBox 48.72 x 34.7) à l’intérieur du cadre via un groupe mis à l’échelle -->
<!-- scale = 0.5324 pour la hauteur (≈ 34.7 * 0.5324 = 18.48px), puis centré dans 33x22.4762 -->
<g transform="translate(136.535, 3.33984) scale(0.5324)">
<!-- ARRIÈRE-PLAN AVEC TON JPEG (couvre toute la surface du logo) -->
<image x="0" y="0" width="48.72" height="34.7"
href="https://atelier-amaya.com/media/wysiwyg/fondcb2.jpg"
xlink:href="https://atelier-amaya.com/media/wysiwyg/fondcb2.jpg"
preserveaspectratio="xMidYMid slice"/>
<!-- Formes blanches du logo CB (sans le rect de fond) -->
<path fill="#FFFFFF" d="M41.97,12.79c0-.5-.1-.99-.29-1.47-.19-.46-.46-.86-.82-1.21-.39-.39-.83-.66-1.3-.81-.47-.15-1.11-.23-1.93-.23h-10.93v7.46h10.93c.81,0,1.46-.08,1.93-.23.47-.16.91-.43,1.3-.81.36-.35.63-.76.82-1.21.19-.48.29-.97.29-1.47"/>
<path fill="#FFFFFF" d="M41.97,21.91c0-.5-.1-.99-.29-1.47-.19-.46-.46-.86-.82-1.21-.39-.39-.83-.66-1.3-.81-.47-.15-1.11-.23-1.93-.23h-10.93v7.46h10.93c.81,0,1.46-.08,1.93-.23.47-.16.91-.43,1.3-.81.36-.35.63-.76.82-1.21.19-.48.29-.97.29-1.47"/>
<path fill="#FFFFFF" d="M25.18,16.52c-.35-4.85-3.81-7.96-9.2-7.96-5.68,0-9.24,3.47-9.24,8.78s3.7,8.79,9.24,8.79,8.85-3.12,9.2-7.96h-9.32v-1.66h9.32Z"/>
<path fill="#FFFFFF" d="M45.3,31.31c-.17.18-.39.26-.63.26s-.46-.09-.63-.26c-.17-.17-.26-.39-.26-.63s.09-.46.26-.63.38-.26.63-.26.46.09.63.26c.17.17.26.38.26.63s-.09.46-.26.63ZM44.13,30.14c-.15.15-.22.33-.22.54s.07.4.22.55c.15.15.33.23.54.23s.39-.08.54-.23.22-.33.22-.55-.07-.39-.22-.54c-.15-.15-.33-.23-.54-.23s-.39.08-.54.23ZM44.65,30.19c.12,0,.21.01.27.04.1.04.15.13.15.25,0,.09-.03.15-.1.19-.03.02-.08.04-.14.05.08.01.13.04.17.1.04.05.05.1.05.15v.07s0,.05,0,.07c0,.03,0,.04,0,.05h0s-.16.01-.16.01c0,0,0,0,0,0,0,0,0,0,0-.01v-.03s0-.08,0-.08c0-.11-.03-.19-.09-.22-.04-.02-.1-.03-.19-.03h-.14v.39h-.17v-.98h.34ZM44.84,30.34s-.11-.04-.21-.04h-.15v.36h.16c.07,0,.13,0,.16-.02.07-.03.1-.08.1-.15,0-.07-.02-.12-.07-.14Z"/>
</g>
<!-- Carte 5 (Apple Pay) -->
<rect x="176.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<g transform="translate(176.6, -2.5) scale(1)">
<path fill="#000000" d="M5.849 11.047c-0.376 0.448-0.975 0.803-1.573 0.751-0.079-0.604 0.219-1.251 0.563-1.652 0.375-0.457 1.031-0.785 1.563-0.812 0.063 0.631-0.183 1.251-0.552 1.713zM6.396 11.917c-0.869-0.053-1.615 0.499-2.027 0.499-0.421 0-1.052-0.473-1.739-0.457-0.891 0.011-1.724 0.52-2.177 1.339-0.943 1.629-0.245 4.041 0.661 5.369 0.443 0.656 0.973 1.375 1.672 1.355 0.661-0.027 0.927-0.437 1.724-0.437 0.807 0 1.036 0.437 1.74 0.421 0.723-0.011 1.181-0.656 1.624-1.312 0.505-0.745 0.713-1.475 0.724-1.511-0.011-0.016-1.401-0.552-1.411-2.167-0.011-1.355 1.093-2 1.14-2.037-0.62-0.937-1.599-1.036-1.932-1.061zM11.412 10.083v9.855h1.515v-3.369h2.095c1.911 0 3.255-1.328 3.255-3.245 0-1.921-1.317-3.24-3.203-3.24zM12.927 11.375h1.745c1.312 0 2.063 0.708 2.063 1.953s-0.751 1.959-2.073 1.959h-1.735zM21.036 20.011c0.953 0 1.833-0.484 2.235-1.256h0.032v1.183h1.4v-4.907c0-1.416-1.124-2.337-2.859-2.337-1.604 0-2.792 0.932-2.833 2.208h1.359c0.115-0.609 0.667-1.005 1.433-1.005 0.927 0 1.443 0.437 1.443 1.24v0.541l-1.885 0.115c-1.761 0.109-2.709 0.833-2.709 2.099 0 1.276 0.98 2.12 2.385 2.12zM21.448 18.844c-0.808 0-1.323-0.391-1.323-0.989 0-0.62 0.495-0.985 1.437-1.043l1.683-0.104v0.557c0 0.923-0.776 1.579-1.803 1.579zM26.573 22.62c1.473 0 2.167-0.573 2.771-2.297l2.656-7.531h-1.536l-1.781 5.817h-0.032l-1.781-5.817h-1.583l2.563 7.172-0.136 0.437c-0.235 0.735-0.609 1.020-1.276 1.020-0.12 0-0.349-0.015-0.443-0.025v1.183c0.088 0.025 0.464 0.036 0.573 0.036z"/>
</g>
<!-- Carte 6 (Google Pay) -->
<rect x="220.5" y="1.33984" width="33" height="22.4762" rx="3.5" fill="white" stroke="#F3F3F3"/>
<g transform="translate(221.15, 7.05) scale(0.013)">
<path fill="#5F6368" d="M1129.1,463.2V741h-88.2V54.8h233.8c56.4-1.2,110.9,20.2,151.4,59.4c41,36.9,64.1,89.7,63.2,144.8c1.2,55.5-21.9,108.7-63.2,145.7c-40.9,39-91.4,58.5-151.4,58.4L1129.1,463.2L1129.1,463.2z M1129.1,139.3v239.6h147.8c32.8,1,64.4-11.9,87.2-35.5c46.3-45,47.4-119.1,2.3-165.4c-0.8-0.8-1.5-1.6-2.3-2.3c-22.5-24.1-54.3-37.3-87.2-36.4L1129.1,139.3L1129.1,139.3z M1692.5,256.2c65.2,0,116.6,17.4,154.3,52.2c37.7,34.8,56.5,82.6,56.5,143.2V741H1819v-65.2h-3.8c-36.5,53.7-85.1,80.5-145.7,80.5c-51.7,0-95-15.3-129.8-46c-33.8-28.5-53-70.7-52.2-115c0-48.6,18.4-87.2,55.1-115.9c36.7-28.7,85.7-43.1,147.1-43.1c52.3,0,95.5,9.6,129.3,28.7v-20.2c0.2-30.2-13.2-58.8-36.4-78c-23.3-21-53.7-32.5-85.1-32.1c-49.2,0-88.2,20.8-116.9,62.3l-77.6-48.9C1545.6,286.8,1608.8,256.2,1692.5,256.2L1692.5,256.2z M1578.4,597.3c-0.1,22.8,10.8,44.2,29.2,57.5c19.5,15.3,43.7,23.5,68.5,23c37.2-0.1,72.9-14.9,99.2-41.2c29.2-27.5,43.8-59.7,43.8-96.8c-27.5-21.9-65.8-32.9-115-32.9c-35.8,0-65.7,8.6-89.6,25.9C1590.4,550.4,1578.4,571.7,1578.4,597.3L1578.4,597.3z M2387.3,271.5L2093,948h-91l109.2-236.7l-193.6-439.8h95.8l139.9,337.3h1.9l136.1-337.3L2387.3,271.5z"/>
<path fill="#4285F4" d="M772.8,403.2c0-26.9-2.2-53.7-6.8-80.2H394.2v151.8h212.9c-8.8,49-37.2,92.3-78.7,119.8v98.6h127.1C729.9,624.7,772.8,523.2,772.8,403.2L772.8,403.2z"/>
<path fill="#34A853" d="M394.2,788.5c106.4,0,196-34.9,261.3-95.2l-127.1-98.6c-35.4,24-80.9,37.7-134.2,37.7c-102.8,0-190.1-69.3-221.3-162.7H42v101.6C108.9,704.5,245.2,788.5,394.2,788.5z"/>
<path fill="#FBBC04" d="M172.9,469.7c-16.5-48.9-16.5-102,0-150.9V217.2H42c-56,111.4-56,242.7,0,354.1L172.9,469.7z"/>
<path fill="#EA4335" d="M394.2,156.1c56.2-0.9,110.5,20.3,151.2,59.1L658,102.7C586.6,35.7,492.1-1.1,394.2,0C245.2,0,108.9,84.1,42,217.2l130.9,101.6C204.1,225.4,291.4,156.1,394.2,156.1z"/>
</g>
</svg></div></div><div class="pagebuilder-column aide" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="B21C8TK"><div class="title" data-content-type="text" data-appearance="default" data-element="main"><p>Offres & Services</p></div><div data-content-type="text" data-appearance="default" data-element="main"><p><a tabindex="0" href="/fr/offres-commerciales">Offres commerciales</a></p>
<p><a tabindex="0" href="/fr/programme-fidelite">Programme de fidélité</a></p>
<p><a tabindex="0" href="/fr/guide-des-tailles">Guide des tailles</a></p>
<p><a tabindex="0" href="/fr/jeux-concours">Jeux concours</a></p>
<p><a tabindex="0" href="/fr/notre-histoire">Notre histoire</a></p>
<p><a tabindex="0" href="/fr/qualite-des-bijoux">Qualité de nos bijoux </a></p>
<p><a tabindex="0" href="/fr/archives">Archives</a></p>
<p><a tabindex="0" href="/fr/atelier-percage-d-oreilles">Notre Atelier de perçage d'oreilles</a></p>
<p><a tabindex="0" href="/fr/nos-gravures">Notre Atelier de gravures</a></p>
<p><a tabindex="0" href="/fr/blog">Le Blog d'Amaya</a></p>
<p><a tabindex="0" href="/fr/amaya-family">Amaya Family</a></p>
<p><a tabindex="0" href="/fr/bijoux-fete-des-meres">Bijoux Fête des mères</a></p>
<p><a tabindex="0" href="/fr/cadeaux/fete-des-peres">Idées cadeaux Fête des pères</a></p></div></div><div class="pagebuilder-column contact" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T1298UX"><div class="title" data-content-type="text" data-appearance="default" data-element="main"><p id="G516MT2">Nous contacter</p></div><div data-content-type="text" data-appearance="default" data-element="main"><p><strong>Maëlle et son équipe vous répondent :</strong></p>
<p>Du lundi au samedi : 9h30-18h00<br>05 56 81 57 71</p>
<p><a tabindex="0" href="mailto:contact@latelierdamaya.com">contact@latelierdamaya.com</a><br><a tabindex="0" href="https://latelierdamaya.zendesk.com/hc/fr">FAQ : </a><span style="text-decoration: underline;"><a tabindex="0" href="https://latelierdamaya.zendesk.com/hc/fr">Questions & Réponses</a><br><br></span><a tabindex="0" href="/fr/personal-shoppers"><span style="text-decoration: underline;">Nos personal shoppers</span></a></p>
<p><a tabindex="0" href="/fr/recrutement"><span style="text-decoration: underline;">Nous rejoindre</span></a></p>
<p> </p></div><div data-content-type="html" data-appearance="default" data-element="main"><iframe width="250" height="30" style="border: 0" src="https://cdn.smooch.io/message-us/index.html?channel=whatsapp&color=teal&size=compact&radius=4px&label=Contactez-nous sur WhatsApp&number=33626701462"></iframe></div></div><div class="pagebuilder-column autre" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="N70G5YK"><div class="title" data-content-type="text" data-appearance="default" data-element="main"><p id="HXUU055">Suivez-nous</p></div><div data-content-type="text" data-appearance="default" data-element="main"></div><div data-content-type="text" data-appearance="default" data-element="main"><table style="border-collapse: collapse; width: 99.9998%;" border="1">
<tbody>
<tr>
<td style="width: 49.8128%;"><img id="PM7VH7F" style="width: 165px; height: 200px;" src="https://atelier-amaya.com/media/.renditions/wysiwyg/homepage/LOGO_MEILLEUR_SITE_ECOMMERCE_2026_AMAYA_VERTICAL_FONDBLANC.png" alt="Capital Meilleurs site de commerce en ligne Bijouterie fantaisie 2023" width="164" height="200" loading="lazy"></td>
<td style="width: 49.8128%;"><a tabindex="0" href="https://prix-satisfaction-client.wizville.com/laureats-2025" target="_blank" rel="noopener"><img id="BGDR95T" style="width: 165px; height: 199px;" src="https://atelier-amaya.com/media/.renditions/wysiwyg/homepage/Prix_Meilleure_Satisfaction_2025_-_Bijouteries_Or_3_.png" alt="Meilleure Satisfaction Client bijouterie 2024 certifié par Wizville" width="165" height="200" loading="lazy"></a></td>
</tr>
</tbody>
</table></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="EC226KD"><img class="footer-logo" src="https://atelier-amaya.com/media/.renditions/wysiwyg/homepage/capital-amaya-2023.png" alt="" /></div><div class="title" data-content-type="text" data-appearance="default" data-element="main"></div><div data-content-type="text" data-appearance="default" data-element="main"><p>
<ul class="flex space-x-2">
<li>
<a href="https://www.pinterest.fr/latelierdamaya/" rel="nofollow" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path d="M8.5884 19.7701C8.5884 19.7701 8.40991 17.818 8.60811 16.9654C8.77879 16.2324 9.71004 12.295 9.71004 12.295C9.71004 12.295 9.42925 11.7326 9.42925 10.8997C9.42925 9.59409 10.1859 8.6188 11.1289 8.6188C11.9312 8.6188 12.3181 9.22049 12.3181 9.94173C12.3181 10.7479 11.8045 11.9529 11.5395 13.0705C11.3185 14.0057 12.009 14.7686 12.9309 14.7686C14.6006 14.7686 15.885 13.0076 15.885 10.4656C15.885 8.21531 14.2679 6.64305 11.9595 6.64305C9.28689 6.64305 7.71777 8.6479 7.71777 10.7204C7.71777 11.5282 8.02845 12.3933 8.41699 12.8645C8.45011 12.9 8.47352 12.9435 8.48495 12.9908C8.49639 13.038 8.49546 13.0874 8.48227 13.1342C8.4107 13.4315 8.25182 14.0694 8.22114 14.2C8.17946 14.3714 8.08508 14.4084 7.90653 14.325C6.73304 13.7792 6 12.0638 6 10.6858C6 7.72137 8.15272 5 12.2072 5C15.4666 5 18 7.32261 18 10.4262C18 13.6644 15.959 16.2709 13.1243 16.2709C12.1719 16.2709 11.2776 15.7754 10.9708 15.191C10.9708 15.191 10.4997 16.9858 10.3857 17.4247C10.1639 18.2773 9.5488 19.3564 9.16733 19.9691L8.5884 19.7701Z" fill="currentColor"/>
</svg>
</a>
</li>
<li>
<a href=" https://www.facebook.com/latelier.damaya/" rel="nofollow" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path d="M10.2255 19V12.875H8V10.3413H10.2255V8.41021C10.2255 6.21343 11.5341 5 13.5363 5C14.4953 5 15.4983 5.1712 15.4983 5.1712V7.32825H14.3931C13.3042 7.32825 12.9647 8.00391 12.9647 8.69708V10.3413H15.3956L15.007 12.875H12.9647V19H10.2255Z" fill="currentColor"/>
</svg>
</a>
</li>
<li>
<a href=" https://www.tiktok.com/@latelierdamaya?lang=fr" rel="nofollow" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path d="M15.5177 7.15835C15.0129 6.57961 14.7094 5.82497 14.7094 5H14.0768C14.2397 5.90172 14.7765 6.67554 15.5177 7.15835Z" fill="currentColor"/>
<path d="M9.66459 11.8204C8.56874 11.8204 7.67737 12.7126 7.67737 13.8093C7.67737 14.5736 8.11187 15.2386 8.74446 15.5712C8.50804 15.245 8.36746 14.8454 8.36746 14.4105C8.36746 13.3137 9.25883 12.4216 10.3547 12.4216C10.5592 12.4216 10.7572 12.4567 10.9425 12.5143V10.097C10.7508 10.0714 10.556 10.0553 10.3547 10.0553C10.3195 10.0553 10.2876 10.0585 10.2524 10.0585V11.9132C10.0639 11.8556 9.86906 11.8204 9.66459 11.8204Z" fill="currentColor"/>
<path d="M17.3099 8.21995V10.0585C16.0831 10.0585 14.9457 9.66527 14.0191 9.00015V13.8125C14.0191 16.2139 12.0671 18.1708 9.66453 18.1708C8.73801 18.1708 7.8754 17.8767 7.16933 17.381C7.96485 18.2348 9.09904 18.772 10.3547 18.772C12.754 18.772 14.7093 16.8183 14.7093 14.4137V9.6013C15.6358 10.2664 16.7731 10.6597 18 10.6597V8.29352C17.7604 8.29352 17.5303 8.26791 17.3099 8.21995Z" fill="currentColor"/>
<path d="M14.0191 13.8125V9.00015C14.9457 9.66527 16.0831 10.0585 17.3099 10.0585V8.21995C16.6006 8.0697 15.9777 7.68597 15.5177 7.15835C14.7764 6.67554 14.2428 5.90172 14.0735 5H12.3419L12.3387 14.4872C12.3003 15.5488 11.4249 16.4026 10.3547 16.4026C9.6901 16.4026 9.10543 16.0732 8.74122 15.5744C8.10862 15.2386 7.67412 14.5768 7.67412 13.8125C7.67412 12.7158 8.56549 11.8236 9.66134 11.8236C9.86581 11.8236 10.0639 11.8588 10.2492 11.9164V10.0617C7.89776 10.1129 6 12.0442 6 14.4137C6 15.5584 6.44409 16.6008 7.16933 17.381C7.8754 17.8767 8.73801 18.1708 9.66453 18.1708C12.0639 18.1708 14.0191 16.2139 14.0191 13.8125Z" fill="currentColor"/>
</svg>
</a>
</li>
<li>
<a href=" https://www.instagram.com/latelierdamaya/" rel="nofollow" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" class="w-6 h-6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C10.0988 5 9.8608 5.00793 9.11413 5.042C8.36887 5.07607 7.85973 5.1946 7.41453 5.36773C6.94787 5.5432 6.5246 5.81853 6.1746 6.17507C5.81864 6.52466 5.54313 6.94763 5.36727 7.41453C5.19507 7.85973 5.07607 8.36933 5.042 9.1146C5.0084 9.8608 5 10.0983 5 12C5 13.9017 5.00793 14.1392 5.042 14.8859C5.07607 15.6311 5.1946 16.1403 5.36773 16.5855C5.5432 17.0521 5.81853 17.4754 6.17507 17.8254C6.52467 18.1814 6.94764 18.4569 7.41453 18.6327C7.85973 18.8054 8.36887 18.9239 9.11413 18.958C9.8608 18.9921 10.0988 19 12 19C13.9012 19 14.1392 18.9921 14.8859 18.958C15.6311 18.9239 16.1403 18.8054 16.5855 18.6323C17.0521 18.4568 17.4754 18.1815 17.8254 17.8249C18.1814 17.4753 18.4569 17.0524 18.6327 16.5855C18.8054 16.1403 18.9239 15.6311 18.958 14.8859C18.9921 14.1392 19 13.9012 19 12C19 10.0988 18.9921 9.8608 18.958 9.11413C18.9239 8.36887 18.8054 7.85973 18.6323 7.41453C18.4565 6.94743 18.181 6.52428 17.8249 6.1746C17.4753 5.81864 17.0524 5.54313 16.5855 5.36727C16.1403 5.19507 15.6307 5.07607 14.8854 5.042C14.1392 5.0084 13.9017 5 12 5ZM12 6.2614C13.869 6.2614 14.0907 6.2684 14.8289 6.302C15.5112 6.33327 15.8817 6.44667 16.1286 6.54327C16.4553 6.66973 16.6886 6.82187 16.9336 7.0664C17.1786 7.3114 17.3303 7.54473 17.4567 7.8714C17.5529 8.11827 17.6667 8.4888 17.698 9.17107C17.7316 9.90933 17.7386 10.131 17.7386 12C17.7386 13.869 17.7316 14.0907 17.698 14.8289C17.6667 15.5112 17.5533 15.8817 17.4567 16.1286C17.3447 16.4327 17.1659 16.7077 16.9336 16.9336C16.7078 17.166 16.4327 17.3448 16.1286 17.4567C15.8817 17.5529 15.5112 17.6667 14.8289 17.698C14.0907 17.7316 13.8695 17.7386 12 17.7386C10.1305 17.7386 9.90933 17.7316 9.17107 17.698C8.4888 17.6667 8.11827 17.5533 7.8714 17.4567C7.56735 17.3447 7.29227 17.1659 7.0664 16.9336C6.83408 16.7077 6.65533 16.4326 6.54327 16.1286C6.44713 15.8817 6.33327 15.5112 6.302 14.8289C6.2684 14.0907 6.2614 13.869 6.2614 12C6.2614 10.131 6.2684 9.90933 6.302 9.17107C6.33327 8.4888 6.44667 8.11827 6.54327 7.8714C6.66973 7.54473 6.82187 7.3114 7.0664 7.0664C7.29224 6.83402 7.56732 6.65526 7.8714 6.54327C8.11827 6.44713 8.4888 6.33327 9.17107 6.302C9.90933 6.2684 10.131 6.2614 12 6.2614Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 14.3357C11.6933 14.3357 11.3896 14.2753 11.1062 14.1579C10.8228 14.0405 10.5653 13.8685 10.3484 13.6516C10.1316 13.4347 9.95951 13.1772 9.84214 12.8938C9.72476 12.6104 9.66434 12.3067 9.66434 12C9.66434 11.6933 9.72476 11.3896 9.84214 11.1062C9.95951 10.8228 10.1316 10.5653 10.3484 10.3484C10.5653 10.1315 10.8228 9.9595 11.1062 9.84213C11.3896 9.72475 11.6933 9.66433 12 9.66433C12.6195 9.66433 13.2136 9.91041 13.6516 10.3484C14.0896 10.7865 14.3357 11.3805 14.3357 12C14.3357 12.6195 14.0896 13.2135 13.6516 13.6516C13.2136 14.0896 12.6195 14.3357 12 14.3357ZM12 8.402C11.0458 8.402 10.1306 8.78107 9.45584 9.45583C8.78108 10.1306 8.40201 11.0458 8.40201 12C8.40201 12.9542 8.78108 13.8694 9.45584 14.5442C10.1306 15.2189 11.0458 15.598 12 15.598C12.9543 15.598 13.8694 15.2189 14.5442 14.5442C15.2189 13.8694 15.598 12.9542 15.598 12C15.598 11.0458 15.2189 10.1306 14.5442 9.45583C13.8694 8.78107 12.9543 8.402 12 8.402ZM16.6447 8.33667C16.6447 8.56223 16.5551 8.77856 16.3956 8.93806C16.2361 9.09756 16.0198 9.18717 15.7942 9.18717C15.5687 9.18717 15.3524 9.09756 15.1929 8.93806C15.0334 8.77856 14.9437 8.56223 14.9437 8.33667C14.9437 8.1111 15.0334 7.89477 15.1929 7.73527C15.3524 7.57577 15.5687 7.48617 15.7942 7.48617C16.0198 7.48617 16.2361 7.57577 16.3956 7.73527C16.5551 7.89477 16.6447 8.1111 16.6447 8.33667Z" fill="currentColor"/>
<path d="M9.11413 5.042L9.10274 4.79226L9.10272 4.79226L9.11413 5.042ZM7.41453 5.36773L7.50252 5.60175L7.50514 5.60073L7.41453 5.36773ZM6.1746 6.17507L6.3498 6.35346L6.353 6.3502L6.1746 6.17507ZM5.36727 7.41453L5.60044 7.50472L5.60122 7.50266L5.36727 7.41453ZM5.042 9.1146L4.79226 9.10318L4.79225 9.10335L5.042 9.1146ZM5.042 14.8859L4.79226 14.8973L4.79226 14.8973L5.042 14.8859ZM5.36773 16.5855L5.60175 16.4975L5.60073 16.4949L5.36773 16.5855ZM6.17507 17.8254L6.35346 17.6502L6.3502 17.647L6.17507 17.8254ZM7.41453 18.6327L7.50494 18.3996L7.50266 18.3988L7.41453 18.6327ZM9.11413 18.958L9.10272 19.2077L9.10274 19.2077L9.11413 18.958ZM14.8859 18.958L14.8973 19.2077L14.8973 19.2077L14.8859 18.958ZM16.5855 18.6323L16.4975 18.3982L16.4949 18.3993L16.5855 18.6323ZM17.8254 17.8249L17.6502 17.6465L17.647 17.6498L17.8254 17.8249ZM18.6327 16.5855L18.3996 16.4951L18.3988 16.4973L18.6327 16.5855ZM18.958 14.8859L19.2077 14.8973L19.2077 14.8973L18.958 14.8859ZM18.958 9.11413L19.2077 9.10274L19.2077 9.10272L18.958 9.11413ZM18.6323 7.41453L18.3983 7.50257L18.3993 7.50514L18.6323 7.41453ZM17.8249 6.1746L17.6465 6.3498L17.6498 6.35297L17.8249 6.1746ZM16.5855 5.36727L16.4953 5.60044L16.4973 5.60122L16.5855 5.36727ZM14.8854 5.042L14.8968 4.79226L14.8966 4.79225L14.8854 5.042ZM14.8289 6.302L14.8404 6.05226L14.8403 6.05226L14.8289 6.302ZM16.1286 6.54327L16.0375 6.77608L16.0383 6.7764L16.1286 6.54327ZM16.9336 7.0664L17.1104 6.88962L17.1102 6.88945L16.9336 7.0664ZM17.4567 7.8714L17.2236 7.96166L17.2238 7.96212L17.4567 7.8714ZM17.698 9.17107L17.9477 9.1597L17.9477 9.15962L17.698 9.17107ZM17.698 14.8289L17.9477 14.8404L17.9477 14.8403L17.698 14.8289ZM17.4567 16.1286L17.2239 16.0375L17.2222 16.0422L17.4567 16.1286ZM16.9336 16.9336L16.7593 16.7543L16.7543 16.7594L16.9336 16.9336ZM16.1286 17.4567L16.0422 17.2221L16.0379 17.2238L16.1286 17.4567ZM14.8289 17.698L14.8403 17.9477L14.8404 17.9477L14.8289 17.698ZM9.17107 17.698L9.15962 17.9477L9.1597 17.9477L9.17107 17.698ZM7.8714 17.4567L7.96252 17.2239L7.95783 17.2222L7.8714 17.4567ZM7.0664 16.9336L7.24573 16.7593L7.24068 16.7544L7.0664 16.9336ZM6.54327 16.1286L6.77788 16.0421L6.77623 16.0379L6.54327 16.1286ZM6.302 14.8289L6.05226 14.8403L6.05226 14.8404L6.302 14.8289ZM6.302 9.17107L6.05226 9.15962L6.05226 9.1597L6.302 9.17107ZM6.54327 7.8714L6.77608 7.9625L6.7764 7.96166L6.54327 7.8714ZM7.0664 7.0664L7.24336 7.24302L7.24568 7.24064L7.0664 7.0664ZM7.8714 6.54327L7.95781 6.7779L7.96212 6.77623L7.8714 6.54327ZM9.17107 6.302L9.1597 6.05226L9.15962 6.05226L9.17107 6.302ZM12 14.3357V14.5857V14.3357ZM12 9.66433V9.91433V9.66433ZM12 8.402V8.152V8.402ZM8.40201 12H8.15201H8.40201ZM15.598 12H15.848H15.598ZM15.7942 7.48617V7.23617V7.48617ZM12 4.75C10.0976 4.75 9.85513 4.75793 9.10274 4.79226L9.12553 5.29174C9.86647 5.25793 10.1 5.25 12 5.25V4.75ZM9.10272 4.79226C8.33372 4.82741 7.79743 4.95059 7.32392 5.13473L7.50514 5.60073C7.92204 5.43861 8.40401 5.32472 9.12555 5.29174L9.10272 4.79226ZM7.32655 5.13373C6.82585 5.32199 6.37172 5.6174 5.9962 5.99993L6.353 6.3502C6.67748 6.01966 7.06989 5.76441 7.50252 5.60174L7.32655 5.13373ZM5.99943 5.9967C5.61755 6.37175 5.32198 6.82551 5.13331 7.32641L5.60122 7.50266C5.76428 7.06975 6.01973 6.67757 6.34977 6.35343L5.99943 5.9967ZM5.1341 7.32435C4.9511 7.79748 4.82742 8.33404 4.79226 9.10318L5.29174 9.12602C5.32471 8.40462 5.43904 7.92198 5.60043 7.50472L5.1341 7.32435ZM4.79225 9.10335C4.7584 9.85512 4.75 10.097 4.75 12H5.25C5.25 10.0997 5.2584 9.86648 5.29175 9.12585L4.79225 9.10335ZM4.75 12C4.75 13.9029 4.75793 14.1449 4.79226 14.8973L5.29174 14.8745C5.25793 14.1335 5.25 13.9005 5.25 12H4.75ZM4.79226 14.8973C4.82741 15.6663 4.95059 16.2026 5.13473 16.6761L5.60073 16.4949C5.43861 16.078 5.32472 15.596 5.29174 14.8745L4.79226 14.8973ZM5.13373 16.6735C5.32199 17.1742 5.6174 17.6283 5.99993 18.0038L6.3502 17.647C6.01966 17.3225 5.76441 16.9301 5.60174 16.4975L5.13373 16.6735ZM5.99671 18.0006C6.37176 18.3824 6.82552 18.678 7.3264 18.8667L7.50266 18.3988C7.06976 18.2357 6.67758 17.9803 6.35343 17.6502L5.99671 18.0006ZM7.32413 18.8658C7.7975 19.0494 8.33371 19.1726 9.10272 19.2077L9.12555 18.7083C8.40403 18.6753 7.92196 18.5614 7.50493 18.3996L7.32413 18.8658ZM9.10274 19.2077C9.85513 19.2421 10.0976 19.25 12 19.25V18.75C10.1 18.75 9.86647 18.7421 9.12553 18.7083L9.10274 19.2077ZM12 19.25C13.9024 19.25 14.1449 19.2421 14.8973 19.2077L14.8745 18.7083C14.1335 18.7421 13.9 18.75 12 18.75V19.25ZM14.8973 19.2077C15.6663 19.1726 16.2026 19.0494 16.6761 18.8653L16.4949 18.3993C16.078 18.5614 15.596 18.6753 14.8745 18.7083L14.8973 19.2077ZM16.6735 18.8663C17.1742 18.678 17.6283 18.3826 18.0038 18.0001L17.647 17.6498C17.3225 17.9803 16.9301 18.2356 16.4975 18.3983L16.6735 18.8663ZM18.0006 18.0033C18.3825 17.6283 18.678 17.1745 18.8667 16.6736L18.3988 16.4973C18.2357 16.9303 17.9803 17.3224 17.6502 17.6466L18.0006 18.0033ZM18.8658 16.6759C19.0494 16.2025 19.1726 15.6663 19.2077 14.8973L18.7083 14.8745C18.6753 15.596 18.5614 16.078 18.3996 16.4951L18.8658 16.6759ZM19.2077 14.8973C19.2421 14.1449 19.25 13.9024 19.25 12H18.75C18.75 13.9 18.7421 14.1335 18.7083 14.8745L19.2077 14.8973ZM19.25 12C19.25 10.0976 19.2421 9.85513 19.2077 9.10274L18.7083 9.12553C18.7421 9.86647 18.75 10.1 18.75 12H19.25ZM19.2077 9.10272C19.1726 8.33372 19.0494 7.79743 18.8653 7.32392L18.3993 7.50514C18.5614 7.92204 18.6753 8.40401 18.7083 9.12555L19.2077 9.10272ZM18.8663 7.3265C18.6777 6.82536 18.3821 6.37139 18.0001 5.99623L17.6498 6.35297C17.9799 6.67718 18.2353 7.06949 18.3983 7.50257L18.8663 7.3265ZM18.0033 5.99943C17.6283 5.61755 17.1745 5.32198 16.6736 5.13331L16.4973 5.60122C16.9303 5.76428 17.3224 6.01973 17.6466 6.34977L18.0033 5.99943ZM16.6757 5.1341C16.2025 4.9511 15.666 4.82742 14.8968 4.79226L14.874 5.29174C15.5954 5.32471 16.078 5.43904 16.4953 5.60043L16.6757 5.1341ZM14.8966 4.79225C14.1449 4.7584 13.903 4.75 12 4.75V5.25C13.9003 5.25 14.1335 5.2584 14.8742 5.29175L14.8966 4.79225ZM12 6.5114C13.868 6.5114 14.0851 6.5184 14.8176 6.55174L14.8403 6.05226C14.0962 6.01839 13.87 6.0114 12 6.0114V6.5114ZM14.8175 6.55174C15.4725 6.58176 15.8161 6.68945 16.0375 6.77608L16.2197 6.31046C15.9473 6.20388 15.5499 6.08478 14.8404 6.05226L14.8175 6.55174ZM16.0383 6.7764C16.3327 6.89038 16.5366 7.02341 16.757 7.24335L17.1102 6.88945C16.8406 6.62033 16.5778 6.44909 16.2189 6.31013L16.0383 6.7764ZM16.7568 7.24318C16.977 7.46331 17.1096 7.66709 17.2236 7.96166L17.6899 7.78114C17.551 7.42238 17.3802 7.15949 17.1104 6.88962L16.7568 7.24318ZM17.2238 7.96212C17.3102 8.18394 17.4183 8.52772 17.4483 9.18251L17.9477 9.15962C17.9152 8.44988 17.7956 8.05259 17.6897 7.78068L17.2238 7.96212ZM17.4483 9.18243C17.4816 9.91491 17.4886 10.132 17.4886 12H17.9886C17.9886 10.13 17.9816 9.90376 17.9477 9.1597L17.4483 9.18243ZM17.4886 12C17.4886 13.868 17.4816 14.0851 17.4483 14.8176L17.9477 14.8403C17.9816 14.0962 17.9886 13.87 17.9886 12H17.4886ZM17.4483 14.8175C17.4182 15.4725 17.3105 15.8161 17.2239 16.0375L17.6895 16.2197C17.7961 15.9473 17.9152 15.5499 17.9477 14.8404L17.4483 14.8175ZM17.2222 16.0422C17.123 16.3112 16.9649 16.5545 16.7593 16.7543L17.1079 17.1129C17.367 16.8609 17.5664 16.5541 17.6913 16.215L17.2222 16.0422ZM16.7543 16.7594C16.5545 16.9649 16.3112 17.1231 16.0422 17.2221L16.215 17.6913C16.5542 17.5664 16.861 17.367 17.1129 17.1078L16.7543 16.7594ZM16.0379 17.2238C15.8161 17.3102 15.4723 17.4183 14.8175 17.4483L14.8404 17.9477C15.5501 17.9152 15.9474 17.7956 16.2193 17.6897L16.0379 17.2238ZM14.8176 17.4483C14.0851 17.4816 13.8684 17.4886 12 17.4886V17.9886C13.8705 17.9886 14.0962 17.9816 14.8403 17.9477L14.8176 17.4483ZM12 17.4886C10.1316 17.4886 9.91491 17.4816 9.18243 17.4483L9.1597 17.9477C9.90376 17.9816 10.1295 17.9886 12 17.9886V17.4886ZM9.18251 17.4483C8.52749 17.4182 8.18387 17.3105 7.9625 17.2239L7.7803 17.6895C8.05266 17.7961 8.45011 17.9152 9.15962 17.9477L9.18251 17.4483ZM7.95783 17.2222C7.68884 17.123 7.44548 16.9649 7.24566 16.7593L6.88714 17.1079C7.13906 17.367 7.44585 17.5664 7.78497 17.6913L7.95783 17.2222ZM7.24068 16.7544C7.03514 16.5545 6.87699 16.3111 6.77784 16.0421L6.30869 16.2151C6.43367 16.5541 6.63303 16.8609 6.89212 17.1128L7.24068 16.7544ZM6.77623 16.0379C6.68984 15.8161 6.58175 15.4723 6.55174 14.8175L6.05226 14.8404C6.08479 15.5501 6.20442 15.9474 6.31031 16.2193L6.77623 16.0379ZM6.55174 14.8176C6.5184 14.0851 6.5114 13.868 6.5114 12H6.0114C6.0114 13.87 6.01839 14.0962 6.05226 14.8403L6.55174 14.8176ZM6.5114 12C6.5114 10.132 6.5184 9.91491 6.55174 9.18243L6.05226 9.1597C6.01839 9.90376 6.0114 10.13 6.0114 12H6.5114ZM6.55174 9.18251C6.58176 8.52749 6.68945 8.18387 6.77608 7.9625L6.31046 7.7803C6.20388 8.05266 6.08478 8.45011 6.05226 9.15962L6.55174 9.18251ZM6.7764 7.96166C6.89038 7.66727 7.02341 7.46337 7.24335 7.24301L6.88945 6.88979C6.62033 7.15943 6.44909 7.4222 6.31013 7.78114L6.7764 7.96166ZM7.24568 7.24064C7.44546 7.03507 7.68881 6.87693 7.9578 6.77786L7.785 6.30867C7.44584 6.43358 7.13902 6.63297 6.88712 6.89216L7.24568 7.24064ZM7.96212 6.77623C8.18394 6.68984 8.52772 6.58175 9.18251 6.55174L9.15962 6.05226C8.44988 6.08479 8.05259 6.20442 7.78068 6.31031L7.96212 6.77623ZM9.18243 6.55174C9.91491 6.5184 10.132 6.5114 12 6.5114V6.0114C10.13 6.0114 9.90376 6.01839 9.1597 6.05226L9.18243 6.55174ZM12 14.0857C11.7261 14.0857 11.4549 14.0317 11.2019 13.9269L11.0105 14.3888C11.3242 14.5188 11.6605 14.5857 12 14.5857V14.0857ZM11.2019 13.9269C10.9488 13.8221 10.7189 13.6685 10.5252 13.4748L10.1717 13.8283C10.4118 14.0684 10.6968 14.2589 11.0105 14.3888L11.2019 13.9269ZM10.5252 13.4748C10.3316 13.2811 10.1779 13.0512 10.0731 12.7982L9.61117 12.9895C9.74111 13.3032 9.93157 13.5882 10.1717 13.8283L10.5252 13.4748ZM10.0731 12.7982C9.96829 12.5451 9.91434 12.2739 9.91434 12H9.41434C9.41434 12.3396 9.48122 12.6758 9.61117 12.9895L10.0731 12.7982ZM9.91434 12C9.91434 11.7261 9.96829 11.4549 10.0731 11.2018L9.61117 11.0105C9.48122 11.3242 9.41434 11.6604 9.41434 12H9.91434ZM10.0731 11.2018C10.1779 10.9488 10.3316 10.7189 10.5252 10.5252L10.1717 10.1717C9.93157 10.4118 9.74111 10.6968 9.61117 11.0105L10.0731 11.2018ZM10.5252 10.5252C10.7189 10.3315 10.9488 10.1779 11.2019 10.0731L11.0105 9.61116C10.6968 9.7411 10.4118 9.93156 10.1717 10.1717L10.5252 10.5252ZM11.2019 10.0731C11.4549 9.96828 11.7261 9.91433 12 9.91433V9.41433C11.6605 9.41433 11.3242 9.48121 11.0105 9.61116L11.2019 10.0731ZM12 9.91433C12.5532 9.91433 13.0837 10.1341 13.4748 10.5252L13.8284 10.1717C13.3434 9.68675 12.6858 9.41433 12 9.41433V9.91433ZM13.4748 10.5252C13.8659 10.9163 14.0857 11.4468 14.0857 12H14.5857C14.5857 11.3142 14.3133 10.6566 13.8284 10.1717L13.4748 10.5252ZM14.0857 12C14.0857 12.5532 13.8659 13.0837 13.4748 13.4748L13.8284 13.8283C14.3133 13.3434 14.5857 12.6858 14.5857 12H14.0857ZM13.4748 13.4748C13.0837 13.8659 12.5532 14.0857 12 14.0857V14.5857C12.6858 14.5857 13.3434 14.3132 13.8284 13.8283L13.4748 13.4748ZM12 8.152C10.9795 8.152 10.0007 8.55741 9.27906 9.27905L9.63262 9.63261C10.2605 9.00473 11.1121 8.652 12 8.652V8.152ZM9.27906 9.27905C8.55742 10.0007 8.15201 10.9794 8.15201 12H8.65201C8.65201 11.1121 9.00475 10.2605 9.63262 9.63261L9.27906 9.27905ZM8.15201 12C8.15201 13.0206 8.55742 13.9993 9.27906 14.7209L9.63262 14.3674C9.00475 13.7395 8.65201 12.8879 8.65201 12H8.15201ZM9.27906 14.7209C10.0007 15.4426 10.9795 15.848 12 15.848V15.348C11.1121 15.348 10.2605 14.9953 9.63262 14.3674L9.27906 14.7209ZM12 15.848C13.0206 15.848 13.9993 15.4426 14.721 14.7209L14.3674 14.3674C13.7395 14.9953 12.888 15.348 12 15.348V15.848ZM14.721 14.7209C15.4426 13.9993 15.848 13.0206 15.848 12H15.348C15.348 12.8879 14.9953 13.7395 14.3674 14.3674L14.721 14.7209ZM15.848 12C15.848 10.9794 15.4426 10.0007 14.721 9.27905L14.3674 9.63261C14.9953 10.2605 15.348 11.1121 15.348 12H15.848ZM14.721 9.27905C13.9993 8.55741 13.0206 8.152 12 8.152V8.652C12.888 8.652 13.7395 9.00473 14.3674 9.63261L14.721 9.27905ZM16.3947 8.33667C16.3947 8.49593 16.3315 8.64867 16.2189 8.76128L16.5724 9.11484C16.7788 8.90845 16.8947 8.62854 16.8947 8.33667H16.3947ZM16.2189 8.76128C16.1062 8.8739 15.9535 8.93717 15.7942 8.93717V9.43717C16.0861 9.43717 16.366 9.32122 16.5724 9.11484L16.2189 8.76128ZM15.7942 8.93717C15.635 8.93717 15.4822 8.8739 15.3696 8.76128L15.0161 9.11484C15.2225 9.32122 15.5024 9.43717 15.7942 9.43717V8.93717ZM15.3696 8.76128C15.257 8.64867 15.1937 8.49593 15.1937 8.33667H14.6937C14.6937 8.62854 14.8097 8.90845 15.0161 9.11484L15.3696 8.76128ZM15.1937 8.33667C15.1937 8.1774 15.257 8.02466 15.3696 7.91205L15.0161 7.5585C14.8097 7.76488 14.6937 8.0448 14.6937 8.33667H15.1937ZM15.3696 7.91205C15.4822 7.79943 15.635 7.73617 15.7942 7.73617V7.23617C15.5024 7.23617 15.2225 7.35211 15.0161 7.5585L15.3696 7.91205ZM15.7942 7.73617C15.9535 7.73617 16.1062 7.79943 16.2189 7.91205L16.5724 7.5585C16.366 7.35211 16.0861 7.23617 15.7942 7.23617V7.73617ZM16.2189 7.91205C16.3315 8.02466 16.3947 8.1774 16.3947 8.33667H16.8947C16.8947 8.0448 16.7788 7.76488 16.5724 7.5585L16.2189 7.91205Z" fill="currentColor"/>
</svg>
</a>
</li>
</ul>
</p></div></div></div></div><style type="text/css"></style>
<style>#html-body [data-pb-style=T1BWQS9]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=WDDMTBQ]{display:flex;width:100%}#html-body [data-pb-style=UH5T7V2]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}</style><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="T1BWQS9"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WDDMTBQ"><div class="pagebuilder-column copyright" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UH5T7V2"><div data-content-type="html" data-appearance="default" data-element="main"><a href="https://atelier-amaya.com/fr/conditions-generales-de-vente/">CGV</a> -
<a href="https://atelier-amaya.com/fr/mentions-legales/">Mentions légales</a> -
<a href="https://atelier-amaya.com/fr/politique-de-confidentialite/">Politique de confidentialité</a> -
</div><div class="copyright-content" data-content-type="text" data-appearance="default" data-element="main"><p id="CGOG1XI">Tous droits réservés L’Atelier d’Amaya</p></div></div></div></div><style type="text/css"></style>
</div>
</div>
</div></footer>
<script>
function dataServicesShoppingCartContextData() {
return {
initContext(cartData) {
let contextCartItems = [];
if (cartData && cartData.items) {
cartData.items.forEach(function (item) {
contextCartItems.push({
id: item.item_id,
formattedPrice: parseFloat(item.product_price_value ? item.product_price_value : 0),
quantity: item.qty,
product: {
productType: item.product_type,
productId: item.product_id,
name: item.product_name,
sku: item.product_sku,
mainImageUrl: item.product_image.src
},
prices: {
price: {
value: parseFloat(item.product_price_value ? item.product_price_value : 0)
}
}
});
});
magentoStorefrontEvents.context.setShoppingCart({
id: cartData.dsCartId,
totalQuantity: cartData.summary_count,
prices: {
subtotalExcludingTax: {
value: parseFloat(cartData.subtotalAmountExclTax ? cartData.subtotalAmountExclTax : 0)
},
subtotalIncludingTax: {
value: parseFloat(cartData.subtotalAmount ? cartData.subtotalAmount : 0)
}
},
items: contextCartItems,
possibleOnepageCheckout: cartData.possible_onepage_checkout,
giftMessageSelected : false,
giftWrappingSelected : false
});
}
window.dispatchEvent(new Event("shoppingCartContextSet"));
}
}
}
</script>
<div x-data="dataServicesShoppingCartContextData()"
@private-content-loaded.window="initContext($event.detail.data.cart)"></div>
<script defer>
'use strict';
const wisepopsIdentity = 'site=JG9BnTe39a';
const wisepopsCustomPropertiesEnable = 1;
const fullOrderValue = 0;
hyva.setCookie('mage-cache-sessid', '', -1, true);
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
function addWisePopsCustomProperties(event) {
const { customer, cart } = event.detail.data;
if (wisepopsCustomPropertiesEnable !== undefined) {
if (wisepopsCustomPropertiesEnable === 1) {
wisepops('properties', {
magentoLoggedIn: (customer.fullname !== undefined) ? 1 : 0,
magentoItemsInCart: cart.summary_count,
magentoCartValue: (cart.subtotalAmount !== null) ? cart.subtotalAmount : 0
});
}
}
}
if (!window.wisepops) {
const url = `//loader.wisepops.com/get-loader.js?v=1&${wisepopsIdentity}`;
(function (W, i, s, e, P, o, p) {
W['WisePopsObject'] = P;
W[P] = W[P] || function () {
(W[P].q = W[P].q || []).push(arguments)
}, W[P].l = 1 * new Date();
o = i.createElement(s),
p = i.getElementsByTagName(s)[0];
o.async = 1;
o.src = e;
p.parentNode.insertBefore(o, p)
})(window, document, 'script', url, 'wisepops');
window.addEventListener("private-content-loaded", addWisePopsCustomProperties);
if (fullOrderValue !== undefined && fullOrderValue !== 0) {
wisepops("goal", "magento-order", fullOrderValue);
}
}
</script>
<script type="text/javascript" async>
var w = document.createElement("script");
w.type = "text/javascript";
w.src = "//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js";
w.async = true;
document.head.appendChild(w);
</script>
<script type="text/javascript">
(function(w,d,s,r,n){w.TrustpilotObject=n;w[n]=w[n]||function(){(w[n].q=w[n].q||[]).push(arguments)};
a=d.createElement(s);a.async=1;a.src=r;a.type='text/java'+s;f=d.getElementsByTagName(s)[0];
f.parentNode.insertBefore(a,f)})(window,document,'script', 'https://invitejs.trustpilot.com/tp.min.js', 'tp');
tp('register','XsPMDUTXoT9sKpdU');
</script>
<script type="text/javascript">
function inIframe () {
try {
return window.self !== window.top;
} catch (e) {
return false;
}
}
function tryParseJson(str) {
if (typeof str === 'string') {
try {
return JSON.parse(str);
} catch (e) {
return false;
}
}
return false;
}
if (inIframe()) {
window.addEventListener('message', function(e) {
var adminOrign = new URL(window.location).hostname;
var eventOriginHostname = new URL(e.origin).hostname;
if (!e.data || adminOrign !== eventOriginHostname) {
return;
}
if (typeof TrustpilotPreview !== 'undefined') {
if (typeof e.data === 'string' && e.data === 'submit') {
TrustpilotPreview.sendTrustboxes();
} else {
jsonData = tryParseJson(e.data);
if (jsonData.trustbox) {
TrustpilotPreview.setSettings(jsonData.trustbox);
} else if (jsonData.customised) {
TrustpilotPreview.updateActive(jsonData.customised);
}
}
} else {
var settings = tryParseJson(e.data);
if (settings) {
var p = document.createElement("script");
p.type = "text/javascript";
p.onload = function () {
const iFrame = e.source.parent.document.getElementById('configuration_iframe').contentWindow;
TrustpilotPreview.init(['//ecommplugins-scripts.trustpilot.com/v2.1/css/preview.min.css'], settings, iFrame, e.source);
};
p.src = '//ecommplugins-scripts.trustpilot.com/v2.1/js/preview.min.js';
document.head.appendChild(p);
}
}
});
}
</script><script type="text/javascript" async>
const trustpilot_trustbox_settings = {"trustboxes":[{"enabled":"enabled","snippet":"PGRpdiBjbGFzcz0idHJ1c3RwaWxvdC13aWRnZXQiIGRhdGEtbG9jYWxlPSJmci1GUiIgZGF0YS10ZW1wbGF0ZS1pZD0iNTQwNmU2NWRiMGQwNGEwOWUwNDJkNWZjIiBkYXRhLWJ1c2luZXNzdW5pdC1pZD0iNWZjNDBmYzdjZTMxYmIwMDAxNzc3M2Y5IiBkYXRhLXN0eWxlLWhlaWdodD0iMjhweCIgZGF0YS1zdHlsZS13aWR0aD0iMTAwJSIgZGF0YS10aGVtZT0ibGlnaHQiIGRhdGEtZm9udC1mYW1pbHk9IlBvcHBpbnMiIHBhZGRpbmd5PSIxNSIgemluZGV4PSItMTAiIGRhdGEtdGV4dC1jb2xvcj0iIzA3MUQ0OSI+CiAgPGEgaHJlZj0iaHR0cHM6Ly93d3cudHJ1c3RwaWxvdC5jb20vcmV2aWV3L3d3dy5hdGVsaWVyLWFtYXlhLmNvbSIgdGFyZ2V0PSJfYmxhbmsiIHJlbD0ibm9vcGVuZXIiPlRydXN0cGlsb3Q8L2E+CjwvZGl2Pg==","customizations":"eyJ3aWR0aCI6eyJhdHRyaWJ1dGVOYW1lIjoiZGF0YS1zdHlsZS13aWR0aCJ9LCJoZWlnaHQiOnsiYXR0cmlidXRlTmFtZSI6ImRhdGEtc3R5bGUtaGVpZ2h0In0sInN0YXJzIjpmYWxzZSwidGhlbWUiOnsiYXR0cmlidXRlTmFtZSI6ImRhdGEtdGhlbWUiLCJvcHRpb25zIjpbImxpZ2h0IiwiZGFyayJdfSwibG9jYWxlcyI6eyJhdHRyaWJ1dGVOYW1lIjoiZGF0YS1sb2NhbGUiLCJvcHRpb25zIjpbImRhLURLIiwiZGUtQVQiLCJkZS1DSCIsImRlLURFIiwiZW4tQVUiLCJlbi1DQSIsImVuLUdCIiwiZW4tSUUiLCJlbi1OWiIsImVuLVVTIiwiZXMtRVMiLCJmaS1GSSIsImZyLUJFIiwiZnItRlIiLCJpdC1JVCIsImphLUpQIiwibmItTk8iLCJubC1CRSIsIm5sLU5MIiwicGwtUEwiLCJwdC1CUiIsInB0LVBUIiwicnUtUlUiLCJzdi1TRSIsInpoLUNOIl19LCJ0YWdzIjpmYWxzZSwicHJvZHVjdE5hbWUiOmZhbHNlLCJza3UiOmZhbHNlLCJyaWNoU25pcHBldHMiOmZhbHNlLCJyZXZpZXdMYW5ndWFnZXMiOmZhbHNlLCJ0ZXh0Q29sb3IiOnsiYXR0cmlidXRlTmFtZSI6ImRhdGEtdGV4dC1jb2xvciJ9LCJmb250RmFtaWx5Ijp7ImF0dHJpYnV0ZU5hbWUiOiJkYXRhLWZvbnQtZmFtaWx5Iiwib3B0aW9ucyI6WyJSb2JvdG8iLCJPcGVuIFNhbnMiLCJOb3RvIFNhbnMgSlAiLCJMYXRvIiwiTW9udHNlcnJhdCIsIlJvYm90byBDb25kZW5zZWQiLCJTb3VyY2UgU2FucyBQcm8iLCJSYWxld2F5IiwiUG9wcGlucyIsIk5vdG8gU2FucyIsIlJvYm90byBTbGFiIiwiTWVycml3ZWF0aGVyIiwiUFQgU2FucyIsIlBsYXlmYWlyIERpc3BsYXkiLCJVYnVudHUiLCJNdWt0YSIsIk11bGkiLCJQVCBTZXJpZiIsIkxvcmEiLCJOdW5pdG8iLCJXb3JrIFNhbnMiLCJSdWJpayIsIkZpcmEgU2FucyIsIlRpdGlsbGl1bSBXZWIiLCJOb3RvIFNhbnMgVEMiLCJOb3RvIFNlcmlmIiwiTm90byBTYW5zIEtSIiwiTmFudW0gR290aGljIiwiUXVpY2tzYW5kIiwiSGluZCBTaWxpZ3VyaSIsIk51bml0byBTYW5zIiwiSGVlYm8iLCJBcmltbyIsIk94eWdlbiIsIkRvc2lzIiwiQmFybG93IiwiS2FybGEiLCJTbGFibyAyN3B4IiwiTGlicmUgQmFza2VydmlsbGUiLCJJbmNvbnNvbGF0YSIsIkxpYnJlIEZyYW5rbGluIiwiQ3JpbXNvbiBUZXh0IiwiSm9zZWZpbiBTYW5zIl19LCJzdGFyQ29sb3IiOmZhbHNlLCJib3JkZXJDb2xvciI6ZmFsc2UsImxpbmtDb2xvciI6ZmFsc2UsInF1b3RlQ29sb3IiOmZhbHNlLCJidXR0b25Db2xvciI6ZmFsc2UsIm5vUmV2aWV3cyI6ZmFsc2UsInNjcm9sbFRvTGlzdCI6ZmFsc2UsImFsbG93Um9ib3RzIjpmYWxzZSwibWluUmV2aWV3Q291bnQiOmZhbHNlLCJpbXBvcnRlZFJldmlld3MiOmZhbHNlLCJ3aXRob3V0UmV2aWV3c1ByZWZlcnJlZFN0cmluZ0lkIjpmYWxzZX0=","defaults":"eyJ3aWR0aCI6IjEwMCUiLCJoZWlnaHQiOiIyOHB4IiwidGV4dENvbG9yIjp7ImxpZ2h0IjoiIzE5MTkxOSIsImRhcmsiOiIjZmZmZmZmIn0sImZvbnRGYW1pbHkiOiJcIlNlZ29lIFVJXCIsXCJIZWx2ZXRpY2EgTmV1ZVwiLFwiSGVsdmV0aWNhXCIsXCJBcmlhbFwiLFwic2Fucy1zZXJpZlwiIn0=","page":"landing","position":"before","corner":"top: #{Y}px; left: #{X}px;","paddingx":"0","paddingy":"15","zindex":"-10","clear":"both","xpaths":"WyIvL0JPRFkvRElWWzFdL0RJVlsxXS9ESVZbM10iLCIvL0RJVltAY2xhc3M9XCJwdC0xMiBwYi0xNCBiZy1jb250YWluZXIgbGc6cHktMjggZm9vdGVyLW5ld3NsZXR0ZXJcIl0iLCIvSFRNTFsxXS9CT0RZWzFdL0RJVlsxXS9ESVZbMV0vRElWWzNdIl0=","sku":"2000000000510,TRUSTPILOT_SKU_VALUE_5","name":"Gift card","widgetName":"Horizontal","repeatable":false,"uuid":"625cf187-e3f4-0012-8be3-ff1e4ccd0c33","error":null,"repeatXpath":{"xpathById":{"prefix":"","suffix":""},"xpathFromRoot":{"prefix":"","suffix":""}},"width":"100%","height":"28px","locale":"fr-FR","textColor":"#071D49","fontFamily":"Poppins"}],"activeTrustbox":0,"pageUrls":{"landing":"https:\/\/mcprod.atelier-amaya.com\/fr\/?___store=fr","category":"https:\/\/mcprod.atelier-amaya.com\/bijoux\/bracelets\/bracelets-argent-925?___store=fr","product":"https:\/\/mcprod.atelier-amaya.com\/fr\/catalog\/product\/view\/id\/5\/?___store=fr"}};
if (trustpilot_trustbox_settings) {
document.addEventListener('DOMContentLoaded', function() {
tp('trustBox', trustpilot_trustbox_settings);
});
}
</script>
<script>
(function () {
"use strict";
const DIRECTIVE = "intersect";
const X_ATTR_RE = /^x-([a-z-]*)\b/i;
function parseHtmlAttribute(reference) {
const name = reference.name;
const value = reference.value;
const typeMatch = name.match(X_ATTR_RE);
const valueMatch = name.match(/:([a-zA-Z0-9\-:]+)/);
const modifiers = name.match(/\.[^.\]]+(?=[^\]]*$)/g) || [];
return {
type: typeMatch ? typeMatch[1] : null,
value: valueMatch ? valueMatch[1] : null,
modifiers: modifiers.map((i) => i.replace(".", "")),
expression: value,
};
}
function getXDirectives(el) {
return Array.from(el.attributes)
.filter(function (attr) {
return X_ATTR_RE.test(attr.name);
})
.map(parseHtmlAttribute);
}
if (window.Alpine) {
console.error("Intersect plugin must be included before AlpineJs, x-intersect will not work.");
}
const getThreshhold = (modifiers) => {
if (modifiers.includes("full")) return 0.8;
if (modifiers.includes("half")) return 0.5;
return 0;
};
const 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 !== undefined);
return values.length ? values.join(' ').trim() : fallback;
};
const getLengthValue = (rawValue) => {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
return match ? match[1] + (match[2] || 'px') : undefined;
}
const AlpineIntersectionDirective = {
start: function start() {
Alpine.onBeforeComponentInitialized(function (component) {
const legacyResolveBoundAttributes = component.resolveBoundAttributes;
component.resolveBoundAttributes = function (el, initialUpdate, extraVars) {
if (initialUpdate === void 0) {
initialUpdate = false;
}
if (initialUpdate) {
const attrs = getXDirectives(el);
attrs.forEach(function (reference) {
const type = reference.type;
const expression = reference.expression;
const value = reference.value;
const modifiers = reference.modifiers;
if (type === DIRECTIVE) {
const options = {
threshold: getThreshhold(modifiers),
rootMargin: getRootMargin(modifiers)
};
if ("IntersectionObserver" in window) {
const observer = new IntersectionObserver((elements) => {
elements.forEach((element) => {
if (
(!element.isIntersecting && value === "enter") ||
(element.isIntersecting && value === "leave") ||
(!element.isIntersecting && !value)
)
return;
component.evaluateReturnExpression(el, expression, extraVars);
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
} else {
component.evaluateReturnExpression(el, expression, extraVars);
}
}
});
}
return legacyResolveBoundAttributes.bind(component)(el, initialUpdate, extraVars);
};
});
},
};
const initAlpine = window.deferLoadingAlpine || ((callback) => callback());
window.deferLoadingAlpine = (callback) => {
AlpineIntersectionDirective.start();
initAlpine(callback);
};
})();
</script>
<script>
// x-teleport implementation
(_ => {
document.addEventListener('DOMContentLoaded', event => {
// x-teleport available only for template
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://atelier-amaya.com/static/version1780384239/frontend/Amamag/default/fr_FR/Hyva_Theme/js/alpine.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);
// empty `mage-messages` cookie
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
window.addEventListener('load', 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;
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) {
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 {
dispatchPrivateContent({});
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
window.addEventListener('load', 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();
// merge new data preserving non-invalidated sections
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);
// don't persist messages, they've been dispatched already
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);
// We don't need the section_data_ids in Hyvä, but we store them for compatibility
// with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
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>
function initWishlist() {
return {
addToWishlist(productId) {
const formKey = hyva.getFormKey();
fetch(BASE_URL + "wishlist/index/add/", {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href),
"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 add item to wishlist."
}], 5000
);
}
}).then(function (response) {
if (!response) { return }
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: (response.success) ? "success" : "error",
text: (response.success)
? "Produit a été ajouté à votre liste d'achats."
: 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>
<script>
function initSwatchOptions(swatchConfig) {
return {
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
getAllAttributeOptions(attributeId) {
return (
this.optionConfig.attributes[attributeId] &&
this.optionConfig.attributes[attributeId].options
) || []
},
optionIsActive(attributeId, optionId) {
// return true if a product with this option is in stock
return !!this.getAllowedAttributeOptions(attributeId).find(
option => option.id === optionId
)
},
optionIsEnabled(attributeId, optionId) {
// return true if a product with this option is enabled
for (const productId in this.optionConfig.index) {
if (this.optionConfig.index[productId][attributeId] === optionId) {
return true;
}
}
return false;
},
mapSwatchTypeNumberToTypeCode(typeNumber) {
switch ("" + typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
getTypeOfFirstOption(attributeId) {
for (const optionId in this.swatchConfig[attributeId]) {
const option = this.swatchConfig[attributeId][optionId];
if (typeof option.type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(option.type);
}
}
},
getVisualSwatchType(attributeId, targetOptionId) {
// If a type configuration is present for the given option id, use it
const config = this.swatchConfig[attributeId];
if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
}
// Otherwise - if no config is present for the target option - use the type of the first option
// with a type property from the attribute, thus assuming its the same type as the target option.
// (This edge case condition can occur on single swatch products if some options are not salable)
return this.getTypeOfFirstOption(attributeId);
},
getSwatchType(attributeId, optionId) {
// Deserialize the attribute details the first time they are used
if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
}
const type = this.swatchConfig[attributeId] &&
this.swatchConfig[attributeId].details &&
this.swatchConfig[attributeId].details.swatch_input_type ||
"empty";
return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
},
isTextSwatch(attributeId, optionId) {
return this.getSwatchType(attributeId, optionId) === 'text';
},
isVisualSwatch(attributeId, optionId) {
const type = this.getSwatchType(attributeId, optionId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
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, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
},
getOptionLabelFromOptionConfig(attributeId, optionId) {
// Fallback if no value is present in swatchConfig data
// Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
return option && option[0] && option[0].label ||'';
},
getSwatchConfig(attributeId, optionId) {
return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
? this.swatchConfig[attributeId][optionId]
: false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
isTooltipVisible() {
return this.activeTooltipItem &&
this.getSwatchConfig(
this.activeTooltipItem.attribute,
this.activeTooltipItem.item
);
},
getTooltipImageStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
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;` : ''
},
getTooltipLabel() {
return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
},
focusedLabel: false,
focusLabel(optionId) {
this.focusedLabel = optionId;
},
blurLabel() {
this.focusedLabel = false;
},
showSwatches: false,
initShowSwatchesIntersect() {
if ('IntersectionObserver' in window && !window.scrollY) {
const io = new IntersectionObserver(
entries => {
entries.map(entry => {
if (entry.isIntersecting) {
this.showSwatches = true;
io.unobserve(this.$el);
}
})
}
);
io.observe(this.$el);
} else {
this.showSwatches = true
}
}
}
}
</script>
<script>
function initConfigurableOptions(productId, optionConfig) {
function findPathParam(key) {
const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL;
const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
for (let i = 0; i < pathParts.length; i += 2) {
if (pathParts[i] === key && pathParts.length > i) {
return pathParts[i + 1];
}
}
}
return {
optionConfig,
productId,
itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
allowedAttributeOptions: [],
selectedValues: [],
optionsMapping: [],
init() {
const productAttributes = this.optionConfig.attributes;
this.findAllowedAttributeOptions();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(optionId, value + '');
}
}
});
Object.keys(productAttributes).map(id => {
this.optionsMapping[id] = {
key: this.convertToSlug(productAttributes[id].label),
options: []
};
productAttributes[id].options.map(option => {
this.optionsMapping[id].options[option.id] = this.convertToSlug(option.label);
})
});
},
findSimpleIndex() {
const productIndexes = this.optionConfig.index;
this.productIndex = Object.keys(productIndexes).find(productIndex => {
const currentProductIndex = productIndexes[productIndex];
for (const productOption in currentProductIndex) {
if (
this.selectedValues[productOption] &&
this.selectedValues[productOption] !== currentProductIndex[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
const allAttributes = this.optionConfig.attributes;
const allAttributesSorted = Object.values(allAttributes).sort((a, b) => {
return a.position - b.position
});
const productIndexes = this.optionConfig.index;
let previousOption = false;
let availableIndexes = Object.keys(productIndexes);
const 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 => {
const salables = this.optionConfig.salable[attribute.id];
const optionId = option.id;
return !!option.products.find(product => {
return availableIndexes.includes(product) && salables[optionId] !== undefined;
})
});
previousOption = attribute.id;
});
this.allowedAttributeOptions = newAllowedAttributeOptions;
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
updateQueryParams(optionId, value) {
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')),
attribute = this.optionsMapping[optionId],
attributeKey = attribute.key,
attributeValue = attribute.options[value];
if (urlQueryParams.has(attributeKey)) {
urlQueryParams.set(attributeKey, attributeValue)
} else {
urlQueryParams.append(attributeKey, attributeValue)
}
urlQueryParams.sort();
history.replaceState(null, null, "?" + urlQueryParams.toString());
},
changeOption(optionId, value) {
this.updateQueryParams(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
}
}
)
);
},
calculateIsMinimalPrice() {
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updatePrices() {
const 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() {
const 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();
this.preselectQuerystringByLabelItems();
},
preselectCartItems(data) {
const cart = data && data.cart;
if (cart && cart.items) {
const 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));
});
},
preselectQuerystringByLabelItems() {
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.keys(this.optionsMapping).map(id => {
const attribute = this.optionsMapping[id],
optionKey = attribute.key,
value = urlQueryParams.get(optionKey),
valueId = Object.entries(attribute.options).filter(([key, optionValue]) => {
return optionValue === value
})[0];
optionKey && valueId && this.changeOption(id, valueId[0]);
});
},
convertToSlug(text) {
return text
.toLowerCase()
.replace(/ /g, '-')
.replace(/[^\w-]+/g, '');
}
}
}
</script>
<script defer>
'use strict';
(() => {
const equalizeButtonWidths = (buttons) => {
const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]');
let buttonMinWidth = 0;
buttonList.forEach(button => {
const buttonWidth = button.offsetWidth;
if (buttonWidth > buttonMinWidth) {
buttonMinWidth = buttonWidth;
}
});
buttonList.forEach(button => {
button.style.minWidth = `${buttonMinWidth}px`;
});
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => {
equalizeButtonWidths(buttons);
});
});
})();
</script>
<script defer>
'use strict';
(() => {
const applyShowOnHover = (element) => {
const showOverlayOnHover = (element) => {
const overlay = element.querySelector('.pagebuilder-overlay');
const color = overlay.dataset.overlayColor;
element.addEventListener('mouseover', () => {
overlay.style.backgroundColor = color;
});
element.addEventListener('mouseout', () => {
overlay.style.backgroundColor = 'transparent';
});
};
const showButtonOnHover = (element) => {
const button = element.querySelector('.pagebuilder-banner-button');
element.addEventListener('mouseover', () => {
button.style.opacity = '1';
button.style.visibility = 'visible';
});
element.addEventListener('mouseout', () => {
button.style.opacity = '0';
button.style.visibility = 'hidden';
});
};
if (element.dataset.showOverlay === 'hover') {
showOverlayOnHover(element);
}
if (element.dataset.showButton === 'hover') {
showButtonOnHover(element);
}
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
applyShowOnHover(element);
});
});
})();
</script>
<script defer>
'use strict';
(() => {
document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => {
tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`);
});
document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => {
const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0;
tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => {
const tabLink = tabHeader.querySelector('a');
const tabId = tabLink.getAttribute('href').replace('#', '');
tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`);
tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`);
if (index === defaultActiveTab) {
tab.setAttribute('x-data', `{ tab: '${tabId}' }`);
}
});
});
})();
</script>
<script defer>
'use strict';
(() => {
const loadScript = () => {
const slideshows = document.querySelectorAll(`[data-content-type*="products"]`);
if (slideshows.length > 0) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.addEventListener('load', () => {
slideshows.forEach(slideshow => {
initSlideshow(slideshow);
});
});
script.src = 'https\u003A\u002F\u002Fatelier\u002Damaya.com\u002Fstatic\u002Fversion1780384239\u002Ffrontend\u002FAmamag\u002Fdefault\u002Ffr_FR\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js';
document.head.appendChild(script);
}
};
const moveDeferredProductsContent = (slideshow, target) => {
const products = slideshow.querySelectorAll('.product-item');
products.forEach(product => {
product.classList.remove('opacity-0');
target.appendChild(product);
});
};
const initSlideshow = (slideshow) => {
const gliderElement = slideshow.querySelector('[data-role="glider-content"]');
const gliderContext = slideshow.closest('.related-products, [data-content-type="row"], .promo-items');
const isDeferredProducts = slideshow.getAttribute('data-content-type') === "deferred-products";
const isInitialized = slideshow.classList.contains('glider-is-initialized');
const hasNavigation = gliderContext.querySelector('.carousel-nav') !== null;
if (!Glider || isInitialized) {
return;
}
if (isDeferredProducts) {
moveDeferredProductsContent(slideshow, gliderElement);
}
if (!hasNavigation) {
gliderElement.insertAdjacentHTML(
'afterend',
'\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Pr\u00E9c\u00E9dent\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022hidden\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020glider\u002Dprev\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022w\u002D8\u0020h\u002D8\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M14\u00208L10\u002012L14\u002016\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dwidth\u003D\u00221\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022flex\u0020flex\u002Dwrap\u0020justify\u002Dcenter\u0020p\u002D0\u0020mx\u002D1\u0020select\u002Dnone\u0020glider\u002Ddots\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022Suivant\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022hidden\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020glider\u002Dnext\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022w\u002D8\u0020h\u002D8\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M10\u00208L14\u002012L10\u002016\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dwidth\u003D\u00221\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
);
}
const gliderDots = gliderContext.querySelector('.glider-dots');
const gliderPrev = gliderContext.querySelector('.glider-prev');
const gliderNext = gliderContext.querySelector('.glider-next');
new Glider(gliderElement, {
slidesToShow: 1.5,
slidesToScroll: 1,
scrollLock: true,
draggable: true,
dragVelocity: 2.5,
dots: gliderDots,
arrows: {
prev: gliderPrev,
next: gliderNext,
},
responsive: [
{
breakpoint: 300,
settings: {
slidesToShow: 2,
slidesToScroll: 2.2
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
}
]
});
slideshow.classList.remove('overflow-x-scroll');
gliderPrev.classList.remove('hidden');
gliderNext.classList.remove('hidden');
slideshow.classList.add('glider-is-initialized');
};
window.addEventListener('DOMContentLoaded', loadScript);
window.addEventListener('deferred-products-is-initialized', loadScript);
window.addEventListener('update-products-slideshow', loadScript);
})();
</script>
<script>
window.addEventListener('load', function () {
magentoStorefrontEvents.context.setPage({
pageType: "CMS"
});
magentoStorefrontEvents.context.setContext("pageExtended", {
action: "view"
});
});
</script>
<div x-data="dataServicesAddToCartTracking()"
@private-content-loaded.window="checkIfProductIsAddedToBasket($event.detail.data)"></div>
<script>
function adobeProductRecsDataFetcher() {
"use strict";
return {
pagePreconfiguredDeferred: {},
productBanners: '',
fetchData: function () {
let self = this;
let storefrontEvents = window.magentoStorefrontEvents;
storefrontEvents.context.setContext("recsContext", {
alternateEnvironmentId: ""
});
this.pagePreconfiguredDeferred = new Promise((resolve, reject) => {
self.pagePreconfiguredDeferred.resolve = resolve;
self.pagePreconfiguredDeferred.reject = reject;
})
document.addEventListener("recsRequestSent", (function () {
storefrontEvents.publish.recsRequestSent();
}));
window.addEventListener("recsResponseReceived", (function (n) {
let rec = storefrontEvents.context.getRecommendations();
rec = n.detail, storefrontEvents.context.setRecommendations({
units: rec
});
storefrontEvents.publish.recsResponseReceived();
}));
this.fetchRecommendationsData();
},
fetchRecommendationsData: function () {
let client;
let promise = new Promise(function(resolve, reject) {
let interval = setInterval(() => {
client = new RecommendationsClient();
if(client._environmentId !== "") {
clearInterval(interval);
resolve();
}
}, 300);
})
.then(() => {
document.dispatchEvent(new Event("recsRequestSent"));
client.fetchPreconfigured().then(response => {
const units = response.data.results;
const filteredUnits = units.filter(unit => unit.products.length);
const responseEvent = new CustomEvent("recsResponseReceived", {
detail: filteredUnits,
});
window.dispatchEvent(responseEvent);
});
});
}
}
}
</script>
<div x-data="adobeProductRecsDataFetcher()" x-init="fetchData()"></div>
<script>
window.addEventListener('productAddToCart', function(event) {
const browserStorage = hyva.getBrowserStorage();
const product = JSON.parse(browserStorage.getItem('dataservices_product_context'));
let shoppingCart = magentoStorefrontEvents.context.getShoppingCart();
let changedProducts = event.detail;
magentoStorefrontEvents.context.setProduct(product);
if (changedProducts.length > 0) {
magentoStorefrontEvents.context.setShoppingCart(shoppingCart);
magentoStorefrontEvents.context.setChangedProducts({
items: createCartItems(changedProducts),
});
magentoStorefrontEvents.publish.addToCart();
}
function getConfigurableOptions(item) {
return item.options.map((function(item) {
return {
id: item.option_id,
optionLabel: item.label,
valueId: parseInt(item.option_value),
valueLabel: item.value
}
}
))
}
function getCartItemPrice(cartItem) {
const productPrice = cartItem.product_price_value;
if (productPrice && productPrice.hasOwnProperty('excl_tax')) {
return Number(parseFloat(productPrice.excl_tax).toFixed(2));
} else {
return Number(parseFloat(productPrice).toFixed(2));
}
}
function createCartItems(productList) {
if (!Array.isArray(productList)) {
console.error('Expected an array for productList, received:', productList);
return [];
}
return productList.map((item) => ({
id: item.item_id,
formattedPrice: getCartItemPrice(item),
quantity: item.qty,
canApplyMsrp: item.canApplyMsrp,
configurableOptions: getConfigurableOptions(item),
product: {
productType: item.product_type,
productId: item.product_id,
name: item.product_name,
sku: item.product_sku,
topLevelSku: item.topLevelSku,
mainImageUrl: item.product_image.src,
},
prices: {
price: {
value: getCartItemPrice(item),
},
},
}));
}
});
function dataServicesAddToCartTracking() {
return {
checkIfProductIsAddedToBasket: function (data) {
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage || !data.cart) {
return;
}
let cartSummaryCount = data.cart.summary_count || 0;
let storageSummaryCount = parseInt(browserStorage.getItem('cart_summary_count'), 10) || 0;
browserStorage.setItem('cart_summary_count', cartSummaryCount);
browserStorage.setItem('dataservices_product_context', JSON.stringify(data.cart.dataservices_product_context));
let storedData = browserStorage.getItem("mage-cache-storage");
let browserStorageCartItems = storedData ? JSON.parse(storedData).cart && JSON.parse(storedData).cart.items : [];
let dataCartItems = data.cart.items || [];
if (cartSummaryCount > storageSummaryCount) {
const results = this.findChangedItems(browserStorageCartItems, dataCartItems);
window.dispatchEvent(new CustomEvent("productAddToCart", {
detail: results
}));
}
},
findChangedItems: function (oldItems, newItems) {
let changes = [];
newItems.forEach(newItem => {
const oldItem = oldItems.find(old => old.item_id === newItem.item_id);
if (!oldItem || oldItem.qty !== newItem.qty) {
changes.push(newItem);
}
});
return changes;
}
}
}
</script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/atelier-amaya.com\/fr\/","name":"L'Atelier d'Amaya","potentialAction":{"@type":"SearchAction","target":"https:\/\/atelier-amaya.com\/fr\/catalogsearch\/result\/?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/atelier-amaya.com\/fr\/","name":"L'Atelier d'Amaya","address":{"addressCountry":"France","postalCode":"33000","addressLocality":"Bordeaux","streetAddress":"353, bd du pr\u00e9sident wilson"}}</script></div> <script>
function _get(object, path, value) {
const pathArray = Array.isArray(path) ? path : path.split('.').filter(key => key)
const pathArrayFlat = pathArray.flatMap(part => typeof part === 'string' ? part.split('.') : part)
return pathArrayFlat.reduce((obj, key) => obj && obj[key], object) || value;
}
function whenDocumentReady(fn) {
if (document.readyState !== 'loading'){
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
const WeltPixelPersistentLayer = {
storageExpiryTime : 30, // specify in seconds;
locStorage : hyva.getBrowserStorage(),
init(options) {
this.storageExpiryTime = options.storageExpiryTime || this.storageExpiryTime;
const persistentObject = {
persist: {}
};
let pushToDatalayer = false;
const promoClickObj = this.getPromotionClick();
if (promoClickObj) {
persistentObject.persist.persist_promotion = {};
persistentObject.persist.persist_promotion.promotion = promoClickObj;
pushToDatalayer = true;
}
if (pushToDatalayer) {
window.dataLayer.push(persistentObject);
}
},
setItem(key, value) {
const storedValue = {
expiryTime: new Date(),
value: value
};
this.locStorage.setItem(key, storedValue);
},
getItem(key) {
const storedValue = this.locStorage.getItem(key);
if (!storedValue) {
return false;
}
if (this.isExpired(storedValue.expiryTime)) {
this.removeItem(key);
return false;
}
return storedValue.value;
},
removeItem(key) {
this.locStorage.removeItem(key);
},
isExpired(date) {
const currDate = new Date();
const startDate = new Date(date);
let difference = (currDate.getTime() - startDate.getTime()) / 1000;
difference /= 60;
difference = Math.abs(Math.round(difference));
return difference > this.storageExpiryTime;
},
setPromotionClick(promoClick) {
this.setItem('promo_click', promoClick);
},
getPromotionClick() {
return this.getItem('promo_click');
}
};
const WeltPixelGtm = {
promotionViews: [],
trackPromotion: function(options) {
if (!options.enabled) {
return;
}
whenDocumentReady(() => {
const wpPersDl = options.persDataLayer;
const promotionElements = document.querySelectorAll('[data-track-promo-id]');
promotionElements.forEach((element) => {
this.attachPromotionClickEventListener(element, wpPersDl);
this.addToPromotionViewDataLayer(element);
});
if (this.promotionViews.length) {
window.dataLayer.push({
'event': 'promotionView',
'ecommerce': {
'promoView': {
'promotions': this.promotionViews
}
}
});
}
});
},
addToPromotionViewDataLayer(element) {
const promoId = element.getAttribute('data-track-promo-id'),
promoName = element.getAttribute('data-track-promo-name'),
promoCreative = element.getAttribute('data-track-promo-creative'),
promoPosition = element.getAttribute('data-track-promo-position');
this.promotionViews.push({
'id': promoId,
'name': promoName,
'creative': promoCreative,
'position': promoPosition
});
},
attachPromotionClickEventListener(element, wpPersDl) {
element.addEventListener('click', (event) => {
const $this = event.target;
const promoId = $this.getAttribute('data-track-promo-id'),
promoName = $this.getAttribute('data-track-promo-name'),
promoCreative = $this.getAttribute('data-track-promo-creative'),
promoPosition = $this.getAttribute('data-track-promo-position');
const promoObj = {
'id': promoId,
'name': promoName,
'creative': promoCreative,
'position': promoPosition
};
window.dataLayer.push({
'event': 'promotionClick',
'ecommerce': {
'promoClick': {
'promotions': [promoObj]
}
}
});
wpPersDl.setPromotionClick(promoObj);
} , false);
}
};
window.addEventListener('private-content-loaded', (event) => {
hyva.setCookie('mage-cache-sessid', '', -1, true); // remove the cookie
const dataLayerData = JSON.parse(_get(event, 'detail.data.gtm.datalayer') || '[]');
dataLayerData.forEach((dataLayerItem) => {
window.dataLayer.push(dataLayerItem);
});
const wpPersDlOptions = {
'storageExpiryTime': 30 };
const wpGtmOptions = {
'enabled' : 1,
'persDataLayer' : WeltPixelPersistentLayer
};
WeltPixelPersistentLayer.init(wpPersDlOptions);
WeltPixelGtm.trackPromotion(wpGtmOptions);
});
</script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-623d01163dbb52574cb","applicationID":"1011935605,1063718393","transactionName":"NVBVZxYAVxZRBhBdVgwadlAQCFYLHwYJRxYLW1NWHE5QC1QAHA==","queueTime":0,"applicationTime":9816,"atts":"GRdCEV4aREkSBEYOQh9I","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>
