1 <!doctype html><html lang="he" dir="rtl"><head ><meta charset="utf-8"/>
1<script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.eu01.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"538778376",accountID:"7292270",trustKey:"7292270",xpid:"UwQOU1RUCBAEV1RRBwkPVVU=",licenseKey:"NRJS-a66cc5d80729582b363",applicationID:"435308831",browserID:"538778376"};;/*! For license information please see nr-loader-spa-1.323.0.min.js.LICENSE.txt */ 2(()=>{var e={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 a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});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 a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.323.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";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),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,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 a(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,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
2e.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,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[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 a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[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)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},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 o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},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])=>{a[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()[a[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,o,()=>new s.y(o)):new s.y(o)}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),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},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))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},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})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},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}},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{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},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}}))}},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}},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})},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})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
2const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}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}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
2if(t)return t;const r=new o(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=m((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().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.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 y(){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 b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(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})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
2o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={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,a.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:o.beacon,errorBeacon:o.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()}r.d(t,["NT",0,o])},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)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}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)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=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){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
2(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
2;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{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"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});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 a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"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)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},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)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},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)}},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("log",e,t)}start(){return this.#e("start")}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)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={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"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.323.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.323.0.PROD:";r.l=(n,i,s,a)=>
2{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-ORjtmy+nQMgxbu0os8+oTRa5sPzbinyuWSvpZrrstVLIaHofRRlfODdH+oUmkIgeQpM+vPf3vG/4RzvCsFVh1A==",249:"sha512-o7+K6xC0z3TqynjVxpd+jgiSgqy8rrPeRcUSqt5J0Rqg5Su5CycLMYfpwiM3WBCHiNDrG5aZoXJQ6HRc335XYQ==",212:"sha512-kRvBt1IYQDBnClTEWNaE8sDFqbXXM3Vdyf972Uf4MFbJxl7u3KmdO+jdB1H4achPEoT9YtNXHswaESey6sCH0A==",238:"sha512-U5EGmyYbFVR2UMNAuZJ7fTgVVtPa5b8RPMySDwXo7z3frRdkUJ2x1VAQTLQCeBab8VlGVGRV8FiSHIn/pwN72A=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.323.0.PROD"]=self["webpackChunk:NRBA-1.323.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},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,capture_payloads:c.mo.NONE},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,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},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:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
2ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target: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++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:w.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.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,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends M.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,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
2{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.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,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||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,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!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 se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
2null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.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:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
2dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...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 a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
2imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)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,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(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<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.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={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
2return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{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,a=(0,ye.ZF)(),o=(0,ye.el)(),c=Date.now();this.agentRef.runtime?.timeKeeper?.ready&&(s=Math.floor(this.agentRef.runtime.timeKeeper.correctAbsoluteTimestamp(c)));var d={spanId:a,traceId:o,timestamp:c,timestampCorrected:s};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,o),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,s??c,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,o,s??c,r,n,i)),d}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 g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}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,Ge.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 Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.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}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(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"};g.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};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,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){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(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){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
2!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(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 m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.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&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.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,Ge.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)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(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,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(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?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
2if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,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.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)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],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
2);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(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 Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.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 _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[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,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
2class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.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,_.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,St.delete(this),r.emit("ws",[this.nrData,this.targets],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}=xt(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 g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
2h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.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})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
2 3<meta name="title" content="ר××ר×× | ×× ×ת ××××× ××× ×××× - ×××¤× × ×× ×©×× Reserved"/> 4<meta name="description" content="×× ×ת ××××¤× × ×©× ×¨××ר×× - ×××¨× ××× ××¢××× ××× ×× ×©××. ש×××ת, ×'×× ×¡××, ××פ××, × ×¢×××× ××קסס×ר××. ××××× × ××× ×××× ×¢× ×ש××× ××× ××רץ."/> 5<meta name="keywords" content="ר××ר×× ×שר××, ר××ר××,ר×ר××, ר××ר×× ××× ××××, RESERVED ONLINE,RESERVED ×שר××"/> 6<meta name="robots" content="INDEX,FOLLOW"/> 7<meta name="viewport" content="width=device-width, initial-scale=1"/> 8<title>ר××ר×× | ×× ×ת ××××× ××× ×××× - ×××¤× × ×× ×©×× Reserved</title> 9<link rel="stylesheet" type="text/css" media="all" href="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/css/styles.css" />
10<script type="text/javascript" type="text/javascript" defer="defer" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/Signature_EdeaCartHyva/js/edea-cart-hyva.js"></script>
vendor: 1 bytes, line 10
10
11<script type="text/javascript" type="text/javascript" defer="defer" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/Signature_EdeaCartHyva/js/minicart-hyva.js"></script>
vendor: 1 bytes, line 11
11
12<script type="text/javascript" type="text/javascript" defer="defer" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/Signature_EdeaCartHyva/js/cart-actions-hyva.js"></script>
vendor: 1 bytes, line 12
12
13<script type="text/javascript" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/Smile_ElasticsuiteTracker/js/tracking.js"></script>
13 14<link rel="preload" as="font" crossorigin="anonymous" href="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/fonts/rubik-v21-latin_hebrew-regular.woff2" /> 15<link rel="preload" as="font" crossorigin="anonymous" href="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/fonts/rubik-v21-latin_hebrew-300.woff2" /> 16<link rel="preload" as="font" crossorigin="anonymous" href="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/fonts/rubik-v21-latin_hebrew-500.woff2" /> 17<link rel="preload" as="font" crossorigin="anonymous" href="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/fonts/rubik-v21-latin_hebrew-700.woff2" /> 18<link rel="icon" type="image/x-icon" href="https://reserved-il.com/media/favicon/stores/1/11346-129_REZERVED_32X32PX-01.png" /> 19<link rel="shortcut icon" type="image/x-icon" href="https://reserved-il.com/media/favicon/stores/1/11346-129_REZERVED_32X32PX-01.png" /> 20 21<!-- Start of Glassix Chat Widget -->
22<script> 23var widgetOptions = { 24 apiKey: "9459aa1f-d41a-44bf-8599-c2605886c4f2", 25 snippetId: "a85f91f04649d2e68726" 26}; 27 28(function(n){var u=function(){GlassixWidgetClient&&typeof GlassixWidgetClient=="function"?(window.widgetClient=new GlassixWidgetClient(n),widgetClient.attach(),window.glassixWidgetScriptLoaded&&window.glassixWidgetScriptLoaded()):f()},f=function(){r.onload=u;r.src="https://cdn.glassix.net/clients/widget.1.2.min.js";i.parentNode.removeChild(t);i.parentNode.insertBefore(r,i)},i=document.getElementsByTagName("script")[0],t=document.createElement("script"),r;(t.async=!0,t.type="text/javascript",t.crossorigin="anonymous",t.id="glassix-widget-script",r=t.cloneNode(),t.onload=u,t.src="https://cdn.glassix.com/clients/widget.1.2.min.js",!document.getElementById(t.id)&&document.body)&&(i.parentNode.insertBefore(t,i),t.onerror=f)})(widgetOptions) 29</script>
29 30<!-- End of Glassix Chat Widget --> 31 32<div id="cookie-consent-banner" class="cookie-consent-banner-reserved" role="dialog" aria-label="×××עת ש×××ש ××§×××¦× Cookies"> 33 <div class="cookie-consent-content-reserved"> 34 <p class="cookie-consent-text-reserved"> 35 ××תר ×× × ×¢×©× ×©×××ש ××¢××××ת (Cookies) ×צ××¨× ×©×פ×ר ××××ת ××××ש×, × ×ת×× ×ª× ××¢×ת ×שת×ש×× ××ת××ת ת××× ××ש×. 36 ××ס×רת ××, ×× × ×¢×©×××× ×שתף ××××¢ ×¢× ××ר×× ×¤×¨×¡×× ××צ×× ××× ××צ×ת ××××¢×ת ××ת×××ת. 37 ××××©×ª× ××תר ××××× ×ס××× ×ש×××ש ××. 38 ×××××¢ × ×סף × ××ª× ××¢××× × 39 <a href="https://reserved-il.com/privacy" target="_blank" rel="noopener noreferrer" class="privacy-policy-link-reserved">×××× ××ת ×פר×××ת</a>. 40 </p> 41 <button id="accept-cookies-btn" class="accept-cookies-btn-reserved" aria-label="××ש×ר ש×××ש ××§×××¦× Cookies">××שר/ת</button> 42 </div> 43</div> 44 45<style> 46.cookie-consent-banner-reserved { 47 position: fixed !important; 48 bottom: 0 !important; 49 left: 0 !important; 50 width: 100%; 51 background-color: #ffffff !important; 52 color: #000000 !important; 53 padding: 18px 30px; 54 z-index: 9999 !important; 55 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 56 box-shadow: 0 -2px 8px rgba(0,0,0,0.1) !important; 57 display: none; /* ××סתר ××ת××× */ 58 opacity: 0; /* שק××£ ××ת××× */ 59 transition: opacity 0.6s ease; 60 box-sizing: border-box; 61 border-top: 1px solid #e0e0e0; 62} 63 64.cookie-consent-banner-reserved.show { 65 display: block; 66 opacity: 1; /* fade-in */ 67} 68 69.cookie-consent-content-reserved { 70 display: flex;
71 align-items: center; 72 justify-content: space-between; 73 max-width: 1200px; 74 margin: 0 auto; 75} 76 77.cookie-consent-text-reserved { 78 margin: 0; 79 font-size: 13px; 80 line-height: 1.5; 81 padding-right: 20px; 82} 83 84.privacy-policy-link-reserved { 85 color: #000000 !important; 86 text-decoration: underline; 87 font-weight: 500; 88} 89 90.privacy-policy-link-reserved:hover { 91 opacity: 0.7; 92} 93 94.accept-cookies-btn-reserved { 95 background-color: #000000; 96 color: #ffffff; 97 border: none; 98 border-radius: 4px; 99 padding: 8px 16px; 100 cursor: pointer; 101 font-size: 13px; 102 font-weight: bold; 103 margin: 0; 104} 105 106.accept-cookies-btn-reserved:hover { 107 opacity: 0.8; 108} 109 110@media (max-width: 768px) { 111 .cookie-consent-banner-reserved { 112 padding: 15px 20px; 113 } 114 .cookie-consent-content-reserved { 115 flex-direction: column; 116 gap: 10px; 117 justify-content: center; 118 } 119 .cookie-consent-text-reserved { 120 text-align: center; 121 padding-right: 0; 122 font-size: 12px; 123 } 124 .accept-cookies-btn-reserved { 125 margin-top: 10px; 126 } 127} 128</style> 129
130<script> 131document.addEventListener('DOMContentLoaded', function() { 132 var banner = document.getElementById('cookie-consent-banner'); 133 var acceptBtn = document.getElementById('accept-cookies-btn'); 134 135 function setCookie(name, value, hours) { 136 var date = new Date(); 137 date.setTime(date.getTime() + (hours*60*60*1000)); 138 document.cookie = name + "=" + value + "; expires=" + date.toUTCString() + "; path=/"; 139 } 140 141 function getCookie(name) { 142 var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)')); 143 return match ? match[2] : null; 144 } 145 146 function acceptAndHideBanner() { 147 setCookie('cookiesAccepted', 'true', 24); // ת××§×£ 24 שע×ת 148 banner.style.opacity = '0'; 149 setTimeout(function() { 150 banner.style.display = 'none'; 151 }, 600); 152 } 153 154 if (!getCookie('cookiesAccepted')) { 155 banner.classList.add('show'); // ×פע×× fade-in 156 } 157 158 if (acceptBtn) { 159 acceptBtn.addEventListener('click', function() { 160 acceptAndHideBanner(); 161 }); 162 } 163}); 164</script>
164 165 166 167<!-- Selectika JS -->
168<script type="text/javascript"> 169 (function() { 170 var url = window.location.href.toLowerCase(); // normalize URL to lowercase 171 172 // Check if the current URL contains any of the excluded paths 173 var isExcluded = 174 url.indexOf('/checkout/') !== -1 || 175 url.indexOf('/edea/cart/') !== -1 || 176 url.indexOf('/edea/') !== -1 || 177 url.indexOf('cart') !== -1; // exclude any page containing "cart" 178 179 // Load Selectika script only if not in excluded pages 180 if (!isExcluded) { 181 var s = document.createElement('script'); 182 s.src = 'https://scripts.selectika.com/selectika-wc.js'; 183 s.defer = true; 184 s.async = true; 185 document.head.appendChild(s); 186 } 187 })(); 188</script>
188 189 190<style> 191.desktop-submenu-override .category-child-list a[href*="/end-of-sale/"] { 192 color: #E30613 !important; 193} 194 195.desktop-submenu-override .category-child-list a[href*="/end-of-sale/"]:hover { 196 color: #E30613 !important; 197} 198</style> 199
199<script> 200 window.getWpCookie = function(name) { 201 match = document.cookie.match(new RegExp(name + '=([^;]+)')); 202 if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ; 203 }; 204 205 window.dataLayer = window.dataLayer || []; 206 var wpCookies = ['wp_customerId','wp_customerGroup']; 207 wpCookies.map(function(cookieName) { 208 var cookieValue = window.getWpCookie(cookieName); 209 if (cookieValue) { 210 var dlObject = {}; 211 dlObject[cookieName.replace('wp_', '')] = cookieValue; 212 window.dataLayer.push(dlObject); 213 } 214 });</script>
214 215 <!-- Google Tag Manager -->
216<script>
vendor: 331 bytes, lines 216-220
216(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 217new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 218j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 219'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 220})(window,document,'script','dataLayer','
220GTM-TZ9D3TD
vendor: 3 bytes, line 220
220');
220</script>
220 221<!-- End Google Tag Manager -->
221<script> 222 var BASE_URL = 'https://reserved-il.com/'; 223 var THEME_PATH = 'https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL'; 224 var COOKIE_CONFIG = { 225 "expires": null, 226 "path": "\u002F", 227 "domain": ".reserved\u002Dil.com", 228 "secure": true, 229 "lifetime": "3600", 230 "cookie_restriction_enabled": false }; 231 var CURRENT_STORE_CODE = 'default'; 232 var CURRENT_WEBSITE_ID = '1'; 233 234 window.hyva = window.hyva || {} 235 236 window.cookie_consent_groups = window.cookie_consent_groups || {} 237 window.cookie_consent_groups['necessary'] = true; 238 239 window.cookie_consent_config = window.cookie_consent_config || {}; 240 window.cookie_consent_config['necessary'] = [].concat( 241 window.cookie_consent_config['necessary'] || [], 242 [ 243 'user_allowed_save_cookie', 244 'form_key', 245 'mage-messages', 246 'private_content_version', 247 'mage-cache-sessid', 248 'last_visited_store', 249 'section_data_ids' 250 ] 251 );</script>
251
251<script> 252 'use strict'; 253 (function( hyva, undefined ) { 254 255 function lifetimeToExpires(options, defaults) { 256 257 const lifetime = options.lifetime || defaults.lifetime; 258 259 if (lifetime) { 260 const date = new Date; 261 date.setTime(date.getTime() + lifetime * 1000); 262 return date; 263 } 264 265 return null; 266 } 267 268 function generateRandomString() { 269 270 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 271 length = 16; 272 273 let formKey = '', 274 charactersLength = allowedCharacters.length; 275 276 for (let i = 0; i < length; i++) { 277 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 278 } 279 280 return formKey; 281 } 282 283 const sessionCookieMarker = {noLifetime: true} 284 285 const cookieTempStorage = {}; 286 287 const internalCookie = { 288 get(name) { 289 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 290 return v ? v[2] : null; 291 }, 292 set(name, value, days, skipSetDomain) { 293 let expires, 294 path, 295 domain, 296 secure, 297 samesite; 298 299 const defaultCookieConfig = { 300 expires: null, 301 path: '/', 302 domain: null, 303 secure: false, 304 lifetime: null, 305 samesite: 'lax' 306 }; 307 308 const cookieConfig = window.COOKIE_CONFIG || {}; 309 310 expires = days && days !== sessionCookieMarker 311 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 312 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 313 314 path = cookieConfig.path || defaultCookieConfig.path; 315 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 316 secure = cookieConfig.secure || defaultCookieConfig.secure; 317 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 318 319 document.cookie = name + "=" + encodeURIComponent(value) + 320 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 321 (path ? '; path=' + path : '') + 322 (domain ? '; domain=' + domain : '') + 323 (secure ? '; secure' : '') + 324 (samesite ? '; samesite=' + samesite : 'lax'); 325 }, 326 isWebsiteAllowedToSaveCookie() { 327 const allowedCookies = this.get('user_allowed_save_cookie'); 328 if (allowedCookies) { 329 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 330 331 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 332 } 333 return false; 334 }, 335 getGroupByCookieName(name) { 336 const cookieConsentConfig = window.cookie_consent_config || {}; 337 let group = null; 338 for (let prop in cookieConsentConfig) { 339 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 340 if (cookieConsentConfig[prop].includes(name)) { 341 group = prop; 342 break; 343 } 344 } 345 return group; 346 }, 347 isCookieAllowed(name) { 348 const cookieGroup = this.getGroupByCookieName(name); 349 return cookieGroup 350 ? window.cookie_consent_groups[cookieGroup] 351 : this.isWebsiteAllowedToSaveCookie(); 352 }, 353 saveTempStorageCookies() { 354 for (const [name, data] of Object.entries(cookieTempStorage)) { 355 if (this.isCookieAllowed(name)) { 356 this.set(name, data['value'], data['days'], data['skipSetDomain']); 357 delete cookieTempStorage[name]; 358 } 359 } 360 } 361 }; 362 363 hyva.getCookie = (name) => { 364 const cookieConfig = window.COOKIE_CONFIG || {}; 365 366 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 367 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 368 } 369 370 return internalCookie.get(name); 371 } 372 373 hyva.setCookie = (name, value, days, skipSetDomain) => { 374 const cookieConfig = window.COOKIE_CONFIG || {}; 375 376 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 377 cookieTempStorage[name] = {value, days, skipSetDomain}; 378 return; 379 } 380 return internalCookie.set(name, value, days, skipSetDomain); 381 } 382 383 384 hyva.setSessionCookie = (name, value, skipSetDomain) => { 385 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 386 } 387 388 hyva.getBrowserStorage = () => { 389 const browserStorage = window.localStorage || window.sessionStorage; 390 if (!browserStorage) { 391 console.warn('Browser Storage is unavailable'); 392 return false;
393 } 394 try { 395 browserStorage.setItem('storage_test', '1'); 396 browserStorage.removeItem('storage_test'); 397 } catch (error) { 398 console.warn('Browser Storage is not accessible', error); 399 return false; 400 } 401 return browserStorage; 402 } 403 404 hyva.postForm = (postParams) => { 405 const form = document.createElement("form"); 406 407 let data = postParams.data; 408 409 if (! postParams.skipUenc && ! data.uenc) { 410 data.uenc = btoa(window.location.href); 411 } 412 form.method = "POST"; 413 form.action = postParams.action; 414 415 Object.keys(postParams.data).map(key => { 416 const field = document.createElement("input"); 417 field.type = 'hidden' 418 field.value = postParams.data[key]; 419 field.name = key; 420 form.appendChild(field); 421 }); 422 423 const form_key = document.createElement("input"); 424 form_key.type = 'hidden'; 425 form_key.value = hyva.getFormKey(); 426 form_key.name="form_key"; 427 form.appendChild(form_key); 428 429 document.body.appendChild(form); 430 431 form.submit(); 432 } 433 434 hyva.getFormKey = function () { 435 let formKey = hyva.getCookie('form_key'); 436 437 if (!formKey) { 438 formKey = generateRandomString(); 439 hyva.setCookie('form_key', formKey); 440 } 441 442 return formKey; 443 } 444 445 hyva.formatPrice = (value, showSign, options = {}) => { 446 const formatter = new Intl.NumberFormat( 447 'he\u002DIL', 448 Object.assign({ 449 style: 'currency', 450 currency: 'ILS', 451 signDisplay: showSign ? 'always' : 'auto' 452 }, options) 453 ); 454 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 455 formatter.formatToParts(value).map(({type, value}) => { 456 switch (type) { 457 case 'currency': 458 return '\u20AA' || value; 459 case 'minusSign': 460 return '- '; 461 case 'plusSign': 462 return '+ '; 463 default : 464 return value; 465 } 466 }).reduce((string, part) => string + part) : 467 formatter.format(value); 468 } 469 470 const formatStr = function (str, nStart) { 471 const args = Array.from(arguments).slice(2); 472 473 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 474 const idx = parseInt(n) - nStart; 475 476 if (args[idx] === null || args[idx] === void 0) { 477 return m; 478 } 479 return p.length % 2 480 ? p.slice(0, -1).replace('%%', '%') + args[idx] 481 : p.replace('%%', '%') + n; 482 }) 483 } 484 485 hyva.str = function (string) { 486 const args = Array.from(arguments); 487 args.splice(1, 0, 1); 488 489 return formatStr.apply(undefined, args); 490 } 491 492 hyva.strf = function () { 493 const args = Array.from(arguments); 494 args.splice(1, 0, 0); 495 496 return formatStr.apply(undefined, args); 497 } 498 499 /** 500 * Take a html string as `content` parameter and 501 * extract an element from the DOM to replace in 502 * the current page under the same selector, 503 * defined by `targetSelector` 504 */ 505 hyva.replaceDomElement = (targetSelector, content) => { 506 507 const parser = new DOMParser(); 508 const doc = parser.parseFromString(content, 'text/html'); 509 const contentNode = doc.querySelector(targetSelector); 510 511 512 if (!contentNode) { 513 return; 514 } 515 516 hyva.activateScripts(contentNode) 517 518
519 document.querySelector(targetSelector).replaceWith(contentNode); 520 521 522 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 523 hyva.initMessages(); 524 } 525 526 hyva.activateScripts = (contentNode) => { 527 528 529 530 const tmpScripts = contentNode.getElementsByTagName('script'); 531 532 if (tmpScripts.length > 0) { 533 534 535 const scripts = []; 536 for (let i = 0; i < tmpScripts.length; i++) { 537 scripts.push(tmpScripts[i]); 538 } 539 540 541 for (let i = 0; i < scripts.length; i++) { 542 let script = document.createElement('script'); 543 script.innerHTML = scripts[i].innerHTML; 544 545 document.head.appendChild(script); 546 547 548 scripts[i].parentNode.removeChild(scripts[i]); 549 } 550 } 551 return contentNode; 552 } 553 554 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 555 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 556 557 let currentTrap; 558 559 const focusableElements = (rootElement) => { 560 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 561 return Array.from(rootElement.querySelectorAll(selector)) 562 .filter(el => { 563 return el.style.display !== 'none' 564 && !el.disabled 565 && el.tabIndex !== -1 566 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 567 }) 568 } 569 570 const focusTrap = (e) => { 571 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 572 if (!isTabPressed) return; 573 574 const focusable = focusableElements(currentTrap) 575 const firstFocusableElement = focusable[0] 576 const lastFocusableElement = focusable[focusable.length - 1] 577 578 e.shiftKey 579 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 580 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 581 }; 582 583 hyva.releaseFocus = (rootElement) => { 584 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 585 currentTrap.removeEventListener('keydown', focusTrap) 586 currentTrap = null 587 } 588 } 589 hyva.trapFocus = (rootElement) => { 590 if (!rootElement) return; 591 hyva.releaseFocus() 592 currentTrap = rootElement 593 rootElement.addEventListener('keydown', focusTrap) 594 const firstElement = focusableElements(rootElement)[0] 595 firstElement && firstElement.focus() 596 } 597 598 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 599 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 600 601 }( window.hyva = window.hyva || {} ));</script>
601
601<script> 602 if (!window.IntersectionObserver) { 603 window.IntersectionObserver = function (callback) { 604 this.observe = el => el && callback(this.takeRecords()); 605 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 606 this.disconnect = () => {}; 607 this.unobserve = () => {}; 608 } 609 }</script>
609</head><body id="html-body" class="cms-home page-layout-1column cms-index-index page-layout-cms-full-width"> <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 609-610
609 610<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
610GTM-TZ9D3TD
vendor: 85 bytes, lines 610-611
610" 611height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
612<!-- End Google Tag Manager (noscript) --> <input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" />
612<script> 613 'use strict'; 614 (function(hyva) { 615 const formValidationRules = { 616 required(value, options, field, context) { 617 const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element, 618 msg = '\u05E9\u05D3\u05D4\u0020\u05D6\u05D4\u0020\u05D4\u05D5\u05D0\u0020\u05D7\u05D5\u05D1\u05D4.'; 619 620 if (el.type === 'radio' || el.type === 'checkbox') { 621 return (value === undefined || value.length === 0) ? msg : true; 622 } 623 624 el.setAttribute('required', ''); 625 el.checkValidity(); 626 627 return el.validity.valueMissing ? msg : true; 628 }, 629 maxlength(value, options, field, context) { 630 const n = Number(options) 631 if (value.length > n) { 632 return n === 1 633 ? hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.') 634 : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options) 635 } 636 return true; 637 }, 638 minlength(value, options, field, context) { 639 const n = Number(options) 640 if (value.length > 0 && value.length < n) { 641 return n === 1 642 ? hyva.strf('Please\u0020enter\u0020at\u0020least\u00201\u0020character.') 643 : hyva.strf('Please\u0020enter\u0020at\u0020least\u0020\u00250\u0020characters.', options) 644 } 645 return true; 646 }, 647 max(value, options, field, context) { 648 field.element.setAttribute('max', options); 649 field.element.checkValidity(); 650 if (field.element.validity.rangeOverflow) { 651 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 652 } 653 return true; 654 }, 655 min(value, options, field, context) { 656 field.element.setAttribute('min', options); 657 field.element.checkValidity(); 658 if (field.element.validity.rangeUnderflow) { 659 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 660 } 661 return true; 662 }, 663 step(value, options, field, context) { 664 field.element.setAttribute('step', options); 665 field.element.checkValidity(); 666 if (field.element.validity.stepMismatch) { 667 const val = Number(value); 668 const step = Number(options); 669 const msg = 'Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.'; 670 return hyva.strf(msg, Math.floor(val / step) * step, Math.ceil(val / step) * step); 671 } 672 return true; 673 }, 674 pattern(value, options, field, context) { 675 field.element.setAttribute('pattern', options); 676 field.element.checkValidity(); 677 if (field.element.validity.patternMismatch) { 678 return field.element.title 679 ? hyva.strf('Please\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00250.', field.element.title) 680 : 'Please\u0020match\u0020the\u0020requested\u0020format.' 681 } 682 return true; 683 }, 684 email(value, options, field, context) { 685 const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; 686 if (value.length > 0 && !rule.test(value)) { 687 return '\u05E0\u05D0\u0020\u05DC\u05D4\u05D6\u05D9\u05DF\u0020\u05DB\u05EA\u05D5\u05D1\u05EA\u0020\u05D0\u05D9\u05DE\u05D9\u05D9\u05DC\u0020\u05EA\u05E7\u05D9\u05E0\u05D4.'; 688 } 689 return true; 690 }, 691 password(value, options, field, context) { 692 const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/; 693 if (value.length > 0 && !rule.test(value)) { 694 return 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029'; 695 } 696 return true; 697 }, 698 equalTo(value, options, field, context) { 699 const dependencyField = context.fields[options].element; 700 if (value !== dependencyField.value) { 701 const dependencyFieldName = 702 dependencyField.label || 703 dependencyField.title || 704 (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) || 705 dependencyField.name; 706 return hyva.strf('This\u0020field\u0020value\u0020must\u0020be\u0020the\u0020same\u0020as\u0020\u0022\u00250\u0022.', dependencyFieldName); 707 } 708 return true; 709 } 710 }; 711 712 function raceSome(promises, pred) { 713 return new Promise((resolve, reject) => { 714 715 if (promises.length === 0) { 716 return resolve(); 717 } 718 719 let settled = false, nDone = 0; 720 721 const resolveIf = v => { 722 if (!settled && (pred(v) || ++nDone === promises.length)) { 723 settled = true; 724 resolve(v); 725 } 726 return v; 727 } 728 729 promises.map(promise => {
730 promise.then(resolveIf).catch(reason => { 731 settled = true; 732 reject(reason) 733 }); 734 return promise; 735 }); 736 }); 737 } 738 739 const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'} 740 const INPUT_TYPE_RULES = {email: 'email'} 741 742 function getRules(element) { 743 let rules = {}; 744 Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => { 745 if (element.hasAttribute(attrName)) { 746 rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName); 747 } 748 }) 749 if (INPUT_TYPE_RULES[element.type]) { 750 rules[INPUT_TYPE_RULES[element.type]] = true; 751 } 752 753 if (element.dataset.validate) { 754 try { 755 Object.assign(rules, JSON.parse(element.dataset.validate)); 756 } catch (error) { 757 console.error('Validator error. Cannot parse data-validate attribute of element:\n', element); 758 } 759 } 760 761 return rules; 762 } 763 764 function isInvalidRuleResult(ruleState) { 765 return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content); 766 } 767 768 async function runValidateFn(rule, options, value, field) { 769 return formValidationRules[rule](value, options, field, this); 770 } 771 772 function generateId() { 773 let id; 774 do { 775 id = `${this.idPrefix}-${++this.idSeq}`; 776 } while (document.getElementById(id)); 777 return id; 778 } 779 780 function isVisible(element) { 781 const el = element.type !== 'hidden' ? element : (element.parentElement || {}); 782 return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length) 783 } 784 785 function elementWillValidate(element) { 786 return (element.willValidate || element.type === 'hidden') 787 && element.tagName !== 'BUTTON' 788 && element.disabled === false 789 && !(element.tagName === 'INPUT' && element.type === 'submit') 790 && (element.hasAttribute('data-validate-hidden') || isVisible(element)) 791 } 792 793 function createMessageContainer(el, fieldWrapperClassName) { 794 if (! el.parentElement) { 795 return; 796 } 797 const refocus = document.activeElement === el; 798 const wrapper = document.createElement('div'); 799 wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' ')); 800 el.parentElement.insertBefore(wrapper, el); 801 wrapper.appendChild(el); 802 refocus && document.activeElement !== el && el.focus(); 803 return wrapper; 804 } 805 806 function containerNotFound(selector, el) { 807 const msg = `Cannot find message container element ${selector} of ${el.name}`; 808 console.error(msg, el); 809 throw msg; 810 } 811 812 function createTextInputFrom(el) { 813 const text = document.createElement('INPUT'); 814 text.type = 'text'; 815 text.value = el.value; 816 return text; 817 } 818 819 function classNamesToSelector(classNames) { 820 return classNames.split(' ') 821 .filter(className => className.length > 0) 822 .map(className => `.${className}`) 823 .join('') 824 } 825 826 function hasMessagesWrapper(field, messagesWrapperClassName) { 827 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 828 } 829 830 function getMessagesWrapper(field, messagesWrapperClassName) { 831 if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) { 832 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 833 } 834 835 const msgWrapper = document.createElement('ul'); 836 const msgId = generateId.call(this); 837 msgWrapper.id = msgId; 838 field.element.setAttribute('aria-errormessage', msgId); 839 field.element.setAttribute('aria-describedby', msgId); 840 msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' ')); 841 if (field.validateOnChange) { 842 msgWrapper.setAttribute('aria-live', 'polite'); 843 } 844 this.getMessageContainer(field).appendChild(msgWrapper); 845 846 return msgWrapper; 847 } 848 849 function getCheckedValues(field) { 850 const name = field.element.name.replace(/([\\"])/g, '\\$1'); 851 const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked'); 852 return Array.from(elements).map(el => el.value); 853 } 854 855 function escapeHtml(s) { 856 const div = document.createElement('div') 857 div.innerText = s; 858 return div.innerHTML; 859 } 860 861 function formValidation(formElement, options) { 862 863 if (formElement.tagName === 'FORM') { 864 formElement.setAttribute('novalidate', ''); 865 } else { 866 console.error('formValidation can be initialized only on FORM element', formElement); 867 return; 868 } 869 870 options = Object.assign({ 871 fieldWrapperClassName: 'field field-reserved', 872 messagesWrapperClassName: 'messages', 873 validClassName: 'field-success', 874 invalidClassName: 'field-error', 875 pageMessagesWrapperSelector: null, 876 scrollToFirstError: true, 877 }, options || {}); 878 879 return { 880 state: { 881 valid: false, 882 }, 883 fields: {}, 884 idSeq: 0, 885 idPrefix: formElement.id || 'vld-msg', 886 setupFields(elements) { 887 this.fields = {};
888 Array.from(elements).forEach(element => { 889 if (elementWillValidate(element)) { 890 this.setupField(element); 891 } 892 }); 893 }, 894 setupField(element) { 895 if (! element) return; 896 const onChange = !!element.dataset.onChange; 897 if (elementWillValidate(element)) { 898 const rules = getRules(element); 899 if (Object.keys(rules).length > 0) { 900 if (this.fields[element.name]) { 901 Object.assign(this.fields[element.name].rules, rules); 902 } else { 903 this.fields[element.name] = { 904 element, 905 rules: rules, 906 validateOnChange: onChange, 907 state: { 908 valid: null, 909 rules: {} 910 } 911 } 912 } 913 } 914 } else { 915 console.error('Element will not validate', element); 916 } 917 }, 918 onSubmit(event) { 919 if (event.target.tagName === 'FORM') { 920 event.preventDefault(); 921 922 this.validate() 923 .then(() => event.target.submit()) 924 .catch(invalidElements => {}); 925 } 926 }, 927 onChange(event) { 928 event.target.dataset.onChange = 'true'; 929 if (!Object.keys(this.fields).length) { 930 this.setupFields(formElement.elements); 931 } 932 if (!Object.keys(this.fields).includes(event.target.name)) { 933 this.setupField(event.target); 934 } 935 const field = this.fields[event.target.name]; 936 937 this.validateField(field); 938 field && field.element.removeAttribute('data-on-change') 939 }, 940 validateSafe() { 941 return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {})) 942 }, 943 validate() { 944 if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) { 945 this.setupFields(formElement.elements); 946 } 947 return new Promise(async (resolve, reject) => { 948 if (formElement.elements) { 949 await raceSome(this.validateFields(), result => result !== true) 950 const invalidFields = Object.values(this.fields).filter(field => !field.state.valid); 951 this.state.valid = invalidFields.length === 0; 952 if (this.state.valid) { 953 resolve(); 954 } else { 955 if (options.scrollToFirstError && invalidFields.length > 0) { 956 invalidFields[0].element.focus() 957 invalidFields[0].element.select && invalidFields[0].element.select(); 958 } 959 reject(invalidFields.map(field => field.element)); 960 } 961 } 962 }); 963 }, 964 validateFields() { 965 const fields = Object.values(this.fields); 966 967 fields.forEach(field => { 968 this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName) 969 }); 970 return fields.map(field => this.validateField(field)) 971 }, 972 validateField(field) { 973 if (! field || ! elementWillValidate(field.element)) { 974 return new Promise(resolve => resolve(true)) 975 } 976 977 let value; 978 if (field.element.type === 'checkbox') { 979 value = getCheckedValues(field); 980 } else if (field.element.type === 'radio') { 981 value = getCheckedValues(field)[0] || undefined; 982 } else if (field.element.tagName === 'SELECT' && field.element.multiple) { 983 value = Array.from(field.element.selectedOptions).map(opt => opt.value); 984 } else { 985 value = field.element.value; 986 } 987 988 const rules = field.rules || {}; 989 990 field.state.valid = true;
991 this.showFieldState(field); 992 993 const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => { 994 return runValidateFn.call(this, rule, rules[rule], value, field).then(result => { 995 field.state.rules[rule] = result; 996 return result; 997 }) 998 }); 999 1000 return new Promise(resolve => { 1001 Promise.all(fieldValidations).then(results => { 1002 field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult) 1003 this.showFieldState(field); 1004 resolve(field.state.valid); 1005 }) 1006 }); 1007 }, 1008 getMessagesByField(field) { 1009 const messages = []; 1010 const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule])); 1011 1012 field.rules && Object.keys(field.rules).forEach((rule) => { 1013 if (invalidRules.includes(rule)) { 1014 const customMessage = field.element.getAttribute('data-msg-' + rule); 1015 const message = customMessage ? customMessage : field.state.rules[rule]; 1016 const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule])); 1017 1018 if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) { 1019 messages.push(hyva.strf('Validation rule "%0" failed.', rule)); 1020 } else if (Array.isArray(ruleOptions)) { 1021 ruleOptions.unshift(message.type ? message.content : message); 1022 const content = hyva.strf.apply(null, ruleOptions); 1023 messages.push(message.type ? {type: message.type, content} : content); 1024 } else { 1025 const content = hyva.strf(message.type ? message.content : message, ruleOptions) 1026 messages.push(message.type ? {type: message.type, content} : content); 1027 } 1028 } 1029 }); 1030 return messages; 1031 }, 1032 /** @deprecated */ 1033 getFieldWrapper(field) { 1034 return this.getMessageContainer(field) 1035 }, 1036 getMessageContainer(field) { 1037 let container; 1038 const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector; 1039 if (pageSelector) { 1040 container = document.querySelector(pageSelector) 1041 || containerNotFound(pageSelector, field.element) 1042 } else { 1043 const containerSelector = classNamesToSelector(options.fieldWrapperClassName); 1044 container = field.element.closest(containerSelector) 1045 || createMessageContainer(field.element, options.fieldWrapperClassName) 1046 || containerNotFound(containerSelector, field.element); 1047 } 1048 1049 return container; 1050 }, 1051 showFieldState(field) { 1052 const container = this.getMessageContainer(field), 1053 hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName), 1054 messages = this.getMessagesByField(field).map(m => { 1055 return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content; 1056 }); 1057 container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages); 1058 container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages); 1059 this.createHtmlErrorMessage(field, messages); 1060 1061 if (field.state.valid) { 1062 field.element.removeAttribute('aria-invalid'); 1063 } else { 1064 field.element.setAttribute('aria-invalid', 'true'); 1065 if (! document.activeElement) { 1066 field.element.focus(); 1067 } 1068 } 1069 }, 1070 removeMessages(field, messagesClass) { 1071 if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) { 1072 return; 1073 } 1074 1075 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName); 1076 const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
1077 Array.from(messages).forEach(msg => msg.remove()); 1078 if (msgWrapper && msgWrapper.childElementCount === 0) { 1079 field.element.removeAttribute('aria-errormessage'); 1080 field.element.removeAttribute('aria-describedby'); 1081 msgWrapper.remove(); 1082 } 1083 }, 1084 createErrorMessage(field, messages) { 1085 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 1086 this.createHtmlErrorMessage(field, htmlMessages); 1087 }, 1088 createHtmlErrorMessage(field, messages) { 1089 this.removeMessages(field, options.messagesWrapperClassName); 1090 field.element.removeAttribute('aria-errormessage'); 1091 field.element.removeAttribute('aria-describedby'); 1092 1093 if (!field.state.valid) { 1094 const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages); 1095 field.element.setAttribute('aria-errormessage', msgWrapper.id); 1096 field.element.setAttribute('aria-describedby', msgWrapper.id); 1097 } 1098 }, 1099 /** @deprecated */ 1100 createMessage(field, message) { 1101 return this.addMessages(field, options.messagesWrapperClassName, message); 1102 }, 1103 addMessages(field, messagesClass, messages) { 1104 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 1105 return this.addHtmlMessages(field, messagesClass, htmlMessages); 1106 }, 1107 addHtmlMessages(field, messagesClass, htmlMessages) { 1108 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass); 1109 1110 (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => { 1111 const li = document.createElement('li'); 1112 li.innerHTML = htmlMessage; 1113 li.setAttribute('data-msg-field', field.element.name); 1114 msgWrapper.appendChild(li); 1115 }); 1116 1117 return msgWrapper; 1118 }, 1119 setField(name, value) { 1120 this.fields[name].element.value = value; 1121 this.fields[name].element.dispatchEvent((new Event('input'))); 1122 this.validateField(this.fields[name]); 1123 } 1124 } 1125 } 1126 1127 hyva.formValidation = formValidation; 1128 hyva.formValidation.rules = formValidationRules; 1129 hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName; 1130 hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName; 1131 hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator; 1132 }(window.hyva = window.hyva || {}));</script>
1132<div class="page-wrapper"><header class="page-header">
1132<script> 1133 function initHeader () { 1134 return { 1135 searchOpen: false, 1136 cart: {}, 1137 getData(data) { 1138 if (data.cart) { this.cart = data.cart } 1139 } 1140 } 1141 } 1142 function initCompareHeader() { 1143 return { 1144 compareProducts: null, 1145 itemCount: 0, 1146 receiveCompareData(data) { 1147 if (data['compare-products']) { 1148 this.compareProducts = data['compare-products']; 1149 this.itemCount = this.compareProducts.count; 1150 } 1151 } 1152 } 1153 }</script>
1153<div id="header" class="relative z-30 w-full border-b shadow-lg bg-container-lighter border-container-lighter" x-data="initHeader()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)" ><div class="container flex flex-wrap items-center justify-between order-1 w-full px-3 sm:px-0 lg:px-14 lg:pt-2 mx-auto mt-0"><div class="flex lg:flex-2 xl:flex-1 justify-end items-center lg:justify-start order-4 lg:order-2" ><!--Edea Minicart--><ul>
1153<script> 1154 1155 function initPopupLink() { 1156 1157 return { 1158 1159 }; 1160 1161 }</script>
1161<div class="edea-login-link relative w-[20px] ml-[16px] hidden" x-data="initPopupLink()" ><li class="wellcome-edea"><a class="relative z-20 text-transparent opacity-0" href="" @click.prevent.stop="$dispatch('toggle-customer-login-edea',{});" href="#">××××ר ×××©× <span class="text-[0px]">×ת××ר×ת</span></a></li></div>
1161<script> 1162 function initMinicart() { 1163 1164 return { 1165 receiveSessionData(data) { 1166 if (data.cart) { 1167 this.cart = data.cart; 1168 } 1169 if (data.customer) { 1170 this.customer = data.customer; 1171 } 1172 }, 1173 1174 cart: {}, 1175 1176 getSummarycount: function() { 1177 return this.cart ? this.cart.summary_count : 0; 1178 }, 1179 1180 1181 isLoading: false, 1182 1183 1184 }; 1185 1186 }</script>
1186<div data-block="minicart" class="minicart-wrapper ml-[16px] hidden" data-block='minicart' x-data="initMinicart()" @private-content-loaded.window="receiveSessionData($event.detail.data)"><a class="action showcart text-[0px] relative w-[20px]" @click.prevent.stop="$dispatch('toggle-cart-edea',{});" href="" ><span class="text">××§× ××ת ש××</span> <span class="counter qty " x-bind:class="getSummarycount() == 0 ? 'empty' : ''"><span class="counter-number"><template x-if="getSummarycount() == 0"><span class="empty-number">0</span></template><template x-if="getSummarycount() > 0"><span x-html="getSummarycount()"></span></template></span> <span class="counter-label"><template x-if="getSummarycount() > 0"><div><span x-html="getSummarycount()"></span> <span>פר××××</span></div></template></span></span></a>
1186<script> 1187 window.checkout = {"shoppingCartUrl":null,"checkoutUrl":null,"updateItemQtyUrl":null,"removeItemUrl":null,"imageTemplate":null,"baseUrl":"https:\/\/reserved-il.com\/","minicartMaxItemsVisible":null,"websiteId":"1","maxItemsToDisplay":null,"storeId":"1"};</script>
1187</div> <div data-block="edea-minicart" class="minicart-wrapper relative"> <section id="cart-drawer-edea" x-data="initMiniCartHyva('××× ××ª× ×××× ×©×רצ×× × ××ס×ר ×ת ×פר×× "%1" ×× ×ס×?')" @private-content-loaded.window="receiveSessionData($event.detail.data)" @toggle-cart-edea.window="initializeMinicart();open=true" @keydown.window.escape="open=false" ><template x-if="cart"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.away="open=false" class="absolute inset-y-28 z-40 flex left-[-6.25rem] top-[1.8rem] sm:top-[3.1rem] lg:right-0 lg:left-auto lg:top-[2.3rem] h-screen" x-show="open"><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="open=false" aria-label="Close panel"></div><div class="relative w-screen cart-wrap max-w-sm overflow-auto sm:max-h-[652px] max-h-[541px]"><div class="btn-close bg-no-repeat sticky w-3.5 right-1 top-5 z-20 mr-4 sm:w-[20px]" x-show="open" x-transition:enter="transform transition ease-in-out duration-200 sm:duration-700" x-transition:enter-start="translate-x-full" class="absolute top-0 right-0 flex z-20"><button @click="open=false" aria-label="Close panel" class="p-2"></button></div><div x-show="open" class="items flex flex-col bg-brand-white-800 shadow-2xl absolute top-0 w-full sm:bg-white" x-transition:enter="transform transition ease-in-out duration-200" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" ><!-- /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ --> <div class="z-10 absolute flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 1188<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"> 1189 <g fill="none" fill-rule="evenodd"> 1190 <g transform="translate(1 1)" stroke-width="2"> 1191 <circle cx="5" cy="50" r="5"> 1192 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> 1193 <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> 1194 </circle> 1195 <circle cx="27" cy="5" r="5"> 1196 <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> 1197 <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> 1198 </circle> 1199 <circle cx="49" cy="50" r="5"> 1200 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> 1201 <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> 1202 </circle> 1203 </g> 1204 </g> 1205<title>loader</title></svg> 1206 <div class="ml-10 text-primary text-xl">×××¢×...</div></div> <div class="flex flex-col items-center shadow-md bg-brand-white-900 z-10 sm:py-[15px] py-[10px] edeaminicart-wrapper border-gray-300 sticky"><header class="px-4"><h2 id="cart-drawer-title" class="font-medium sm:text-[1.188rem] leading-[1.09]">××§× ××ת ש×× <span class="qty empty text-xl hidden" x-text="getCartParam('totalCount')" title=" פר××××" x-bind:class="getCartParam('totalCount') == '' ? 'empty' : ''"></span></h2></header><div class="items-total sm:text-black text-brand-gray-300 leading-[1.3] sm:leading-relaxed text-2xs"><div><p class="flex"><span x-show="getCartParam('totalCount')>1">×ש ××</span> <span x-bind:class="getCartParam('totalCount')==1 ? 'order-2' : ''" class="count mr-1 ml-1" x-text="getCartParam('totalCount')"></span> <span class="count order-1" x-show="getCartParam('totalCount')==1">×ש ×× ×¤×¨××</span> <span x-show="getCartParam('totalCount')>1">פר××××</span></p></div></div></div><div class="items-total sm:text-black text-brand-gray-300 w-4/4 space-y-2 hidden"><div class="items-total sm:text-black text-brand-gray-300 w-4/4 space-y-2 "><p class="subtitle">Recently added item(s)</p></div></div><div class="relative grid px-4 bg-brand-white-800 details_wrap text-brand-gray-300 sm:text-black sm:bg-white"><template x-if="Number(getCartParam('totalCount')) >0 "><div><div data-action="scroll" class="minicart-items-wrapper sm:mt-[22px] mt-[13px]"><template x-for="item in getCartParam('items')"><div class="product-item-wrap flex p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg"><div class="item product pb-3.5 product-item border-b border-black mb-0.5 sm:border-0 sm:mb-0 sm:pb-0 w-full" data-role="product-item" x-bind:data-sku="item.base.ItemCode"><div class="product flex items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out"><div class="product-img w-2/5 flex ml-[17px] sm:block sm:ml-4 sm:w-[120px]"><a class="order-2" x-show="item.extra.product_url" x-bind:href="item.extra.product_url" ,title="item.extra.name" tabindex="-1" class="product-item-photo" x-html="item.extra.product_image"></a> <div class="product actions flex justify-center mt-1 order-1"><div class="secondary flex flex-wrap content-start"><a :href="item.extra.product_url" class="action edit w-5 bg-no-repeat mb-2.5 sm:mb-0 h-5 sm:ml-2" title="ער××"><span class="hidden">ער××</span></a> <button class="action delete h-5 w-5 ml-3 p-[0.7rem] sm:ml-0 sm:p-[0.5rem] bg-no-repeat text-[0px]" x-bind:data-item-name=item.extra.name x-bind:data-cart-line=item.base.TransactionLineID @click="deleteItemFromCart(event)" title="×סר×">×סר×</button></div></div></div><span x-show="!(item.extra.product_url)" class="product-item-photo" x-html="item.extra.product_image"></span> <div class="w-3/4" class="product-item-details"><span class="font-medium product-item-name sm:font-400"><a x-show="item.extra.product_url" x-html="item.extra.name" x-bind:href="item.extra.product_url"></a> <span class="w-1/4" x-show="!(item.extra.product_url)" x-text="item.extra.name"></span></span> <div class="product-item-pricing text-base pb-2 block sm:text-[0.81rem] sm:mb-0.5"><template x-for="d in item.extra.options" ><div class="item-options sm:mb-[3px]"><div class="item-options-key inline-block" x-text="d.key+':'"></div><div class="item-options-value inline-block font-medium sm:font-400" x-text="d.value"></div></div></template>
1206<span class="product-item-option-school" x-text="getSchool(item.base.AlternateItemDescription)"></span> <div class="details-qty qty pb-2 block sm:pb-0 sm:mb-[3px]"><label class="label inline-block">×××ת:</label> <span x-text="item.base.ItemQuantity" class="item-qty cart-item-qty font-medium sm:font-400 inline-block"></span></div><div class="price-container"><span>×××ר:</span> <span class="price-wrapper"><span class="text-base font-bold" :class="{'text-red-500': item.extra.org_price != item.base.FinalPrice }" x-html="hyva.formatPrice(item.base.FinalPrice * item.base.ItemQuantity)" ></span> <template x-if="item.extra.org_price != item.base.FinalPrice"><span class="old-price line-through block mr-10 md:mr-8 text-brand-gray-800" x-html="hyva.formatPrice(item.extra.org_price * item.base.ItemQuantity)"></span></template></span></div></div></div></div></div></div></template></div></div></template><template x-if="getCartParam('totalCount') == 0"><div class="flex items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg"><div class="w-3/4 space-y-2 py-8 px-5"><span class="subtitle empty">×¡× ××§× ××ת ש×× ×¨××§.</span></div></div></template></div><div class="px-8 mt-1 edeaminicart-wrapper py-[7px] -top-px sticky bottom-0 border-t border-gray-300 bg-white"><div class="items-total text-brand-gray-300 sm:text-black m-0"><div class="subtotal mb-[9px] sm:mb-[11px] sm:mt-[24px] sm:text-[1.438em] font-bold text-base"><p class="flex justify-between"><span>ס××´× ×תש×××:</span> <span class="price-wrapper" x-text="hyva.formatPrice(getCartParam('subTotal'))"></span></p></div></div><div class="w-full m-0 transition duration-150 ease-in-out rounded-lg"><a x-bind:href=edeaCartConfigUrl().checkout class="inline-flex btn btn-black p-[15px] text-base sm:text-[1.438em]">××¢×ר ×תש×××</a></div><div class="actions"><div class="primary"><button id="top-cart-btn-checkout" type="button" class="action primary checkout" title=×××©× ×תש××× translate="'Proceed to Checkout'"></button></div></div></div></div></div></div></template></section></div>
1206<script> 1207 window.edeaCartConfig = {"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minicartMaxItemsVisible":99,"shoppingCartUrl":"https:\/\/reserved-il.com\/edea\/cart\/","checkoutUrl":"https:\/\/reserved-il.com\/checkout\/","removeItemUrl":"https:\/\/reserved-il.com\/edea\/cart\/remove\/","emptyCartUrl":"https:\/\/reserved-il.com\/edea\/cart\/emptycart\/","removeCuoponUrl":"https:\/\/reserved-il.com\/edea\/cart\/CouponPost\/","updateItemUrl":"https:\/\/reserved-il.com\/edea\/cart\/updateQty\/","addToCartUrl":"https:\/\/reserved-il.com\/edea\/cart\/add\/","baseUrl":"https:\/\/reserved-il.com\/","websiteId":"1","storeId":"1","storeCode":"default","isCustomerLoggedIn":false,"allowChangeKitItemQty":false,"maxCoupons":"1","addToCartByEdea":false,"minicartEdeaUrl":"https:\/\/reserved-il.com\/edea\/cart\/minicartedea\/","isGiftCardEnable":true,"selectShippingUrl":"https:\/\/reserved-il.com\/edeashipping\/cart\/selectshipment\/","addBlessUrl":"https:\/\/reserved-il.com\/edea\/cart\/addbless\/","addClubUrl":"https:\/\/reserved-il.com\/edea\/cart\/addclub\/","saveCustomerNumUrl":"https:\/\/reserved-il.com\/edea\/cart\/saveguestcustomernum\/","isAllowAddBless":false,"isAllowAddGiftWrap":false,"giftWrapPrice":"20","giftWrapSku":"79000322000000","clubMemberSku":"99000002","giftWrapId":254983};</script>
1207</ul> <!--Customer Icon & Dropdown--> <div x-data="{ open: false }" class="position-initial md:relative inline-block mr-2 sm:ml-4 sm:mr-0 order-2 lg:order-1"><div class="edea-login-link flex items-center justify-center text-brand-gray-600 md:text-black relative w-[20px] h-[25px] overflow-hidden hover:text-brand-accent" @mouseenter="open = true" @mouseleave="open = false"> <?xml version="1.0" encoding="utf-8"?> 1208<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 20" class="w-4 h-4 sm:w-5 sm:h-5 fill-current" width="24" height="24" role="img"> 1209<path d="M0,20c0.1-1.1,0.3-2.3,0.8-3.4c0.4-1.1,1.1-2.1,1.9-3c0.8-0.9,1.8-1.5,2.9-2l0.3-0.2l-0.2-0.3c-1.5-1.2-2.4-3-2.4-5 C3.1,2.8,5.7,0.1,9,0c3.3,0.1,5.9,2.8,5.8,6.1c0,1.9-0.9,3.8-2.4,5l-0.3,0.3l0.4,0.2c1.1,0.5,2.1,1.2,2.9,2c0.8,0.9,1.5,1.9,1.9,3 c0.4,1.1,0.7,2.2,0.7,3.4h-1.4c0-2-0.8-3.9-2.2-5.4c-0.1-0.1-0.2-0.2-0.4-0.4c-1.4-1.3-3.2-2-5-2c-2,0-4,0.9-5.4,2.3 C2.2,16.1,1.5,18,1.4,20L0,20z M9,1.4c-1.2,0-2.4,0.5-3.2,1.4c-1.7,1.9-1.7,4.8,0,6.6c0.8,0.9,2,1.4,3.2,1.4c1.2,0,2.4-0.5,3.2-1.4 c1.7-1.9,1.7-4.8,0-6.6c-0.1-0.1-0.1-0.1-0.2-0.2C11.2,1.8,10.1,1.4,9,1.4z"/> 1210<title>customer</title></svg> 1211 <a class="z-20 absolute top-0 opacity-0 leading-[0.5] break-all max-w-[20px] h-[20px]" href @click.prevent.stop="$dispatch('toggle-customer-login-edea',{});" @click.prevent="open = true" :aria-expanded="open ? 'true' : 'false'" >××ש××× ×©××</a></div><nav class="edea-login-link-nav absolute left-1 lg:right-0 lg:left-auto z-20 w-40 py-2 mt-5 -mr-4 px-1 overflow-auto origin-top-right rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter hidden" :class="open ? 'lg:block' : ''" @mouseenter="open = true" @mouseleave="open = false" @click.outside="open = false" aria-labelledby="customer-menu" > <a class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100 whitespace-nowrap" @click.prevent.stop="$dispatch('toggle-customer-login-edea',{});" onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )" href>×ת××ר×ת</a> </nav></div> <!--Cart Icon--><a id="menu-cart-icon" @click.prevent.stop="$dispatch('toggle-cart-edea',{});" class="relative inline-block mr-2 no-underline sm:ml-4 sm:mr-0 text-brand-gray-600 md:text-black hover:text-brand-accent order-2 lg:order-1" href="https://reserved-il.com/checkout/cart/index/" ><span class="sr-only label">Cart</span> <?xml version="1.0" encoding="utf-8"?> 1212<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18 20" class="w-4 h-4 sm:w-5 sm:h-5 fill-current" width="24" height="24" role="img"> 1213<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"/> 1214<title>cart</title></svg> 1215 <span x-text="cart.summary_count" class="absolute top-0 right-0 hidden h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold leading-none text-center text-white uppercase transform -translate-x-1 translate-y-1/2 rounded-full bg-primary" :class="{ 'hidden': !cart.summary_count, 'block': cart.summary_count }" ></span></a> <!--Store Locator Icon--><div class="inline-block mr-2 no-underline sm:ml-4 sm:mr-0 order-1 lg:order-1"><a class="text-brand-gray-600 md:text-black hover:text-brand-accent" href="/store-locator" rel="nofollow noopener noreferrer"><?xml version="1.0" encoding="utf-8"?> 1216<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 20" class="w-4 h-4 sm:w-[1.4375rem] sm:h-5 fill-current" width="24" height="24" role="img"> 1217<path d="M0.8,20C0.4,20,0,19.6,0,19.2c0-0.4,0.4-0.8,0.8-0.8h1.3V11c-0.7-0.3-1.2-0.7-1.6-1.3c-0.6-1-0.7-2.2-0.2-3.2l2.6-5.5 C3.2,0.4,3.7,0,4.3,0c0,0,3.6,0,3.6,0C7.9,0,8,0,8,0c0,0,7.1,0,7.2,0c0.1,0,0.1,0,0.1,0l3.4,0c0.6,0,1.1,0.3,1.4,0.9l2.6,5.5 c0.5,1,0.4,2.2-0.2,3.2c-0.4,0.6-0.9,1.1-1.6,1.3v7.4h1.3c0.4,0,0.8,0.4,0.8,0.8c0,0.4-0.4,0.8-0.8,0.8H0.8z M8.2,18.4v-7.2 c-0.7-0.1-1.4-0.5-1.9-1C6.2,10.1,6.1,10,6.1,9.9C6,10,5.9,10.1,5.8,10.2c-0.6,0.6-1.3,0.9-2.1,1l0,7.2H8.2z M19.3,18.4v-7.2 c-0.8-0.1-1.5-0.4-2.1-1c-0.1-0.1-0.2-0.2-0.2-0.3c-0.1,0.1-0.2,0.2-0.2,0.3c-0.7,0.7-1.5,1-2.5,1c-1.1,0-2.1-0.5-2.7-1.3 c-0.1,0.1-0.2,0.2-0.3,0.3c-0.4,0.4-0.9,0.7-1.4,0.8v7.3H19.3z M12.3,7.8c0,1,0.9,1.8,1.9,1.8c1,0,1.8-0.8,1.9-1.8l-1.6-6.2h-2.2 L12.3,7.8z M6.9,7.8c0.1,1,0.9,1.8,1.9,1.8c1,0,1.9-0.8,1.9-1.8V1.6H8.5L6.9,7.8z M17.7,7.6l0,0.2c0,1,0.9,1.8,1.9,1.8 c0.6,0,1.2-0.3,1.4-0.8c0.3-0.5,0.4-1.1,0.1-1.7l-2.5-5.5h-2.5L17.7,7.6z M1.8,7.1C1.6,7.6,1.6,8.3,1.9,8.8c0.3,0.5,0.8,0.8,1.4,0.8 c1.1,0,2-0.8,2-1.9c0-0.1,0-0.2,0-0.3l1.5-5.8H4.3L1.8,7.1z M6,16.5c-0.4,0-0.8-0.4-0.8-0.8v-2.2c0-0.4,0.4-0.8,0.8-0.8 c0.4,0,0.8,0.4,0.8,0.8v2.2C6.9,16.1,6.5,16.5,6,16.5z"/> 1218<title>store-locator</title></svg> 1219 <span class="hidden">Find a store</span></a></div></div><!--Logo--><div class="flex items-center flex-1 justify-center order-3 lg:order-2 min-h-[41p
1219x] md:min-h-[81px]"> <div class="w-full sm:w-auto"><a class="p-1 sm:p-0 flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://reserved-il.com/" title="" aria-label="store logo"><img class="md:h-8 w-auto h-4" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/images/reserved-logo.svg" title="" alt="" width="169" height="80" /></a></div></div><div class="flex items-center lg:flex-2 xl:flex-1 justify-end order-2 lg:order-2"><!--Search Icon--><button id="menu-search-icon" class="inline-block p-1.5 lg:hidden ml-5 no-underline" :class="searchOpen ? 'bg-brand-gray-600 rounded-full text-white hover:text-white' : 'text-brand-gray-600 md:text-black'" @click.prevent=" searchOpen = !searchOpen; $nextTick(function () { document.querySelector('#search').select(); }); " ><span class="sr-only label">××פ×ש</span> <?xml version="1.0" encoding="utf-8"?> 1220<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" class="w-3.5 h-3.5 sm:w-4 sm:h-4 fill-current" width="24" height="24" role="img"> 1221<path d="M15.2,16.2L15,16.4c-1.7,1.4-3.7,2.1-5.8,2.1c-2.5,0-4.8-1-6.5-2.7C0.9,14,0,11.7,0,9.2C0,4.1,4.1,0,9.2,0 c2.5,0,4.8,1,6.5,2.7c1.7,1.7,2.7,4,2.7,6.5c0,2.1-0.7,4.1-2,5.8l-0.1,0.2l3.8,3.9L19,20L15.2,16.2z M9.2,1.4 c-4.3,0-7.8,3.5-7.8,7.8c0,2.1,0.8,4.1,2.3,5.5C5.1,16.2,7.1,17,9.2,17c2.1,0,4.1-0.8,5.5-2.3c1.5-1.5,2.3-3.4,2.3-5.5 s-0.8-4.1-2.3-5.5C13.2,2.2,11.3,1.4,9.2,1.4L9.2,1.4z"/> 1222<title>search</title></svg> 1223</button> <!--Search--><div class="absolute left-0 top-10 sm:top-20 z-10 w-full border-t shadow-sm bg-brand-gray-600 lg:bg-container-lighter border-container-lighter lg:static lg:flex lg:border-0 lg:shadow-none lg:justify-end lg:ml-6 lg:!block" id="search-content" :class="{ 'block': searchOpen}" x-cloak x-show="searchOpen" @click.outside="searchOpen = false" >
1223<script> 1224 function initMiniSearchComponent() { 1225 "use strict"; 1226 1227 return { 1228 show:false, 1229 formSelector: "#search_mini_form", 1230 url: "https://reserved-il.com/search/ajax/suggest/", 1231 destinationSelector: "#search_autocomplete", 1232 templates: {"term":{"title":"Search terms","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"}}, 1233 priceFormat: {"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false}, 1234 minSearchLength: 2, 1235 searchResultsByType: {}, 1236 currentRequest: null, 1237 1238 /** 1239 * Get search results. 1240 */ 1241 getSearchResults: function () { 1242 let value = document.querySelector('#search').value.trim(); 1243 1244 if (value.length < parseInt(this.minSearchLength, 10)) { 1245 this.searchResultsByType = []; 1246 1247 return false; 1248 } 1249 1250 let url = this.url + '?' + new URLSearchParams({ 1251 q: document.querySelector('#search').value, 1252 _: Date.now() 1253 }).toString(); 1254 1255 if (this.currentRequest !== null) { 1256 this.currentRequest.abort(); 1257 } 1258 this.currentRequest = new AbortController(); 1259 1260 fetch(url, { 1261 method: 'GET', 1262 signal: this.currentRequest.signal, 1263 }).then((response) => { 1264 if (response.ok) { 1265 return response.json(); 1266 } 1267 }).then((data) => { 1268 this.show = data.length > 0; 1269 1270 this.searchResultsByType = data.reduce((acc, result) => { 1271 if (! acc[result.type]) acc[result.type] = []; 1272 acc[result.type].push(result); 1273 return acc; 1274 }, {}); 1275 }).catch((error) => { 1276 1277 }); 1278 }, 1279 } 1280 }</script>
1280<div id="search-content" x-show="true" class="w-full"><div class="container p-2 mx-auto text-black" x-data="initMiniSearchComponent()" @click.outside="show = false"><form class="form minisearch lg:max-w-[258px]" id="search_mini_form" action="https://reserved-il.com/catalogsearch/result/" method="get"><div class="relative z-50"><label class="sr-only" for="search">חיפוש</label> <input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="w-full py-2 px-2 pl-11 text-sm leading-5 lg:py-1 border-transparent lg:border-brand-gray-500 transition appearance-none text-grey-800 rounded focus:outline-none focus:border-transparent lg:text-lg" autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="חיפוש" maxlength="128" /><span class="pointer-events-none absolute top-1/2 transform -translate-y-1/2 left-4 text-gray-700"><?xml version="1.0" encoding="utf-8"?> 1281<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" class="w-[1.1875rem] h-[1.1875rem] fill-current" width="19" height="19" role="img"> 1282<path d="M15.2,16.2L15,16.4c-1.7,1.4-3.7,2.1-5.8,2.1c-2.5,0-4.8-1-6.5-2.7C0.9,14,0,11.7,0,9.2C0,4.1,4.1,0,9.2,0 c2.5,0,4.8,1,6.5,2.7c1.7,1.7,2.7,4,2.7,6.5c0,2.1-0.7,4.1-2,5.8l-0.1,0.2l3.8,3.9L19,20L15.2,16.2z M9.2,1.4 c-4.3,0-7.8,3.5-7.8,7.8c0,2.1,0.8,4.1,2.3,5.5C5.1,16.2,7.1,17,9.2,17c2.1,0,4.1-0.8,5.5-2.3c1.5-1.5,2.3-3.4,2.3-5.5 s-0.8-4.1-2.3-5.5C13.2,2.2,11.3,1.4,9.2,1.4L9.2,1.4z"/> 1283<title>search</title></svg> 1284</span></div><div id="search_autocomplete" class="search-autocomplete relative w-full" x-show="show" style="display:none;"><div class="absolute bg-white pt-4 -top-4 border border-solid border-gray z-40 w-full flex flex-col"><template x-for="searchResultByType in Object.values(searchResultsByType)"><div class="w-full"><template x-for="searchResult in searchResultByType"><div class="w-full hover:bg-gray-100"> <template x-if="searchResult.type == 'term'"><a class="w-full flex justify-between py-2 px-3" x-bind:href="'https://reserved-il.com/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title"><span class="text-sm opacity-80" x-text="searchResult.num_results"></span> <span class="text-sm" x-text="searchResult.title"></span></a></template> </div></template></div></template></div></div></form></div></div></div><!--Social Icons--> <ul class="social-links flex"> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.facebook.com/ReservedIsrael" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 24" class="w-6 h-6 fill-current" role="img"> 1285 <path d="M25,12.074A12.293,12.293,0,0,0,12.5,0,12.29,12.29,0,0,0,0,12.074,12.211,12.211,0,0,0,10.547,24V15.565H7.373v-3.49h3.174V9.413c0-3.025,1.863-4.7,4.72-4.7a19.948,19.948,0,0,1,2.8.235V7.924H16.487A1.776,1.776,0,0,0,14.453,9.81v2.264H17.92l-.557,3.49H14.453V24A12.215,12.215,0,0,0,25,12.074Z"/> 1286<title>facebook</title></svg> 1287 <span class="hidden">Facebook</span></a></li> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.instagram.com/reserved/" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="w-6 h-6 fill-current" role="img"> 1288 <path d="M12,8a4,4,0,1,0,4,4A4.01,4.01,0,0,0,12,8Zm12,4c0-1.657.015-3.3-.078-4.953a7.136,7.136,0,0,0-1.936-5.031A7.128,7.128,0,0,0,16.953.079C15.3-.014,13.654,0,12,0S8.7-.014,7.047.079A7.136,7.136,0,0,0,2.015,2.015,7.128,7.128,0,0,0,.079,7.047C-.014,8.7,0,10.346,0,12s-.015,3.3.078,4.953a7.136,7.136,0,0,0,1.936,5.031,7.128,7.128,0,0,0,5.031,1.936C8.7,24.014,10.346,24,12,24s3.3.015,4.953-.078a7.136,7.136,0,0,0,5.031-1.936,7.128,7.128,0,0,0,1.936-5.031c.1-1.654.078-3.3.078-4.953ZM12,18.157A6.157,6.157,0,1,1,18.154,12,6.148,6.148,0,0,1,12,18.157ZM18.406,7.029a1.436,1.436,0,1,1,.551-.109,1.436,1.436,0,0,1-.551.109Z"/> 1289<title>instagram</title></svg> 1290 <span class="hidden">Instagram</span></a></li> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.youtube.com/user/reservedTV" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 34 24" class="w-[34px] h-6 fill-current" role="img"> 1291 <path d="M33.29,3.749a4.3,4.3,0,0,0-1.1-1.92,4.255,4.255,0,0,0-1.9-1.111C27.633,0,17,0,17,0S6.367,0,3.715.715a4.248,4.248,0,0,0-1.906,1.11A4.292,4.292,0,0,0,.71,3.745,45.067,45.067,0,0,0,0,12a45.011,45.011,0,0,0,.71,8.251,4.276,4.276,0,0,0,3.005,3.031C6.367,24,17,24,17,24s10.633,0,13.285-.718a4.27,4.27,0,0,0,3.005-3.031A45.011,45.011,0,0,0,34,12,45.011,45.011,0,0,0,33.29,3.749ZM13.623,17.121V6.879l8.8,5.083Z"/> 1292<title>youtube</title></svg> 1293 <span class="hidden">Youtube</span></a></li> </ul></div><div class="flex flex-wrap items-center justify-center order-1 lg:order-3 lg:w-full lg:mx-auto lg:mt-3"><!--Main Navigation--> <div class="w-full before:content-[''] before:fixed before:bottom-0 before:w-full before:top-10 before:transition-opacity before:duration-500 sm:before:top-20 lg:before:content-none" :class="open ? 'before:left-0 before:opacity-10 before:bg-black' : 'before:left-full before:opacity-0'" x-data="initMainMenu()" @hide-mobile-menu.window="open = false" @toggle-mobile-menu.window="open = !open" x-bind="eventListeners" ><!-- burger icon --><div class="relative z-50 flex items-baseline justify-between menu-icon lg:hidden"><div class="flex justify-end w-full"><button @click="$dispatch('toggle-mobile-menu', {open: !open})" class="flex items-center justify-center cursor-pointer p-2 sm:p-3 text-brand-gray-600 md:text-black" :class="{ 'ml-auto': open }" aria-label="Toggle Menu" ><?xml version="1.0" encoding="utf-8"?> 1294<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1294ox="0 0 20 20" class="hidden h-4 w-4 sm:w-6 sm:h-6 fill-current" width="24" height="24" :class="{ 'hidden' : !open, 'block': open }" role="img"> 1295<path d="M17.8,17.7c-0.2,0.2-0.4,0.3-0.6,0.3L17,18L17,18c-0.3,0-0.6-0.2-0.9-0.4L10,11.5l-6.1,6.1C3.6,17.8,3.3,18,3,18 c-0.3,0-0.5-0.1-0.7-0.2C2.1,17.6,2,17.4,2,17.1L2,17L2,17c0-0.3,0.2-0.6,0.4-0.9L8.5,10L2.4,3.9C2.2,3.6,2,3.3,2,3 c0-0.3,0.1-0.6,0.3-0.7C2.5,2.1,2.7,2,3,2c0.4,0,0.7,0.2,0.9,0.4L10,8.5l6.1-6.1C16.4,2.2,16.7,2,17,2c0.3,0,0.6,0.1,0.7,0.3 C17.9,2.5,18,2.7,18,3c0,0.4-0.2,0.7-0.4,0.9L11.5,10l6.1,6.1c0.2,0.2,0.4,0.5,0.4,0.8C18,17.2,17.9,17.5,17.8,17.7z"/> 1296<title>x</title></svg> 1297 <?xml version="1.0" encoding="utf-8"?> 1298<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20" class="h-5 w-5 sm:w-6 sm:h-6 fill-current" width="24" height="24" :class="{ 'hidden' : open, 'block': !open }" role="img"> 1299<path d="M1,5c0-0.3,0.1-0.5,0.3-0.7C1.5,4.1,1.8,4,2.1,4h15.7c0.3,0,0.6,0.1,0.8,0.3C18.9,4.5,19,4.7,19,5 c0,0.3-0.1,0.5-0.3,0.7C18.4,5.9,18.2,6,17.9,6H2.1C1.8,6,1.5,5.9,1.3,5.7C1.1,5.5,1,5.3,1,5z M1,10c0-0.3,0.1-0.5,0.3-0.7 C1.5,9.1,1.8,9,2.1,9h15.7c0.3,0,0.6,0.1,0.8,0.3c0.4,0.3,0.4,0.9,0.1,1.3c0,0-0.1,0.1-0.1,0.1c-0.2,0.2-0.5,0.3-0.8,0.3H2.1 c-0.3,0-0.6-0.1-0.8-0.3C1.1,10.5,1,10.3,1,10z M1,15c0-0.3,0.1-0.5,0.3-0.7C1.5,14.1,1.8,14,2.1,14h15.7c0.3,0,0.6,0.1,0.8,0.3 c0.4,0.3,0.4,0.9,0.1,1.3c0,0-0.1,0.1-0.1,0.1c-0.2,0.2-0.5,0.3-0.8,0.3H2.1c-0.3,0-0.6-0.1-0.8-0.3C1.1,15.5,1,15.3,1,15z"/> 1300<title>menu</title></svg> 1301</button></div></div><!-- Mobile: original slide-in panel (hidden on desktop) --><div class="z-50 bg-container-lighter top-10 sm:top-20 bottom-0 fixed w-11/12 right-0 overflow-y-auto overflow-x-hidden max-lg:-right-full max-lg:transition-all max-lg:duration-500 max-lg:ease-in-out lg:hidden" :class="{'max-lg:right-0 shadow-2xl' : open, 'max-lg:-right-full shadow-0': !open}" ><nav class="main-menu" :class="{'h-full overflow-hidden': !!activeSubMenuId}" ><ul class="flex items-center w-full overflow-auto border-b border-[#e8e8e8]"> <li class=" black group px-5 py-2"><span class="flex relative" ><span class="whitespace-nowrap"> <div class="flex black"> <a href="https://reserved-il.com/woman/clothes/new-arrival" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >New in</a> </div></span></span> </li> <li class=" black group px-5 py-2"><span class="flex relative" @click="toggleSubMenu($event, '128')" ><span class="whitespace-nowrap"> <div class="flex black"> <a href="https://reserved-il.com/woman/clothes" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >Women</a> </div></span></span> <div class="absolute bg-container-lighter bottom-0 overflow-auto z-10 top-[4.625rem] right-0 transition-all w-full lg:shadow-xl duration-500 lg:min-h-initial lg:h-auto lg:right-auto lg:left-1/2 lg:-translate-x-1/2 lg:max-h-initial lg:bottom-auto lg:absolute lg:top-auto lg:hidden group-hover:block lg:bg-white lg:px-4 lg:py-4 lg:border-t lg:border-[#e8e8e8]" :class="activeSubMenuId == '128' ? 'max-lg:right-0' : 'max-lg:-right-full'" x-ref="container128" ><div class="px-6 py-0 pb-6 w-full flex items-center justify-center mx-auto lg:max-w-screen-2xl"> <ul class="w-full justify-center" x-bind:style="'grid-template-columns: repeat(4, minmax(0, 250px));gap:2.5rem'" > <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8eafd5: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/inspired"><span class="font-semibold">Collections</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8eafd5 = !isOpen_6ac1f5c8eafd5" ><?xml version="1.0" encoding="utf-8"?> 1302<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8eafd5 ? 'rotate-90' :'-rotate-90'" role="img"> 1303<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.
13031,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1304<title>chevron-left</title></svg> 1305</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8eafd5" x-bind:style="isOpen_6ac1f5c8eafd5 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8eafd5.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/evening-collection">Holiday collection</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/basic">Basic</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/office">Office look</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8edc84: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/clothes"><span class="font-semibold">×××××</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8edc84 = !isOpen_6ac1f5c8edc84" ><?xml version="1.0" encoding="utf-8"?> 1306<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8edc84 ? 'rotate-90' :'-rotate-90'" role="img"> 1307<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1308<title>chevron-left</title></svg> 1309</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8edc84" x-bind:style="isOpen_6ac1f5c8edc84 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8edc84.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/new-arrival">×§××קצ×× ×××©× ×× ×©××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/coats-jackets-bomber">×'×§××× ××××××ר××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/jumpers-cardigans">סר×××× ×× ×©××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/t-shirts-tops">×× ×©××¨× ×××פ××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/shirts">×××צ×ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/ש×××ת">ש×××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/jeans">×'×× ×¡×× </a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/trousers">××× ×¡×××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/skirts">×צ×××ת </a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/hoodies-sweatshirts">BASIC</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full black col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8eff24: true}"><div class="black relative lg:static py-2"><a href="https://reserved-il.com/woman/accessories"><span class="font-semibold">×קסס×ר××</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8eff24 = !isOpen_6ac1f5c8eff24" ><?xml version="1.0" encoding="utf-8"?> 1310<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1310ox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8eff24 ? 'rotate-90' :'-rotate-90'" role="img"> 1311<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1312<title>chevron-left</title></svg> 1313</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8eff24" x-bind:style="isOpen_6ac1f5c8eff24 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8eff24.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/bags-backpacks">ת××§×× ×× ×©××</a></div> <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/allshoes">× ×¢×××× ×× ×©××</a></div> <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/accessories">×קסס×ר×× ×× ×©××</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8f2168: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×"><span class="font-semibold">××××©× ×ª×ת×× ×</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8f2168 = !isOpen_6ac1f5c8f2168" ><?xml version="1.0" encoding="utf-8"?> 1314<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8f2168 ? 'rotate-90' :'-rotate-90'" role="img"> 1315<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1316<title>chevron-left</title></svg> 1317</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8f2168" x-bind:style="isOpen_6ac1f5c8f2168 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8f2168.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/nightwear">פ××'××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/bras">××××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/knickers">ת×ת×× ××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/socks-tights">×ר××××</a></div></div></div></div> </li> </ul></div></div> </li> <li class=" red group px-5 py-2"><span class="flex relative" ><span class="whitespace-nowrap"> <div class="flex red"> <a href="https://reserved-il.com/woman/clothes/mid-season-sale" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >Mid Season Sale</a> </div></span></span> </li> </ul></nav></div><!-- Desktop: always-visible top-level with hover submenus --><div class="hidden lg:block w-full relative" ><nav class="main-menu w-full lg:max-w-6xl"><!-- Top-level items row (always visible, no hamburger) --><ul class="flex w-full"> <li class=" black group mx-4 first:mr-0" @mouseenter="desktopActiveSubMenuId = null" ><span class="flex relative items-center" style="cursor: pointer;" ><span class="whitespace-nowrap"> <div class="flex black"> <a href="https://reserved-il.com/woman/clothes/new-arrival" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >New in</a> </div></span></span></li> <li class=" black group mx-4 first:mr-0" @mouseenter="desktopActiveSubMenuId = '128'" ><span class="flex relative items-center" style="cursor: pointer;" ><span class="whitespace-nowrap"> <div class="flex black"> <a href="https://reserved-il.com/woman/clothes" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >Women</a> </div></span></span></li> <li class=" red group mx-4 first:mr-0" @mouseenter="desktopActiveSubMenuId = null" ><span class="flex relative items-center" style="cursor: pointer;" ><span class="whitespace-nowrap"> <div class="flex red"> <a href="https://reserved-il.com/woman/clothes/mid-season-sale" class="block text-base font-400 py-4 lg:py-2 lg:text-brand-gray-300 border-b border-transparent hover:border-black" >
1317Mid Season Sale</a> </div></span></span></li> </ul></nav><!-- Full-width desktop submenu dropdown panels --> <div class="desktop-submenu-panel fixed z-50 overflow-y-auto" x-show="desktopActiveSubMenuId == '128'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-x-4" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-cloak @mouseenter="desktopActiveSubMenuId = '128'" @mouseleave="desktopActiveSubMenuId = null" ><div class="desktop-submenu-override h-full" > <div class="absolute bg-container-lighter bottom-0 overflow-auto z-10 top-[4.625rem] right-0 transition-all w-full lg:shadow-xl duration-500 lg:min-h-initial lg:h-auto lg:right-auto lg:left-1/2 lg:-translate-x-1/2 lg:max-h-initial lg:bottom-auto lg:absolute lg:top-auto lg:hidden group-hover:block lg:bg-white lg:px-4 lg:py-4 lg:border-t lg:border-[#e8e8e8]" :class="activeSubMenuId == '128' ? 'max-lg:right-0' : 'max-lg:-right-full'" x-ref="container128" ><div class="px-6 py-0 pb-6 w-full flex items-center justify-center mx-auto lg:max-w-screen-2xl"> <ul class="w-full justify-center" x-bind:style="'grid-template-columns: repeat(4, minmax(0, 250px));gap:2.5rem'" > <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8eafd5: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/inspired"><span class="font-semibold">Collections</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8eafd5 = !isOpen_6ac1f5c8eafd5" ><?xml version="1.0" encoding="utf-8"?> 1318<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8eafd5 ? 'rotate-90' :'-rotate-90'" role="img"> 1319<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1320<title>chevron-left</title></svg> 1321</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8eafd5" x-bind:style="isOpen_6ac1f5c8eafd5 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8eafd5.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/evening-collection">Holiday collection</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/basic">Basic</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/inspired/office">Office look</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8edc84: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/clothes"><span class="font-semibold">×××××</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8edc84 = !isOpen_6ac1f5c8edc84" ><?xml version="1.0" encoding="utf-8"?> 1322<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8edc84 ? 'rotate-90' :'-rotate-90'" role="img"> 1323<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.
13231,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1324<title>chevron-left</title></svg> 1325</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8edc84" x-bind:style="isOpen_6ac1f5c8edc84 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8edc84.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/new-arrival">×§××קצ×× ×××©× ×× ×©××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/coats-jackets-bomber">×'×§××× ××××××ר××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/jumpers-cardigans">סר×××× ×× ×©××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/t-shirts-tops">×× ×©××¨× ×××פ××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/shirts">×××צ×ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/ש×××ת">ש×××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/jeans">×'×× ×¡×× </a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/trousers">××× ×¡×××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/skirts">×צ×××ת </a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/clothes/hoodies-sweatshirts">BASIC</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full black col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8eff24: true}"><div class="black relative lg:static py-2"><a href="https://reserved-il.com/woman/accessories"><span class="font-semibold">×קסס×ר××</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8eff24 = !isOpen_6ac1f5c8eff24" ><?xml version="1.0" encoding="utf-8"?> 1326<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8eff24 ? 'rotate-90' :'-rotate-90'" role="img"> 1327<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1328<title>chevron-left</title></svg> 1329</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8eff24" x-bind:style="isOpen_6ac1f5c8eff24 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8eff24.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/bags-backpacks">ת××§×× ×× ×©××</a></div> <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/allshoes">× ×¢×××× ×× ×©××</a></div> <div class="black py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/accessories/accessories">×קסס×ר×× ×× ×©××</a></div></div></div></div> </li> <li class="flex flex-col relative lg:static w-full col-count-4 "> <div class="relative lg:static py-2 cursor-pointer"> <div class="category-child-list w-full" x-data="{isOpen_6ac1f5c8f2168: true}"><div class=" relative lg:static py-2"><a href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×"><span class="font-semibold">××××©× ×ª×ת×× ×</span></a> <span class="absolute left-0 top-1/2 block lg:hidden transform -translate-y-1/2 text-brand-gray-800" @click.prevet="isOpen_6ac1f5c8f2168 = !isOpen_6ac1f5c8f2168" ><?xml version="1.0" encoding="utf-8"?> 1330<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1330ox="0 0 7 7" class="w-4 h-4 transform transition-transform block fill-current" width="24" height="24" :class="isOpen_6ac1f5c8f2168 ? 'rotate-90' :'-rotate-90'" role="img"> 1331<path d="M2.7,3.5L3.2,3l2.1-2.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4C5.3,0.1,5.1,0,5,0 C4.9,0,4.7,0.1,4.6,0.1l-3,3c0,0-0.1,0.1-0.1,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.1,0.1,0.2l3,3C4.7,6.9,4.9,7,5,7 c0.1,0,0.3-0.1,0.4-0.1c0.1-0.1,0.1-0.2,0.1-0.4c0-0.1-0.1-0.3-0.1-0.4L3.2,4L2.7,3.5z"/> 1332<title>chevron-left</title></svg> 1333</span></div><div class="transition-all duration-500 overflow-hidden lg:hidden" x-ref="accordion_container__6ac1f5c8f2168" x-bind:style="isOpen_6ac1f5c8f2168 ? 'max-height: ' + ($refs.accordion_container__6ac1f5c8f2168.scrollHeight || 9999) + 'px' : 'max-height: 0'" > <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/nightwear">פ××'××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/bras">××××ת</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/knickers">ת×ת×× ××</a></div> <div class=" py-1 lg:py-0"><a class="text-black font-400 hover:underline" href="https://reserved-il.com/woman/×××ש×-ת×ת×× ×/socks-tights">×ר××××</a></div></div></div></div> </li> </ul></div></div> </div></div> <!-- Overlay backdrop --><div class="desktop-overlay-backdrop fixed left-0 right-0 bottom-0 z-40" x-show="desktopActiveSubMenuId !== null" 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-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @mouseenter="desktopActiveSubMenuId = null" x-cloak style="background: rgba(0,0,0,0.1);" ></div></div></div> <style> /* ===== DESKTOP SUBMENU â SIDE PANEL OVERLAY ===== */ /* Ensure x-cloak hides elements before Alpine init */ [x-cloak] { display: none !important; } /* The panel itself: fixed, right side, below header, ~50% width */ /* DO NOT set display here â Alpine controls visibility via x-show */ .desktop-submenu-panel { width: 40vw; top: var(--desktop-menu-top, 130px); bottom: 0; right: 0; box-shadow: -4px 0 20px rgba(0,0,0,0.08); overflow: hidden; background: #fff; box-sizing: border-box; padding-right: var(--submenu-right-padding, 0px); } /* When Alpine shows the panel, make it flex */ .desktop-submenu-panel:not([style*="display: none"]) { flex-direction: column; } .desktop-submenu-override { display: flex; flex-direction: row; height: 100%; width: 100%; position: relative; } /* Level 1: the sub_menu wrapper div â reset all positioning from mobile styles */ .desktop-submenu-override > div { display: flex !important; position: static !important; width: 100% !important; height: 100% !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important; transform: none !important; max-height: none !important; min-height: auto !important; background: transparent !important; box-shadow: none !important; border: none !important; overflow: visible !important; z-index: auto !important; } /* Inner flex wrapper: categories right, children left */ .desktop-submenu-override > div > div { padding: 0 !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; width: 100% !important; height: 100% !important; } /* ---- RIGHT COLUMN: Category titles sidebar ---- */ .desktop-submenu-override > div > div > ul { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; grid-template-columns: none !important; gap: 0 !important; min-width: 50% !important; flex-shrink: 0 !important; position: static !important; padding: 2rem 2rem 2rem 1rem !important; order: 2 !important; overflow-y: auto !important; justify-content: flex-start; } /* Kill the inline grid-template-columns */ .desktop-submenu-override ul[style*="grid-template-columns"] { display: flex !important; grid-template-columns: none !important; } /* Each LI in the sidebar */ .desktop-submenu-override > div > div > ul > li { width: 100% !important; text-align: right !important; padding: 0; display: block !important; position: static !important; } /* Category title links */ .desktop-submenu-override > div > div > ul > li > div > div a, .desktop-submenu-override > div > div > ul > li > div > .relative a, .desktop-submenu-override .category-child-list > div a { /* font-weight: 400 !important; */ /* font-size: 0.95rem !important; */ display: block !important; text-align: right !important; /* color: #333 !important; */ } /* Hovered category â bold + arrow */ .desktop-submenu-override > div > div > ul > li:hover > div > div a, .desktop-submenu-override > div > div > ul > li:hover > div > .relative a, .desktop-submenu-override > div > div > ul > li:hover .category-child-list > div a { /* font-weight: 600 !important; */ /* color: #000 !important; */ } /* Arrow chevron on hovered category â points left (RTL), only if has submenu */ /* category_child with visible children */ .desktop-submenu-override > div > div > ul > li:hover .category-child-list:has(> .transition-all > div) > div:first-child a::after, /* non-category-child with accordion children */ .desktop-submenu-override > div > div > ul > li:has(> div > .transition-all):hover > div:first-child a::after, /* non-category-child with .flex submenu */ .desktop-submenu-override > div > div > ul > li:has(> .flex li):hover > div:first-child a::after, /* Default: first item arrow when no hover */ .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child:has(.category-child-list > .transition-all > div) .category-child-list >
1333 div:first-child a::after, .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child:has(> div > .transition-all) > div:first-child a::after, .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child:has(> .flex li) > div:first-child a::after { content: 'âº' !important; /* position: absolute !important; */ /* left: 0 !important; */ /* top: 50% !important; */ transform: translateY(-50%) !important; font-size: 1.2rem !important; color: #000 !important; font-weight: 300 !important; line-height: 1 !important; margin-right: 6px; } /* Make the <a> links relative so the ::before arrow is positioned correctly */ .desktop-submenu-override .category-child-list > div:first-child a, .desktop-submenu-override > div > div > ul > li > div:first-child a { position: relative !important; } /* Hide chevron on desktop */ .desktop-submenu-override .category-child-list span.absolute { display: none !important; } /* ---- LEFT COLUMN: Subcategories panel (shown on hover) ---- */ /* category_child children */ .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden { display: none !important; position: absolute !important; top: 10px !important; bottom: 0 !important; left: 0 !important; width: 50% !important; /* height auto: filled by top/bottom so it has a definite height to scroll within */ min-height: 0 !important; max-height: none !important; overflow-y: auto !important; background: #fff !important; padding: 2rem 1rem 2rem 2rem !important; z-index: 10 !important; order: 1 !important; } .desktop-submenu-override > div > div > ul > li:hover .category-child-list > .transition-all.overflow-hidden { display: block !important; } /* Slim, subtle scrollbar for the scrollable subcategory panels */ .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden, .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden, .desktop-submenu-override > div > div > ul > li > .flex { scrollbar-width: thin !important; /* Firefox */ scrollbar-color: rgba(0, 0, 0, 0.2) transparent !important; overscroll-behavior: contain !important; /* don't scroll the page behind */ } /* WebKit (Chrome/Safari/Edge) */ .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden::-webkit-scrollbar, .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden::-webkit-scrollbar, .desktop-submenu-override > div > div > ul > li > .flex::-webkit-scrollbar { width: 6px !important; } .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden::-webkit-scrollbar-track, .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden::-webkit-scrollbar-track, .desktop-submenu-override > div > div > ul > li > .flex::-webkit-scrollbar-track { background: transparent !important; } .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden::-webkit-scrollbar-thumb, .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden::-webkit-scrollbar-thumb, .desktop-submenu-override > div > div > ul > li > .flex::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2) !important; border-radius: 3px !important; } .desktop-submenu-override .category-child-list > .transition-all.overflow-hidden:hover::-webkit-scrollbar-thumb, .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden:hover::-webkit-scrollbar-thumb, .desktop-submenu-override > div > div > ul > li > .flex:hover::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.35) !important; } /* Default: show first item's children when no item is hovered */ .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child .category-child-list > .transition-all.overflow-hidden { display: block !important; } /* Non-category-child accordions */ .desktop-submenu-override > div > div > ul > li > div > .transition-all.overflow-hidden { display: none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 50% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; overflow-y: auto !important; background: #fff !important; padding: 2rem 1rem 2rem 2rem !important; z-index: 10 !important; } .desktop-submenu-override > div > div > ul > li:hover > div > .transition-all.overflow-hidden { display: block !important; } /* Default: show first item's children when no item is hovered */ .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child > div > .transition-all.overflow-hidden { display: block !important; } /* sub_menu level 2+ (.flex wrapper) */ .desktop-submenu-override > div > div > ul > li > .flex { display: none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 50% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; overflow-y: auto !important; background: #fff !important; padding: 2rem 1rem 2rem 2rem !important; z-index: 10 !important; } .desktop-submenu-override > div > div > ul > li:hover > .flex { display: block !important; } /* Default: show first item's children when no item is hovered */ .desktop-submenu-override > div > div > ul:not(:has(li:hover)) > li:first-child > .flex { display: block !important; } /* Subcategory links styling */ .desktop-submenu-override .category-child-list > .transition-all a, .desktop-submenu-override > div > div > ul > li > div > .transition-all a, .desktop-submenu-override > div > div > ul > li > .flex a { font-weight: 400 !important; font-size: 0.9rem !important; display: block !important; text-align: right !important; padding: 0.45rem 0 !important; border-bottom: none !important; } .desktop-submenu-override .category-child-list > .transition-all a:hover, .desktop-submenu-override > div > div > ul > li > div > .transition-all a:hover, .desktop-submenu-override > div > div > ul > li > .flex a:hover { text-decoration: underline !important; } /* Subcategory lists â vertical */ .desktop-submenu-override .category-child-list > .transition-all ul, .desktop-submenu-override > div > div > ul > li > div > .transition-all ul, .desktop-submenu-override > div > div > ul > li > .flex ul { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; gap: 0 !important; } .desktop-submenu-override > div > div > ul > li > .flex li, .desktop-submenu-override > div > div > ul > li > div > .transition-all li { width: 100% !important; text-align: right !important; padding: 0.15rem 0 !important; display: block !important; } /* General link reset */ .desktop-submenu-override a { padding-right: 0 !important; } /* Overlay backdrop */ .desktop-overlay-backdrop { top: var(--desktop-menu-top, 130px); }</style>
1333<script> 1334 'use strict'; 1335 1336 const initMainMenu = () => { 1337 1338 const htmlTag = document.getElementsByTagName('body')[0]; 1339 1340 1341 return { 1342 isDesktop: false, 1343 activeSubMenuId: 128, 1344 desktopActiveSubMenuId: null, 1345 openedAccordion: null, 1346 firstName: null, 1347 open: false, 1348 mediaQuery: `(min-width: 1200px)`, 1349 mediaQueryList: false, 1350 init() { 1351 this.mediaQueryList = window.matchMedia(this.mediaQuery); 1352 this.isDesktop = this.mediaQueryList.matches; 1353 1354 1355 this.$nextTick(() => { 1356 const self = this; 1357 const calcDesktopMenuTop = () => { 1358 const header = document.getElementById('header'); 1359 if (header) { 1360 const rect = header.getBoundingClientRect(); 1361 const topOffset = rect.bottom; 1362 document.documentElement.style.setProperty('--desktop-menu-top', topOffset + 'px'); 1363 } 1364 }; 1365 calcDesktopMenuTop(); 1366 window.addEventListener('resize', calcDesktopMenuTop); 1367 window.addEventListener('scroll', calcDesktopMenuTop); 1368 1369 1370 const calcSubmenuPadding = () => { 1371 const container = document.querySelector('#header > .container'); 1372 if (container) { 1373 const containerRight = container.getBoundingClientRect().right; 1374 const paddingRight = window.innerWidth - containerRight; 1375 document.documentElement.style.setProperty('--submenu-right-padding', Math.max(0, paddingRight) + 'px'); 1376 } 1377 }; 1378 calcSubmenuPadding(); 1379 window.addEventListener('resize', calcSubmenuPadding); 1380 }); 1381 1382 this.$watch('desktopActiveSubMenuId', (val) => { 1383 if (this.isDesktop) { 1384 if (val !== null) { 1385 htmlTag.classList.add('overflow-hidden'); 1386 } else { 1387 htmlTag.classList.remove('overflow-hidden'); 1388 } 1389 } 1390 }); 1391 1392 if (this.mediaQueryList.addEventListener) { 1393 this.mediaQueryList.addEventListener('change', event => { this.breakpointsChange(event) }); 1394 } else { 1395 this.mediaQueryList.addListener(event => { this.breakpointsChange(event) }); 1396 } 1397 1398 window.addEventListener("toggle-mobile-menu", (e) => this.toggleHtmlMobileState(e.detail.open)); 1399 }, 1400 toggleHtmlMobileState(open) { 1401 if(!this.isDesktop) { 1402 open ? 1403 htmlTag.classList.add( 'overflow-hidden') : 1404 htmlTag.classList.remove( 'overflow-hidden'); 1405 } else { 1406 htmlTag.classList.remove('overflow-hidden'); 1407 } 1408 }, 1409 breakpointsChange(event) { 1410 this.isDesktop = event.matches; 1411 }, 1412 toggleSubMenu(event, id) { 1413 1414 this.activeSubMenuId = id; 1415 event.preventDefault(); 1416 1417 }, 1418 toggleAccordion(event, id) { 1419 if(this.openedAccordion === id) { 1420 this.openedAccordion = null; 1421 return; 1422 } 1423 1424 const getTargetParents = function (elem) { 1425 const parents = [elem]; 1426 1427 for ( ; elem && elem !== document; elem = elem.parentNode ) { 1428 parents.push(elem); 1429 } 1430 1431 return parents; 1432 } 1433 1434 const target = event.target, 1435 targetParents = getTargetParents(target), 1436 interestTargets = targetParents.filter(item => item.tagName.toLowerCase() === 'a'); 1437 1438 if(interestTargets.length > 0) { 1439 return; 1440 } 1441 1442 this.openedAccordion = id; 1443 }, 1444 eventListeners: { 1445 ['@keydown.window.escape']() { 1446 this.open = false;
1447 this.desktopActiveSubMenuId = null; 1448 if(!this.isDesktop) { 1449 htmlTag.classList.remove('overflow-hidden'); 1450 } 1451 } 1452 } 1453 } 1454 }</script>
1454</div></div><!--Cart Drawer--> <!--Authentication Pop-Up--></div> <a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white contentarea" href="#contentarea"><span> Skip to Content</span></a> </header><div class="top-container"> </div><main id="maincontent" class="page-main-full-width"> <div id="contentarea" tabindex="-1"></div><div class="page messages">
1454<script> 1455 function initMessages() { 1456 "use strict"; 1457 return { 1458 messages: window.mageMessages || [], 1459 isEmpty() { 1460 return this.messages.reduce( 1461 function (isEmpty, message) { 1462 return isEmpty && message === undefined 1463 }, true 1464 ) 1465 }, 1466 removeMessage(messageIndex) { 1467 this.messages[messageIndex] = undefined; 1468 }, 1469 addMessages(messages, hideAfter) { 1470 messages.map((message) => { 1471 this.messages = this.messages.concat(message); 1472 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 1473 hideAfter = window.defaultSuccessMessageTimeout; 1474 } 1475 if (hideAfter) { 1476 this.setHideTimeOut(this.messages.length -1, hideAfter); 1477 } 1478 }); 1479 }, 1480 setHideTimeOut(messageIndex, hideAfter) { 1481 setTimeout((messageIndex) => { 1482 this.removeMessage(messageIndex); 1483 }, hideAfter, messageIndex); 1484 }, 1485 eventListeners: { 1486 ['@messages-loaded.window'](event) { 1487 this.addMessages(event.detail.messages, event.detail.hideAfter) 1488 }, 1489 ['@private-content-loaded.window'](event) { 1490 const data = event.detail.data; 1491 if ( 1492 data.messages && 1493 data.messages.messages && 1494 data.messages.messages.length 1495 ) { 1496 this.addMessages(data.messages.messages); 1497 } 1498 }, 1499 ['@clear-messages.window']() { 1500 this.messages = []; 1501 } 1502 } 1503 } 1504 }</script>
1504<section id="messages" x-data="initMessages()" x-bind="eventListeners" aria-live="assertive" role="alert" ><template x-if="!isEmpty()"><div class="w-full"><div class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message && message.text"><div class="message" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <button type="button" class="text-gray-600 hover:text-black" aria-label="Close message" @click.prevent="removeMessage(index)" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> 1505 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1506</svg> 1507</button></div></template></div></template></div></div></template></section></div><div class="columns"><div class="column main"><style>#html-body [data-pb-style=EE41I9I]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;text-align:center}#html-body [data-pb-style=LNBHP8L],#html-body [data-pb-style=ROKU5PS]{display:none}#html-body [data-pb-style=MM9MCY1]{display:none;margin:10px 20px 20px;border-style:none}#html-body [data-pb-style=EECGTPL],#html-body [data-pb-style=HPCEYAR]{max-width:100%;height:auto}#html-body [data-pb-style=DF1CBV8]{display:none;margin:10px 20px 20px;border-style:none}#html-body [data-pb-style=FEL9NRH],#html-body [data-pb-style=IM173ER]{max-width:100%;height:auto}#html-body [data-pb-style=KIOFF65]{display:none}@media only screen and (max-width: 768px) { #html-body [data-pb-style=DF1CBV8],#html-body [data-pb-style=MM9MCY1]{border-style:none} }</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="EE41I9I"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://reserved-il.com/woman/clothes/new-arrival" 1508 style="display:block;width:100%;text-decoration:none;"> 1509 1510<style> 1511 1512/* ========================= 1513 RESERVED AUTUMN OUTFITS 1514========================= */ 1515 1516.rsv-sale-desktop, 1517.rsv-sale-mobile{ 1518 width:100%; 1519 position:relative; 1520 overflow:hidden; 1521 line-height:0; 1522} 1523 1524.rsv-sale-desktop{ 1525 aspect-ratio:1920/823; 1526} 1527 1528.rsv-sale-mobile{ 1529 aspect-ratio:640/960; 1530 display:none; 1531} 1532 1533/* VIDEO */ 1534 1535.rsv-sale-desktop video, 1536.rsv-sale-mobile video{ 1537 width:100%; 1538 height:100%; 1539 object-fit:cover; 1540 display:block; 1541} 1542 1543/* ========================= 1544 TEXT 1545========================= */ 1546 1547.rsv-sale-text{ 1548 position:absolute; 1549 left:5%; 1550 bottom:16%; 1551 z-index:20; 1552 1553 color:#fff; 1554 text-align:left; 1555 1556 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; 1557 font-size:54px; 1558 font-weight:700; 1559 letter-spacing:1px; 1560 line-height:1; 1561 1562 white-space:nowrap; 1563 pointer-events:none; 1564} 1565 1566/* ========================= 1567 MOBILE 1568========================= */ 1569 1570@media (max-width:767px){ 1571 1572 .rsv-sale-desktop{ 1573 display:none; 1574 } 1575 1576 .rsv-sale-mobile{ 1577 display:block; 1578 } 1579 1580 .rsv-sale-text{ 1581 left:7%; 1582 bottom:12%; 1583 1584 font-size:32px; 1585 font-weight:700; 1586 letter-spacing:.5px; 1587 } 1588} 1589 1590</style> 1591 1592 1593<!-- DESKTOP --> 1594 1595<div class="rsv-sale-desktop"> 1596 1597 <video 1598 autoplay 1599 muted 1600 loop 1601 playsinline 1602 preload="metadata" 1603 poster="https://media.reserved.com/media/b/q/z/ecf665d705-allsliderkurtki2026-09-21desktopladies1920x823.jpg"> 1604 1605 <source 1606 src="https://media.reserved.com/media/8/8/9/701eba6002-allsliderkurtki2026-09-21desktopladies1920x8231.mp4" 1607 type="video/mp4"> 1608 1609 </video> 1610 1611 <div class="rsv-sale-text"> 1612 Autumn outfits 1613 </div> 1614 1615</div> 1616 1617 1618<!-- MOBILE --> 1619 1620<div class="rsv-sale-mobile"> 1621 1622 <video 1623 autoplay 1624 muted 1625 loop 1626 playsinline 1627 preload="metadata" 1628 poster="https://media.reserved.com/media/7/r/z/9aaa59ca5e-allsliderkurtki2026-09-21mobileladies640x960.jpg"> 1629 1630 <source 1631 src="https://media.reserved.com/media/r/s/3/efde4b7975-allsliderkurtki2026-09-21mobileladies640x9603.mp4" 1632 type="video/mp4"> 1633 1634 </video> 1635 1636 <div class="rsv-sale-text"> 1637 Autumn outfits 1638 </div> 1639 1640</div> 1641 1642</a></div><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"> <div dir="ltr" class="glider-contain product-items widget-product-carou
1642sel"><div data-role="glider-content" class="mx-auto grid gap-0 sm:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 relative overflow-y-hidden overflow-x-scroll"> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342736/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342736()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342736"> <a x-data="{open: false}" href="https://reserved-il.com/204kw-93x-%D7%97%D7%95%D7%9C%D7%A6%D7%94-%D7%A2%D7%9D-%D7%A2%D7%99%D7%98%D7%95%D7%A8%D7%99-%D7%9E%D7%9C%D7%9E%D7%9C%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342736" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
1642<script> 1643 function initConfigurableSwatchOptions_342736() { 1644 const configurableOptionsComponent = initConfigurableOptions( 1645 '342736', 1646 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"903","label":"\u05de\u05d4\u05d2\u05d5\u05e0\u05d9","products":["342382","342385"]},{"id":"762","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["342376","342378","342379","342380"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["342380","342385"]},{"id":"63","label":"S","products":["342378"]},{"id":"49","label":"M","products":["342382"]},{"id":"46","label":"L","products":["342376"]},{"id":"54","label":"XL","products":["342379"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342376":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342378":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342379":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342380":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342382":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342385":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"342736","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342376":{"93":"762","147":"46"},"342378":{"93":"762","147":"63"},"342379":{"93":"762","147":"54"},"342380":{"93":"762","147":"146"},"342382":{"93":"903","147":"49"},"342385":{"93":"903","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"342376":"204KW-09X-L","342378":"204KW-09X-S","342379":"204KW-09X-XL","342380":"204KW-09X-XS","342382":"204KW-93X-M","342385":"204KW-93X-XS"}} ); 1647 const swatchOptionsComponent = initSwatchOptions({"93":{"762":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/0\/204kw-09x-999-1-1324009.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/0\/204kw-09x-999-1-1324009.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"903":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/0\/204kw-93x-999-1-1324010.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/0\/204kw-93x-999-1-1324010.jpg","label":"\u05de\u05d4\u05d2\u05d5\u05e0\u05d9"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 1648 const colorAttrCode = 93; 1649 const sizeAttrCode = 147; 1650 const colorValue = '903'; 1651 1652 return Object.assign( 1653 configurableOptionsComponent, 1654 swatchOptionsComponent, 1655 { 1656 open: false, 1657 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 1658 init() { 1659 const self = this; 1660 window.addEventListener('select-product-342736-option', function(event) { 1661 if(event.detail) { 1662 const {option, value} = event.detail; 1663 self.changeOption(option, value); 1664 } 1665 }) 1666 }, 1667 changeOption(optionId, value, skipUpdateGallery) { 1668 this.selectedValues[optionId] = value; 1669 this.findSimpleIndex(); 1670 this.findAllowedAttributeOptions(); 1671 this.updatePrices(); 1672 !skipUpdateGallery && this.updateGallery(); 1673 }, 1674 toggleOption(optionId, value) { 1675 const optionIsSelected = this.selectedValues[optionId] === value; 1676 1677 if(optionIsSelected) { 1678 this.$el.querySelector('input').checked = false;
1679 this.selectedValues[optionId] = ''; 1680 1681 return; 1682 } 1683 1684 this.changeOption(optionId, value, true); 1685 }, 1686 preSelectColor() { 1687 this.changeOption(colorAttrCode, colorValue, 1); 1688 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 1689 1690 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 1691 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 1692 } 1693 }, 1694 onGetCartData(data) { 1695 this.preSelectColor(); 1696 this.preselectCartItems(data); 1697 this.preselectQuerystringItems(); 1698 this.preselectLocationHashItems(); 1699 }, 1700 updateGallery() { 1701 if (!this.productIndex) { 1702 return; 1703 } 1704 1705 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 1706 method: 'GET', 1707 headers: { 1708 'Content-Type': 'application/json', 1709 'X-Requested-With': 'XMLHttpRequest' 1710 } 1711 } 1712 ).then(response => { 1713 return response.json() 1714 } 1715 ).then(data => { 1716 if (data.errors) { 1717 1718 console.warn(data.errors); 1719 } else { 1720 const image = data && data.medium; 1721 1722 image && window.dispatchEvent( 1723 new CustomEvent( 1724 "update-gallery-342736", 1725 {detail: image} 1726 ) 1727 ); 1728 } 1729 }).catch(error => { 1730 console.warn(error) 1731 }); 1732 }, 1733 preselectQuerystringItems() { 1734 1735 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 1736 Object.values(this.optionConfig.attributes).map(attribute => { 1737 1738 const skipUpdateGallery = true; 1739 1740 if(!urlQueryParams.get(attribute.code)) { 1741 return; 1742 } 1743 const selectedOption = attribute.options.filter(option => { 1744 return option.label === urlQueryParams.get(attribute.code); 1745 })[0]; 1746 1747 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 1748 return; 1749 } 1750 1751 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 1752 }); 1753 }, 1754 preselectItemsBasedOnLocation(getLocationValue) { 1755 Object.values(this.optionConfig.attributes).map(attribute => { 1756 if(!getLocationValue(attribute)) { 1757 return; 1758 } 1759 this.changeOption(attribute.id, getLocationValue(attribute)) 1760 }); 1761 }, 1762 mouseDown: false, 1763 getLabelBySelectedSwatchId(defaultLabel, id) { 1764 if (this.selectedValues[id]) { 1765 return this.getSwatchText(id, this.selectedValues[id]); 1766 } 1767 1768 return defaultLabel; 1769 } 1770 } 1771 ); 1772 }</script>
1772<div x-data="initConfigurableSwatchOptions_342736()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342736" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342736-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342736-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342736.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342736.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342736.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342736.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 1773 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 1774<title>chevron-up</title></svg> 1775</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342736"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342736-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
1775" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342736-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342736"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 1776 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 1777<title>chevron-down</title></svg> 1778</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342736" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 1779 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 1780<title>chevron-up</title></svg> 1781</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 1782<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 1783<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 1784</svg> 1785</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 1786<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 1787 <g fill="none" fill-rule="evenodd"> 1788 <g transform="translate(1 1)" stroke-width="2"> 1789 <circle cx="5" cy="50" r="5">
1790 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 1791 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 1792 </circle> 1793 <circle cx="27" cy="5" r="5"> 1794 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 1795 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 1796 </circle> 1797 <circle cx="49" cy="50" r="5"> 1798 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 1799 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 1800 </circle> 1801 </g> 1802 </g> 1803<title>loader</title></svg> 1804</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05d4 \u05e2\u05dd \u05e2\u05d9\u05d8\u05d5\u05e8\u05d9 \u05de\u05dc\u05de\u05dc\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05d4 \u05e2\u05dd \u05e2\u05d9\u05d8\u05d5\u05e8\u05d9 \u05de\u05dc\u05de\u05dc\u05d4","id":"342736","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/204kw-93x-חולצה-עם-עיטורי-מלמלה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/0/204kw-93x-001-1-1324010.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342736.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/0/204kw-93x-001-1-1324010.jpg" loading="lazy" width="900" height="1200" alt="חולצה עם עיטורי מלמלה" title="חולצה עם עיטורי מלמלה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/0/204kw-93x-002-1-1324010.jpg" loading="lazy" width="675" height="900" alt="חולצה עם עיטורי מלמלה" title="חולצה עם עיטורי מלמלה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/204kw-93x-%D7%97%D7%95%D7%9C%D7%A6%D7%94-%D7%A2%D7%9D-%D7%A2%D7%99%D7%98%D7%95%D7%A8%D7%99-%D7%9E%D7%9C%D7%9E%D7%9C%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05d4 \u05e2\u05dd \u05e2\u05d9\u05d8\u05d5\u05e8\u05d9 \u05de\u05dc\u05de\u05dc\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05d4 \u05e2\u05dd \u05e2\u05d9\u05d8\u05d5\u05e8\u05d9 \u05de\u05dc\u05de\u05dc\u05d4","id":"342736","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/204kw-93x-חולצה-עם-עיטורי-מלמלה';return false; }});">חולצה עם עיטורי מלמלה</a> <div class="flex items-center justify-start" x-data="init
1804ConfigurablePreview_342736()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/204kw-93x-%D7%97%D7%95%D7%9C%D7%A6%D7%94-%D7%A2%D7%9D-%D7%A2%D7%99%D7%98%D7%95%D7%A8%D7%99-%D7%9E%D7%9C%D7%9E%D7%9C%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 1805 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 1806<title>arrow-left</title></svg> 1807</a></div>
1807<script> 1808 'use strict'; 1809 function initConfigurablePreview_342736() { 1810 const configurableOptionsComponent = initConfigurableOptions( 1811 '342736', 1812 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"903","label":"\u05de\u05d4\u05d2\u05d5\u05e0\u05d9","products":["342382","342385"]},{"id":"762","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["342376","342378","342379","342380"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["342380","342385"]},{"id":"63","label":"S","products":["342378"]},{"id":"49","label":"M","products":["342382"]},{"id":"46","label":"L","products":["342376"]},{"id":"54","label":"XL","products":["342379"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342376":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342378":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342379":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342380":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342382":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342385":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"342736","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342376":{"93":"762","147":"46"},"342378":{"93":"762","147":"63"},"342379":{"93":"762","147":"54"},"342380":{"93":"762","147":"146"},"342382":{"93":"903","147":"49"},"342385":{"93":"903","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"342376":"204KW-09X-L","342378":"204KW-09X-S","342379":"204KW-09X-XL","342380":"204KW-09X-XS","342382":"204KW-93X-M","342385":"204KW-93X-XS"}} ); 1813 1814 const colorAttrCode = 93; 1815 const colorValue = '903'; 1816 1817 const swatchOptionsComponent = initSwatchOptions({"93":{"762":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/0\/204kw-09x-999-1-1324009.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/0\/204kw-09x-999-1-1324009.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"903":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/0\/204kw-93x-999-1-1324010.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/0\/204kw-93x-999-1-1324010.jpg","label":"\u05de\u05d4\u05d2\u05d5\u05e0\u05d9"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 1818 1819 return Object.assign( 1820 configurableOptionsComponent, 1821 swatchOptionsComponent, 1822 { 1823 productUrl: "https://reserved-il.com/204kw-93x-חולצה-עם-עיטורי-מלמלה", 1824 attributeCode: "color", 1825 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 1826 preselectOption() { 1827 this.selectedValues[colorAttrCode] = colorValue; 1828 this.dispatchSelectedOption(colorAttrCode, colorValue); 1829 }, 1830 selectOption(optionId, value) { 1831 this.selectedValues[optionId] = value; 1832 this.dispatchSelectedOption(optionId, value); 1833 }, 1834 dispatchSelectedOption(optionId, value) { 1835 window.dispatchEvent( 1836 new CustomEvent( 1837 "select-product-342736-option", 1838 {detail: {option: optionId, value: value}} 1839 ) 1840 ); 1841 } 1842 } 1843 ) 1844 }</script>
1844 </div><div x-data="initPriceBox__6ac33f9baab54()" @update-prices-342736.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342736" data-price-box="product-id-342736"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342736" data-price-amount="129.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">129.90 ₪</span></span> </span></span> </div></div>
1844<script> 1845 function initPriceBox__6ac33f9baab54() 1846 { 1847 return { 1848 updatePrice(priceData) { 1849 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 1850 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 1851 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 1852 regularPriceLabel.classList.add('hidden'); 1853 } else { 1854 regularPriceLabel.classList.remove('hidden'); 1855 } 1856 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 1857 } 1858 } 1859 }</script>
1859</div></form>
1859<script> 1860 function validateSuperAttrs(superAttributeInputs) { 1861 let isValid = true; 1862 1863 superAttributeInputs.forEach(input => { 1864 const value = input.value.trim(); 1865 if (!/^\d+$/.test(value)) { 1866 isValid = false; 1867 } 1868 }); 1869 1870 return isValid; 1871 } 1872 function formSubmitData_342736() { 1873 return { 1874 loading: false, 1875 success: false, 1876 open: false, 1877 form: null, 1878 init: function () { 1879 this.form = this.$el; 1880 }, 1881 ajaxFormSubmit: function () { 1882 const self = this; 1883 const data = new URLSearchParams(new FormData(self.form)); 1884 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 1885 if (!validateSuperAttrs(superAttributeInputs)) { 1886 alert('Please enter a valid number.'); 1887 self.loading = false; 1888 return; 1889 } 1890 fetch(self.form.action, { 1891 method: 'POST', 1892 body: data, 1893 headers: { 1894 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 1895 'X-Requested-With': 'XMLHttpRequest' 1896 } 1897 }).then(res => { 1898 if (!res.ok) { 1899 return self.form.submit(); 1900 } 1901 1902 if (res.redirected) { 1903 return []; 1904 } 1905 1906 return res.json(); 1907 }).then(data => { 1908 if (data.backUrl) { 1909 self.form.submit(); 1910 } 1911 1912 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 1913 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 1914 }).catch(err => { 1915 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 1916 1917 self.setMessage({ 1918 text: 'אירעה שגיאה בהוספת הפריט לסל.', 1919 type: 'error' 1920 }); 1921 }).finally(() => { 1922 let messages = hyva.getCookie('mage-messages'); 1923 self.loading = false; 1924 self.success = true; 1925 try { 1926 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 1927 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 1928 } catch (error) { 1929 console.warn('Error parsing Cookie Messages:', error); 1930 return; 1931 } 1932 1933 setTimeout(() => { 1934 messages.forEach(message => { 1935 self.setMessage(message); 1936 }); 1937 }, 1000); 1938 1939 setTimeout(() => { 1940 self.success = false; 1941 self.open = false; 1942 }, 3000); 1943 }); 1944 1945 }, 1946 setMessage: function(message) { 1947 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 1948 [message], 5000 1949 ); 1950 }, 1951 submitAddToCartForm(event) { 1952 event.preventDefault(); 1953 1954 this.loading = true; 1955 1956 this.ajaxFormSubmit(); 1957 } 1958 } 1959 }</script>
1959</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342155/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342155()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342155"> <a x-data="{open: false}" href="https://reserved-il.com/519ke-83x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342155" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
1959<script> 1960 function initConfigurableSwatchOptions_342155() { 1961 const configurableOptionsComponent = initConfigurableOptions( 1962 '342155', 1963 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341758","341759","341760"]},{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341756","341757"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["341757","341760"]},{"id":"49","label":"M","products":["341756","341759"]},{"id":"46","label":"L","products":["341758"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341756":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341757":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341758":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341759":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341760":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342155","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341756":{"93":"836","147":"49"},"341757":{"93":"836","147":"63"},"341758":{"93":"723","147":"46"},"341759":{"93":"723","147":"49"},"341760":{"93":"723","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341756":"519KE-83X-M","341757":"519KE-83X-S","341758":"519KE-99X-L","341759":"519KE-99X-M","341760":"519KE-99X-S"}} ); 1964 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-83x-999-1-1330327.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-83x-999-1-1330327.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-99x-999-1-1330328.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-99x-999-1-1330328.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 1965 const colorAttrCode = 93; 1966 const sizeAttrCode = 147; 1967 const colorValue = '836'; 1968 1969 return Object.assign( 1970 configurableOptionsComponent, 1971 swatchOptionsComponent, 1972 { 1973 open: false, 1974 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 1975 init() { 1976 const self = this; 1977 window.addEventListener('select-product-342155-option', function(event) { 1978 if(event.detail) { 1979 const {option, value} = event.detail; 1980 self.changeOption(option, value); 1981 } 1982 }) 1983 }, 1984 changeOption(optionId, value, skipUpdateGallery) { 1985 this.selectedValues[optionId] = value; 1986 this.findSimpleIndex(); 1987 this.findAllowedAttributeOptions(); 1988 this.updatePrices(); 1989 !skipUpdateGallery && this.updateGallery(); 1990 }, 1991 toggleOption(optionId, value) { 1992 const optionIsSelected = this.selectedValues[optionId] === value; 1993 1994 if(optionIsSelected) { 1995 this.$el.querySelector('input').checked = false;
1996 this.selectedValues[optionId] = ''; 1997 1998 return; 1999 } 2000 2001 this.changeOption(optionId, value, true); 2002 }, 2003 preSelectColor() { 2004 this.changeOption(colorAttrCode, colorValue, 1); 2005 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 2006 2007 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 2008 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 2009 } 2010 }, 2011 onGetCartData(data) { 2012 this.preSelectColor(); 2013 this.preselectCartItems(data); 2014 this.preselectQuerystringItems(); 2015 this.preselectLocationHashItems(); 2016 }, 2017 updateGallery() { 2018 if (!this.productIndex) { 2019 return; 2020 } 2021 2022 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 2023 method: 'GET', 2024 headers: { 2025 'Content-Type': 'application/json', 2026 'X-Requested-With': 'XMLHttpRequest' 2027 } 2028 } 2029 ).then(response => { 2030 return response.json() 2031 } 2032 ).then(data => { 2033 if (data.errors) { 2034 2035 console.warn(data.errors); 2036 } else { 2037 const image = data && data.medium; 2038 2039 image && window.dispatchEvent( 2040 new CustomEvent( 2041 "update-gallery-342155", 2042 {detail: image} 2043 ) 2044 ); 2045 } 2046 }).catch(error => { 2047 console.warn(error) 2048 }); 2049 }, 2050 preselectQuerystringItems() { 2051 2052 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 2053 Object.values(this.optionConfig.attributes).map(attribute => { 2054 2055 const skipUpdateGallery = true; 2056 2057 if(!urlQueryParams.get(attribute.code)) { 2058 return; 2059 } 2060 const selectedOption = attribute.options.filter(option => { 2061 return option.label === urlQueryParams.get(attribute.code); 2062 })[0]; 2063 2064 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 2065 return; 2066 } 2067 2068 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 2069 }); 2070 }, 2071 preselectItemsBasedOnLocation(getLocationValue) { 2072 Object.values(this.optionConfig.attributes).map(attribute => { 2073 if(!getLocationValue(attribute)) { 2074 return; 2075 } 2076 this.changeOption(attribute.id, getLocationValue(attribute)) 2077 }); 2078 }, 2079 mouseDown: false, 2080 getLabelBySelectedSwatchId(defaultLabel, id) { 2081 if (this.selectedValues[id]) { 2082 return this.getSwatchText(id, this.selectedValues[id]); 2083 } 2084 2085 return defaultLabel; 2086 } 2087 } 2088 ); 2089 }</script>
2089<div x-data="initConfigurableSwatchOptions_342155()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342155" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342155-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342155-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342155.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342155.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342155.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342155.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 2090 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2091<title>chevron-up</title></svg> 2092</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342155"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342155-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
2092" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342155-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342155"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2093 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 2094<title>chevron-down</title></svg> 2095</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342155" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2096 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2097<title>chevron-up</title></svg> 2098</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 2099<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 2100<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 2101</svg> 2102</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 2103<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 2104 <g fill="none" fill-rule="evenodd"> 2105 <g transform="translate(1 1)" stroke-width="2"> 2106 <circle cx="5" cy="50" r="5">
2107 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 2108 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 2109 </circle> 2110 <circle cx="27" cy="5" r="5"> 2111 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 2112 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 2113 </circle> 2114 <circle cx="49" cy="50" r="5"> 2115 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 2116 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 2117 </circle> 2118 </g> 2119 </g> 2120<title>loader</title></svg> 2121</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","id":"342155","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/519ke-83x-שמלת-תחרה-בגזרה-מתרחבת';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/5/1/519ke-83x-003-1-1330327.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342155.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/5/1/519ke-83x-003-1-1330327.jpg" loading="lazy" width="900" height="1200" alt="שמלת תחרה בגזרה מתרחבת" title="שמלת תחרה בגזרה מתרחבת"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/5/1/519ke-83x-050-1-1323292.jpg" loading="lazy" width="675" height="900" alt="שמלת תחרה בגזרה מתרחבת" title="שמלת תחרה בגזרה מתרחבת"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/519ke-83x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","id":"342155","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/519ke-83x-שמלת-תחרה-בגזרה-מתרחבת';return false; }});">שמלת תחרה בגזרה מתרחבת</a> <div class="flex items-center justify-start" x-data="init
2121ConfigurablePreview_342155()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/519ke-83x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 2122 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 2123<title>arrow-left</title></svg> 2124</a></div>
2124<script> 2125 'use strict'; 2126 function initConfigurablePreview_342155() { 2127 const configurableOptionsComponent = initConfigurableOptions( 2128 '342155', 2129 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341758","341759","341760"]},{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341756","341757"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["341757","341760"]},{"id":"49","label":"M","products":["341756","341759"]},{"id":"46","label":"L","products":["341758"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341756":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341757":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341758":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341759":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341760":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342155","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341756":{"93":"836","147":"49"},"341757":{"93":"836","147":"63"},"341758":{"93":"723","147":"46"},"341759":{"93":"723","147":"49"},"341760":{"93":"723","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341756":"519KE-83X-M","341757":"519KE-83X-S","341758":"519KE-99X-L","341759":"519KE-99X-M","341760":"519KE-99X-S"}} ); 2130 2131 const colorAttrCode = 93; 2132 const colorValue = '836'; 2133 2134 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-83x-999-1-1330327.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-83x-999-1-1330327.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-99x-999-1-1330328.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-99x-999-1-1330328.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2135 2136 return Object.assign( 2137 configurableOptionsComponent, 2138 swatchOptionsComponent, 2139 { 2140 productUrl: "https://reserved-il.com/519ke-83x-שמלת-תחרה-בגזרה-מתרחבת", 2141 attributeCode: "color", 2142 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2143 preselectOption() { 2144 this.selectedValues[colorAttrCode] = colorValue; 2145 this.dispatchSelectedOption(colorAttrCode, colorValue); 2146 }, 2147 selectOption(optionId, value) { 2148 this.selectedValues[optionId] = value; 2149 this.dispatchSelectedOption(optionId, value); 2150 }, 2151 dispatchSelectedOption(optionId, value) { 2152 window.dispatchEvent( 2153 new CustomEvent( 2154 "select-product-342155-option", 2155 {detail: {option: optionId, value: value}} 2156 ) 2157 ); 2158 } 2159 } 2160 ) 2161 }</script>
2161 </div><div x-data="initPriceBox__6ac33f9bb853e()" @update-prices-342155.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342155" data-price-box="product-id-342155"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342155" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
2161<script> 2162 function initPriceBox__6ac33f9bb853e() 2163 { 2164 return { 2165 updatePrice(priceData) { 2166 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 2167 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 2168 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 2169 regularPriceLabel.classList.add('hidden'); 2170 } else { 2171 regularPriceLabel.classList.remove('hidden'); 2172 } 2173 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 2174 } 2175 } 2176 }</script>
2176</div></form>
2176<script> 2177 function validateSuperAttrs(superAttributeInputs) { 2178 let isValid = true; 2179 2180 superAttributeInputs.forEach(input => { 2181 const value = input.value.trim(); 2182 if (!/^\d+$/.test(value)) { 2183 isValid = false; 2184 } 2185 }); 2186 2187 return isValid; 2188 } 2189 function formSubmitData_342155() { 2190 return { 2191 loading: false, 2192 success: false, 2193 open: false, 2194 form: null, 2195 init: function () { 2196 this.form = this.$el; 2197 }, 2198 ajaxFormSubmit: function () { 2199 const self = this; 2200 const data = new URLSearchParams(new FormData(self.form)); 2201 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 2202 if (!validateSuperAttrs(superAttributeInputs)) { 2203 alert('Please enter a valid number.'); 2204 self.loading = false; 2205 return; 2206 } 2207 fetch(self.form.action, { 2208 method: 'POST', 2209 body: data, 2210 headers: { 2211 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 2212 'X-Requested-With': 'XMLHttpRequest' 2213 } 2214 }).then(res => { 2215 if (!res.ok) { 2216 return self.form.submit(); 2217 } 2218 2219 if (res.redirected) { 2220 return []; 2221 } 2222 2223 return res.json(); 2224 }).then(data => { 2225 if (data.backUrl) { 2226 self.form.submit(); 2227 } 2228 2229 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 2230 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 2231 }).catch(err => { 2232 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 2233 2234 self.setMessage({ 2235 text: 'אירעה שגיאה בהוספת הפריט לסל.', 2236 type: 'error' 2237 }); 2238 }).finally(() => { 2239 let messages = hyva.getCookie('mage-messages'); 2240 self.loading = false; 2241 self.success = true; 2242 try { 2243 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 2244 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 2245 } catch (error) { 2246 console.warn('Error parsing Cookie Messages:', error); 2247 return; 2248 } 2249 2250 setTimeout(() => { 2251 messages.forEach(message => { 2252 self.setMessage(message); 2253 }); 2254 }, 1000); 2255 2256 setTimeout(() => { 2257 self.success = false; 2258 self.open = false; 2259 }, 3000); 2260 }); 2261 2262 }, 2263 setMessage: function(message) { 2264 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 2265 [message], 5000 2266 ); 2267 }, 2268 submitAddToCartForm(event) { 2269 event.preventDefault(); 2270 2271 this.loading = true; 2272 2273 this.ajaxFormSubmit(); 2274 } 2275 } 2276 }</script>
2276</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342091/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342091()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342091"> <a x-data="{open: false}" href="https://reserved-il.com/181ky-99x-%D7%92%D7%A7%D7%98-%D7%91%D7%95%D7%9E%D7%91%D7%A8-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%93%D7%9E%D7%95%D7%99-%D7%A4%D7%A8%D7%95%D7%95%D7%94-%D7%A0%D7%A9%D7%9C%D7%A3" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342091" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
2276<script> 2277 function initConfigurableSwatchOptions_342091() { 2278 const configurableOptionsComponent = initConfigurableOptions( 2279 '342091', 2280 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["342363"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341394","341395","341396","341397","341398","341399"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341398"]},{"id":"63","label":"S","products":["341396"]},{"id":"49","label":"M","products":["341395"]},{"id":"46","label":"L","products":["341394"]},{"id":"54","label":"XL","products":["341397"]},{"id":"93","label":"XXL","products":["342363","341399"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342363":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341394":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341395":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341396":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341397":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341398":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341399":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9}},"productId":"342091","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342363":{"93":"798","147":"93"},"341394":{"93":"723","147":"46"},"341395":{"93":"723","147":"49"},"341396":{"93":"723","147":"63"},"341397":{"93":"723","147":"54"},"341398":{"93":"723","147":"146"},"341399":{"93":"723","147":"93"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"342363":"181KY-89X-XXL","341394":"181KY-99X-L","341395":"181KY-99X-M","341396":"181KY-99X-S","341397":"181KY-99X-XL","341398":"181KY-99X-XS","341399":"181KY-99X-XXL"}} ); 2281 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/1\/8\/181ky-89x-999-1-1281446.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/1\/8\/181ky-89x-999-1-1281446.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/1\/8\/181ky-99x-999-1-1332596.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/1\/8\/181ky-99x-999-1-1332596.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2282 const colorAttrCode = 93; 2283 const sizeAttrCode = 147; 2284 const colorValue = '723'; 2285 2286 return Object.assign( 2287 configurableOptionsComponent, 2288 swatchOptionsComponent, 2289 { 2290 open: false, 2291 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2292 init() { 2293 const self = this; 2294 window.addEventListener('select-product-342091-option', function(event) { 2295 if(event.detail) { 2296 const {option, value} = event.detail; 2297 self.changeOption(option, value); 2298 } 2299 }) 2300 }, 2301 changeOption(optionId, value, skipUpdateGallery) { 2302 this.selectedValues[optionId] = value; 2303 this.findSimpleIndex(); 2304 this.findAllowedAttributeOptions(); 2305 this.updatePrices(); 2306 !skipUpdateGallery && this.updateGallery(); 2307 }, 2308 toggleOption(optionId, value) { 2309 const optionIsSelected = this.selectedValues[optionId] === value; 2310 2311 if(optionIsSelected) { 2312 this.$el.querySelector('input').checked = false;
2313 this.selectedValues[optionId] = ''; 2314 2315 return; 2316 } 2317 2318 this.changeOption(optionId, value, true); 2319 }, 2320 preSelectColor() { 2321 this.changeOption(colorAttrCode, colorValue, 1); 2322 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 2323 2324 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 2325 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 2326 } 2327 }, 2328 onGetCartData(data) { 2329 this.preSelectColor(); 2330 this.preselectCartItems(data); 2331 this.preselectQuerystringItems(); 2332 this.preselectLocationHashItems(); 2333 }, 2334 updateGallery() { 2335 if (!this.productIndex) { 2336 return; 2337 } 2338 2339 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 2340 method: 'GET', 2341 headers: { 2342 'Content-Type': 'application/json', 2343 'X-Requested-With': 'XMLHttpRequest' 2344 } 2345 } 2346 ).then(response => { 2347 return response.json() 2348 } 2349 ).then(data => { 2350 if (data.errors) { 2351 2352 console.warn(data.errors); 2353 } else { 2354 const image = data && data.medium; 2355 2356 image && window.dispatchEvent( 2357 new CustomEvent( 2358 "update-gallery-342091", 2359 {detail: image} 2360 ) 2361 ); 2362 } 2363 }).catch(error => { 2364 console.warn(error) 2365 }); 2366 }, 2367 preselectQuerystringItems() { 2368 2369 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 2370 Object.values(this.optionConfig.attributes).map(attribute => { 2371 2372 const skipUpdateGallery = true; 2373 2374 if(!urlQueryParams.get(attribute.code)) { 2375 return; 2376 } 2377 const selectedOption = attribute.options.filter(option => { 2378 return option.label === urlQueryParams.get(attribute.code); 2379 })[0]; 2380 2381 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 2382 return; 2383 } 2384 2385 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 2386 }); 2387 }, 2388 preselectItemsBasedOnLocation(getLocationValue) { 2389 Object.values(this.optionConfig.attributes).map(attribute => { 2390 if(!getLocationValue(attribute)) { 2391 return; 2392 } 2393 this.changeOption(attribute.id, getLocationValue(attribute)) 2394 }); 2395 }, 2396 mouseDown: false, 2397 getLabelBySelectedSwatchId(defaultLabel, id) { 2398 if (this.selectedValues[id]) { 2399 return this.getSwatchText(id, this.selectedValues[id]); 2400 } 2401 2402 return defaultLabel; 2403 } 2404 } 2405 ); 2406 }</script>
2406<div x-data="initConfigurableSwatchOptions_342091()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342091" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342091-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342091-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342091.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342091.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342091.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342091.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 2407 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2408<title>chevron-up</title></svg> 2409</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342091"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342091-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
2409" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342091-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342091"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2410 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 2411<title>chevron-down</title></svg> 2412</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342091" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2413 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2414<title>chevron-up</title></svg> 2415</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 2416<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 2417<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 2418</svg> 2419</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 2420<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 2421 <g fill="none" fill-rule="evenodd"> 2422 <g transform="translate(1 1)" stroke-width="2"> 2423 <circle cx="5" cy="50" r="5">
2424 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 2425 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 2426 </circle> 2427 <circle cx="27" cy="5" r="5"> 2428 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 2429 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 2430 </circle> 2431 <circle cx="49" cy="50" r="5"> 2432 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 2433 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 2434 </circle> 2435 </g> 2436 </g> 2437<title>loader</title></svg> 2438</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05e7\u05d8 \u05d1\u05d5\u05de\u05d1\u05e8 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05d3\u05de\u05d5\u05d9 \u05e4\u05e8\u
243805d5\u05d5\u05d4 \u05e0\u05e9\u05dc\u05e3","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05e7\u05d8 \u05d1\u05d5\u05de\u05d1\u05e8 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05d3\u05de\u05d5\u05d9 \u05e4\u05e8\u05d5\u05d5\u05d4 \u05e0\u05e9\u05dc\u05e3","id":"342091","price":"299.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/181ky-99x-גקט-בומבר-עם-צווארון-דמוי-פרווה-נשלף';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/1/8/181ky-99x-003-1-1330315.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342091.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/1/8/181ky-99x-003-1-1330315.jpg" loading="lazy" width="900" height="1200" alt="ג'קט בומבר עם צווארון דמוי פרווה נשלף" title="ג'קט בומבר עם צווארון דמוי פרווה נשלף"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/1/8/181ky-99x-001-1-1330315.jpg" loading="lazy" width="675" height="900" alt="ג'קט בומבר עם צווארון דמוי פרווה נשלף" title="ג'קט בומבר עם צווארון דמוי פרווה נשלף"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/181ky-99x-%D7%92%D7%A7%D7%98-%D7%91%D7%95%D7%9E%D7%91%D7%A8-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%93%D7%9E%D7%95%D7%99-%D7%A4%D7%A8%D7%95%D7%95%D7%94-%D7%A0%D7%A9%D7%9C%D7%A3" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05e7\u05d8 \u05d1\u05d5\u05de\u05d1\u05e8 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05d3\u05de\u05d5\u05d9 \u05e4\u05e8\u
243805d5\u05d5\u05d4 \u05e0\u05e9\u05dc\u05e3","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05e7\u05d8 \u05d1\u05d5\u05de\u05d1\u05e8 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05d3\u05de\u05d5\u05d9 \u05e4\u05e8\u05d5\u05d5\u05d4 \u05e0\u05e9\u05dc\u05e3","id":"342091","price":"299.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/181ky-99x-גקט-בומבר-עם-צווארון-דמוי-פרווה-נשלף';return false; }});">ג'קט בומבר עם צווארון דמוי פרווה נשלף</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342091()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/181ky-99x-%D7%92%D7%A7%D7%98-%D7%91%D7%95%D7%9E%D7%91%D7%A8-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%93%D7%9E%D7%95%D7%99-%D7%A4%D7%A8%D7%95%D7%95%D7%94-%D7%A0%D7%A9%D7%9C%D7%A3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 2439 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 2440<title>arrow-left</title></svg> 2441</a></div>
2441<script> 2442 'use strict'; 2443 function initConfigurablePreview_342091() { 2444 const configurableOptionsComponent = initConfigurableOptions( 2445 '342091', 2446 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["342363"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341394","341395","341396","341397","341398","341399"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341398"]},{"id":"63","label":"S","products":["341396"]},{"id":"49","label":"M","products":["341395"]},{"id":"46","label":"L","products":["341394"]},{"id":"54","label":"XL","products":["341397"]},{"id":"93","label":"XXL","products":["342363","341399"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342363":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341394":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341395":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341396":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341397":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341398":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341399":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":299.9},"oldPrice":{"amount":299.9},"basePrice":{"amount":299.9},"finalPrice":{"amount":299.9}},"productId":"342091","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342363":{"93":"798","147":"93"},"341394":{"93":"723","147":"46"},"341395":{"93":"723","147":"49"},"341396":{"93":"723","147":"63"},"341397":{"93":"723","147":"54"},"341398":{"93":"723","147":"146"},"341399":{"93":"723","147":"93"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"342363":"181KY-89X-XXL","341394":"181KY-99X-L","341395":"181KY-99X-M","341396":"181KY-99X-S","341397":"181KY-99X-XL","341398":"181KY-99X-XS","341399":"181KY-99X-XXL"}} ); 2447 2448 const colorAttrCode = 93; 2449 const colorValue = '723'; 2450 2451 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/1\/8\/181ky-89x-999-1-1281446.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/1\/8\/181ky-89x-999-1-1281446.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/1\/8\/181ky-99x-999-1-1332596.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/1\/8\/181ky-99x-999-1-1332596.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2452 2453 return Object.assign( 2454 configurableOptionsComponent, 2455 swatchOptionsComponent, 2456 { 2457 productUrl: "https://reserved-il.com/181ky-99x-גקט-בומבר-עם-צווארון-דמוי-פרווה-נשלף", 2458 attributeCode: "color", 2459 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2460 preselectOption() { 2461 this.selectedValues[colorAttrCode] = colorValue; 2462 this.dispatchSelectedOption(colorAttrCode, colorValue); 2463 }, 2464 selectOption(optionId, value) { 2465 this.selectedValues[optionId] = value; 2466 this.dispatchSelectedOption(optionId, value); 2467 }, 2468 dispatchSelectedOption(optionId, value) { 2469 window.dispatchEvent( 2470 new CustomEvent( 2471 "select-product-342091-option", 2472 {detail: {option: optionId, value: value}} 2473 ) 2474 ); 2475 } 2476 } 2477 ) 2478 }</script>
2478 </div><div x-data="initPriceBox__6ac33f9bbce6b()" @update-prices-342091.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342091" data-price-box="product-id-342091"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342091" data-price-amount="299.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">299.90 ₪</span></span> </span></span> </div></div>
2478<script> 2479 function initPriceBox__6ac33f9bbce6b() 2480 { 2481 return { 2482 updatePrice(priceData) { 2483 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 2484 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 2485 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 2486 regularPriceLabel.classList.add('hidden'); 2487 } else { 2488 regularPriceLabel.classList.remove('hidden'); 2489 } 2490 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 2491 } 2492 } 2493 }</script>
2493</div></form>
2493<script> 2494 function validateSuperAttrs(superAttributeInputs) { 2495 let isValid = true; 2496 2497 superAttributeInputs.forEach(input => { 2498 const value = input.value.trim(); 2499 if (!/^\d+$/.test(value)) { 2500 isValid = false; 2501 } 2502 }); 2503 2504 return isValid; 2505 } 2506 function formSubmitData_342091() { 2507 return { 2508 loading: false, 2509 success: false, 2510 open: false, 2511 form: null, 2512 init: function () { 2513 this.form = this.$el; 2514 }, 2515 ajaxFormSubmit: function () { 2516 const self = this; 2517 const data = new URLSearchParams(new FormData(self.form)); 2518 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 2519 if (!validateSuperAttrs(superAttributeInputs)) { 2520 alert('Please enter a valid number.'); 2521 self.loading = false; 2522 return; 2523 } 2524 fetch(self.form.action, { 2525 method: 'POST', 2526 body: data, 2527 headers: { 2528 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 2529 'X-Requested-With': 'XMLHttpRequest' 2530 } 2531 }).then(res => { 2532 if (!res.ok) { 2533 return self.form.submit(); 2534 } 2535 2536 if (res.redirected) { 2537 return []; 2538 } 2539 2540 return res.json(); 2541 }).then(data => { 2542 if (data.backUrl) { 2543 self.form.submit(); 2544 } 2545 2546 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 2547 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 2548 }).catch(err => { 2549 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 2550 2551 self.setMessage({ 2552 text: 'אירעה שגיאה בהוספת הפריט לסל.', 2553 type: 'error' 2554 }); 2555 }).finally(() => { 2556 let messages = hyva.getCookie('mage-messages'); 2557 self.loading = false; 2558 self.success = true; 2559 try { 2560 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 2561 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 2562 } catch (error) { 2563 console.warn('Error parsing Cookie Messages:', error); 2564 return; 2565 } 2566 2567 setTimeout(() => { 2568 messages.forEach(message => { 2569 self.setMessage(message); 2570 }); 2571 }, 1000); 2572 2573 setTimeout(() => { 2574 self.success = false; 2575 self.open = false; 2576 }, 3000); 2577 }); 2578 2579 }, 2580 setMessage: function(message) { 2581 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 2582 [message], 5000 2583 ); 2584 }, 2585 submitAddToCartForm(event) { 2586 event.preventDefault(); 2587 2588 this.loading = true; 2589 2590 this.ajaxFormSubmit(); 2591 } 2592 } 2593 }</script>
2593</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342164/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342164()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342164"> <a x-data="{open: false}" href="https://reserved-il.com/533lx-83x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%A2%D7%95%D7%9E%D7%93" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342164" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
2593<script> 2594 function initConfigurableSwatchOptions_342164() { 2595 const configurableOptionsComponent = initConfigurableOptions( 2596 '342164', 2597 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341776","341777","341778"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341778"]},{"id":"63","label":"S","products":["341776"]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":["341777"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341776":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341777":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341778":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342164","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341776":{"93":"836","147":"63"},"341777":{"93":"836","147":"54"},"341778":{"93":"836","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341776":"533LX-83X-S","341777":"533LX-83X-XL","341778":"533LX-83X-XS"}} ); 2598 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/3\/533lx-83x-999-1-1333203.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/3\/533lx-83x-999-1-1333203.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2599 const colorAttrCode = 93; 2600 const sizeAttrCode = 147; 2601 const colorValue = '836'; 2602 2603 return Object.assign( 2604 configurableOptionsComponent, 2605 swatchOptionsComponent, 2606 { 2607 open: false, 2608 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2609 init() { 2610 const self = this; 2611 window.addEventListener('select-product-342164-option', function(event) { 2612 if(event.detail) { 2613 const {option, value} = event.detail; 2614 self.changeOption(option, value); 2615 } 2616 }) 2617 }, 2618 changeOption(optionId, value, skipUpdateGallery) { 2619 this.selectedValues[optionId] = value; 2620 this.findSimpleIndex(); 2621 this.findAllowedAttributeOptions(); 2622 this.updatePrices(); 2623 !skipUpdateGallery && this.updateGallery(); 2624 }, 2625 toggleOption(optionId, value) { 2626 const optionIsSelected = this.selectedValues[optionId] === value; 2627 2628 if(optionIsSelected) { 2629 this.$el.querySelector('input').checked = false;
2630 this.selectedValues[optionId] = ''; 2631 2632 return; 2633 } 2634 2635 this.changeOption(optionId, value, true); 2636 }, 2637 preSelectColor() { 2638 this.changeOption(colorAttrCode, colorValue, 1); 2639 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 2640 2641 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 2642 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 2643 } 2644 }, 2645 onGetCartData(data) { 2646 this.preSelectColor(); 2647 this.preselectCartItems(data); 2648 this.preselectQuerystringItems(); 2649 this.preselectLocationHashItems(); 2650 }, 2651 updateGallery() { 2652 if (!this.productIndex) { 2653 return; 2654 } 2655 2656 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 2657 method: 'GET', 2658 headers: { 2659 'Content-Type': 'application/json', 2660 'X-Requested-With': 'XMLHttpRequest' 2661 } 2662 } 2663 ).then(response => { 2664 return response.json() 2665 } 2666 ).then(data => { 2667 if (data.errors) { 2668 2669 console.warn(data.errors); 2670 } else { 2671 const image = data && data.medium; 2672 2673 image && window.dispatchEvent( 2674 new CustomEvent( 2675 "update-gallery-342164", 2676 {detail: image} 2677 ) 2678 ); 2679 } 2680 }).catch(error => { 2681 console.warn(error) 2682 }); 2683 }, 2684 preselectQuerystringItems() { 2685 2686 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 2687 Object.values(this.optionConfig.attributes).map(attribute => { 2688 2689 const skipUpdateGallery = true; 2690 2691 if(!urlQueryParams.get(attribute.code)) { 2692 return; 2693 } 2694 const selectedOption = attribute.options.filter(option => { 2695 return option.label === urlQueryParams.get(attribute.code); 2696 })[0]; 2697 2698 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 2699 return; 2700 } 2701 2702 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 2703 }); 2704 }, 2705 preselectItemsBasedOnLocation(getLocationValue) { 2706 Object.values(this.optionConfig.attributes).map(attribute => { 2707 if(!getLocationValue(attribute)) { 2708 return; 2709 } 2710 this.changeOption(attribute.id, getLocationValue(attribute)) 2711 }); 2712 }, 2713 mouseDown: false, 2714 getLabelBySelectedSwatchId(defaultLabel, id) { 2715 if (this.selectedValues[id]) { 2716 return this.getSwatchText(id, this.selectedValues[id]); 2717 } 2718 2719 return defaultLabel; 2720 } 2721 } 2722 ); 2723 }</script>
2723<div x-data="initConfigurableSwatchOptions_342164()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342164" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342164-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342164-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342164.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342164.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342164.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342164.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 2724 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2725<title>chevron-up</title></svg> 2726</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342164"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342164-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
2726" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342164-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342164"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2727 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 2728<title>chevron-down</title></svg> 2729</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342164" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 2730 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 2731<title>chevron-up</title></svg> 2732</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 2733<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 2734<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 2735</svg> 2736</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 2737<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 2738 <g fill="none" fill-rule="evenodd"> 2739 <g transform="translate(1 1)" stroke-width="2"> 2740 <circle cx="5" cy="50" r="5">
2741 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 2742 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 2743 </circle> 2744 <circle cx="27" cy="5" r="5"> 2745 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 2746 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 2747 </circle> 2748 <circle cx="49" cy="50" r="5"> 2749 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 2750 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 2751 </circle> 2752 </g> 2753 </g> 2754<title>loader</title></svg> 2755</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05ea\u05d7\u05e8\u05d4 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05e2\u05d5\u05de\u05d3","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05ea\u05d7\u05e8\u05d4 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05e2\u05d5\u05de\u05d3","id":"342164","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/533lx-83x-חולצת-תחרה-עם-צווארון-עומד';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/5/3/533lx-83x-001-1-1332587.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342164.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/5/3/533lx-83x-001-1-1332587.jpg" loading="lazy" width="900" height="1200" alt="חולצת תחרה עם צווארון עומד" title="חולצת תחרה עם צווארון עומד"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/5/3/533lx-83x-050-1-1333203_1.jpg" loading="lazy" width="675" height="900" alt="חולצת תחרה עם צווארון עומד" title="חולצת תחרה עם צווארון עומד"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/533lx-83x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%A2%D7%95%D7%9E%D7%93" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05ea\u05d7\u05e8\u05d4 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05e2\u05d5\u05de\u05d3","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05ea\u05d7\u05e8\u05d4 \u05e2\u05dd \u05e6\u05d5\u05d5\u05d0\u05e8\u05d5\u05df \u05e2\u05d5\u05de\u05d3","id":"342164","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/533lx-83x-חולצת-תחרה-עם-צווארון-עומד';return false; }});">חולצת תחרה עם צווארון עומד</a> <div class="flex items-center justify-start" x-data="init
2755ConfigurablePreview_342164()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/533lx-83x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%A2%D7%9D-%D7%A6%D7%95%D7%95%D7%90%D7%A8%D7%95%D7%9F-%D7%A2%D7%95%D7%9E%D7%93"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 2756 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 2757<title>arrow-left</title></svg> 2758</a></div>
2758<script> 2759 'use strict'; 2760 function initConfigurablePreview_342164() { 2761 const configurableOptionsComponent = initConfigurableOptions( 2762 '342164', 2763 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341776","341777","341778"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341778"]},{"id":"63","label":"S","products":["341776"]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":["341777"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341776":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341777":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341778":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342164","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341776":{"93":"836","147":"63"},"341777":{"93":"836","147":"54"},"341778":{"93":"836","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341776":"533LX-83X-S","341777":"533LX-83X-XL","341778":"533LX-83X-XS"}} ); 2764 2765 const colorAttrCode = 93; 2766 const colorValue = '836'; 2767 2768 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/3\/533lx-83x-999-1-1333203.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/3\/533lx-83x-999-1-1333203.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2769 2770 return Object.assign( 2771 configurableOptionsComponent, 2772 swatchOptionsComponent, 2773 { 2774 productUrl: "https://reserved-il.com/533lx-83x-חולצת-תחרה-עם-צווארון-עומד", 2775 attributeCode: "color", 2776 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2777 preselectOption() { 2778 this.selectedValues[colorAttrCode] = colorValue; 2779 this.dispatchSelectedOption(colorAttrCode, colorValue); 2780 }, 2781 selectOption(optionId, value) { 2782 this.selectedValues[optionId] = value; 2783 this.dispatchSelectedOption(optionId, value); 2784 }, 2785 dispatchSelectedOption(optionId, value) { 2786 window.dispatchEvent( 2787 new CustomEvent( 2788 "select-product-342164-option", 2789 {detail: {option: optionId, value: value}} 2790 ) 2791 ); 2792 } 2793 } 2794 ) 2795 }</script>
2795 </div><div x-data="initPriceBox__6ac33f9bc0257()" @update-prices-342164.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342164" data-price-box="product-id-342164"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342164" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
2795<script> 2796 function initPriceBox__6ac33f9bc0257() 2797 { 2798 return { 2799 updatePrice(priceData) { 2800 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 2801 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 2802 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 2803 regularPriceLabel.classList.add('hidden'); 2804 } else { 2805 regularPriceLabel.classList.remove('hidden'); 2806 } 2807 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 2808 } 2809 } 2810 }</script>
2810</div></form>
2810<script> 2811 function validateSuperAttrs(superAttributeInputs) { 2812 let isValid = true; 2813 2814 superAttributeInputs.forEach(input => { 2815 const value = input.value.trim(); 2816 if (!/^\d+$/.test(value)) { 2817 isValid = false; 2818 } 2819 }); 2820 2821 return isValid; 2822 } 2823 function formSubmitData_342164() { 2824 return { 2825 loading: false, 2826 success: false, 2827 open: false, 2828 form: null, 2829 init: function () { 2830 this.form = this.$el; 2831 }, 2832 ajaxFormSubmit: function () { 2833 const self = this; 2834 const data = new URLSearchParams(new FormData(self.form)); 2835 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 2836 if (!validateSuperAttrs(superAttributeInputs)) { 2837 alert('Please enter a valid number.'); 2838 self.loading = false; 2839 return; 2840 } 2841 fetch(self.form.action, { 2842 method: 'POST', 2843 body: data, 2844 headers: { 2845 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 2846 'X-Requested-With': 'XMLHttpRequest' 2847 } 2848 }).then(res => { 2849 if (!res.ok) { 2850 return self.form.submit(); 2851 } 2852 2853 if (res.redirected) { 2854 return []; 2855 } 2856 2857 return res.json(); 2858 }).then(data => { 2859 if (data.backUrl) { 2860 self.form.submit(); 2861 } 2862 2863 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 2864 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 2865 }).catch(err => { 2866 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 2867 2868 self.setMessage({ 2869 text: 'אירעה שגיאה בהוספת הפריט לסל.', 2870 type: 'error' 2871 }); 2872 }).finally(() => { 2873 let messages = hyva.getCookie('mage-messages'); 2874 self.loading = false; 2875 self.success = true; 2876 try { 2877 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 2878 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 2879 } catch (error) { 2880 console.warn('Error parsing Cookie Messages:', error); 2881 return; 2882 } 2883 2884 setTimeout(() => { 2885 messages.forEach(message => { 2886 self.setMessage(message); 2887 }); 2888 }, 1000); 2889 2890 setTimeout(() => { 2891 self.success = false; 2892 self.open = false; 2893 }, 3000); 2894 }); 2895 2896 }, 2897 setMessage: function(message) { 2898 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 2899 [message], 5000 2900 ); 2901 }, 2902 submitAddToCartForm(event) { 2903 event.preventDefault(); 2904 2905 this.loading = true; 2906 2907 this.ajaxFormSubmit(); 2908 } 2909 } 2910 }</script>
2910</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342103/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342103()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342103"> <a x-data="{open: false}" href="https://reserved-il.com/286ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342103" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
2910<script> 2911 function initConfigurableSwatchOptions_342103() { 2912 const configurableOptionsComponent = initConfigurableOptions( 2913 '342103', 2914 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["341467","341468","341469","341470","341471","341472"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["341459","341460","341461","341462","341463","341464"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"343","label":"32","products":[]},{"id":"322","label":"34","products":["341459","341467"]},{"id":"324","label":"36","products":["341460","341468"]},{"id":"104","label":"38","products":["341461","341469"]},{"id":"79","label":"40","products":["341462","341470"]},{"id":"70","label":"42","products":["341463","341471"]},{"id":"62","label":"44","products":["341464","341472"]},{"id":"64","label":"46","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341459":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341460":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341461":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341462":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341463":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341464":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341467":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341468":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341469":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341470":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341471":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341472":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"342103","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341459":{"93":"852","147":"322"},"341460":{"93":"852","147":"324"},"341461":{"93":"852","147":"104"},"341462":{"93":"852","147":"79"},"341463":{"93":"852","147":"70"},"341464":{"93":"852","147":"62"},"341467":{"93":"777","147":"322"},"341468":{"93":"777","147":"324"},"341469":{"93":"777","147":"104"},"341470":{"93":"777","147":"79"},"341471":{"93":"777","147":"70"},"341472":{"93":"777","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"341459":"286KS-50J-34","341460":"286KS-50J-36","341461":"286KS-50J-38","341462":"286KS-50J-40","341463":"286KS-50J-42","341464":"286KS-50J-44","341467":"286KS-55J-34","341468":"286KS-55J-36","341469":"286KS-55J-38","341470":"286KS-55J-40","341471":"286KS-55J-42","341472":"286KS-55J-44"}} ); 2915 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-50j-999-1-1330323.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-50j-999-1-1330323.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-55j-999-1-1330324.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-55j-999-1-1330324.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 2916 const colorAttrCode = 93; 2917 const sizeAttrCode = 147; 2918 const colorValue = '852'; 2919 2920 return Object.assign( 2921 configurableOptionsComponent, 2922 swatchOptionsComponent, 2923 { 2924 open: false, 2925 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 2926 init() { 2927 const self = this; 2928 window.addEventListener('select-product-342103-option', function(event) { 2929 if(event.detail) { 2930 const {option, value} = event.detail; 2931 self.changeOption(option, value); 2932 } 2933 }) 2934 }, 2935 changeOption(optionId, value, skipUpdateGallery) { 2936 this.selectedValues[optionId] = value; 2937 this.findSimpleIndex(); 2938 this.findAllowedAttributeOptions(); 2939 this.updatePrices(); 2940 !skipUpdateGallery && this.updateGallery(); 2941 }, 2942 toggleOption(optionId, value) { 2943 const optionIsSelected = this.selectedValues[optionId] === value; 2944 2945 if(optionIsSelected) { 2946 this.$el.querySelector('input').checked = false;
2947 this.selectedValues[optionId] = ''; 2948 2949 return; 2950 } 2951 2952 this.changeOption(optionId, value, true); 2953 }, 2954 preSelectColor() { 2955 this.changeOption(colorAttrCode, colorValue, 1); 2956 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 2957 2958 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 2959 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 2960 } 2961 }, 2962 onGetCartData(data) { 2963 this.preSelectColor(); 2964 this.preselectCartItems(data); 2965 this.preselectQuerystringItems(); 2966 this.preselectLocationHashItems(); 2967 }, 2968 updateGallery() { 2969 if (!this.productIndex) { 2970 return; 2971 } 2972 2973 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 2974 method: 'GET', 2975 headers: { 2976 'Content-Type': 'application/json', 2977 'X-Requested-With': 'XMLHttpRequest' 2978 } 2979 } 2980 ).then(response => { 2981 return response.json() 2982 } 2983 ).then(data => { 2984 if (data.errors) { 2985 2986 console.warn(data.errors); 2987 } else { 2988 const image = data && data.medium; 2989 2990 image && window.dispatchEvent( 2991 new CustomEvent( 2992 "update-gallery-342103", 2993 {detail: image} 2994 ) 2995 ); 2996 } 2997 }).catch(error => { 2998 console.warn(error) 2999 }); 3000 }, 3001 preselectQuerystringItems() { 3002 3003 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 3004 Object.values(this.optionConfig.attributes).map(attribute => { 3005 3006 const skipUpdateGallery = true; 3007 3008 if(!urlQueryParams.get(attribute.code)) { 3009 return; 3010 } 3011 const selectedOption = attribute.options.filter(option => { 3012 return option.label === urlQueryParams.get(attribute.code); 3013 })[0]; 3014 3015 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 3016 return; 3017 } 3018 3019 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 3020 }); 3021 }, 3022 preselectItemsBasedOnLocation(getLocationValue) { 3023 Object.values(this.optionConfig.attributes).map(attribute => { 3024 if(!getLocationValue(attribute)) { 3025 return; 3026 } 3027 this.changeOption(attribute.id, getLocationValue(attribute)) 3028 }); 3029 }, 3030 mouseDown: false, 3031 getLabelBySelectedSwatchId(defaultLabel, id) { 3032 if (this.selectedValues[id]) { 3033 return this.getSwatchText(id, this.selectedValues[id]); 3034 } 3035 3036 return defaultLabel; 3037 } 3038 } 3039 ); 3040 }</script>
3040<div x-data="initConfigurableSwatchOptions_342103()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342103" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342103-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342103-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342103.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342103.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342103.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342103.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 3041 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3042<title>chevron-up</title></svg> 3043</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342103"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342103-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
3043" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342103-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342103"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3044 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 3045<title>chevron-down</title></svg> 3046</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342103" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3047 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3048<title>chevron-up</title></svg> 3049</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 3050<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 3051<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 3052</svg> 3053</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 3054<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 3055 <g fill="none" fill-rule="evenodd"> 3056 <g transform="translate(1 1)" stroke-width="2"> 3057 <circle cx="5" cy="50" r="5">
3058 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 3059 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 3060 </circle> 3061 <circle cx="27" cy="5" r="5"> 3062 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 3063 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 3064 </circle> 3065 <circle cx="49" cy="50" r="5"> 3066 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 3067 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 3068 </circle> 3069 </g> 3070 </g> 3071<title>loader</title></svg> 3072</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","id":"342103","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/286ks-50j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/8/286ks-50j-001-1-1330323.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342103.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/8/286ks-50j-001-1-1330323.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס בגזרה ישרה עם מותן בגובה בינוני" title="ג'ינס בגזרה ישרה עם מותן בגובה בינוני"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/8/286ks-50j-002-1-1330323.jpg" loading="lazy" width="675" height="900" alt="ג'ינס בגזרה ישרה עם מותן בגובה בינוני" title="ג'ינס בגזרה ישרה עם מותן בגובה בינוני"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/286ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%
3072D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","id":"342103","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/286ks-50j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני';return false; }});">ג'ינס בגזרה ישרה עם מותן בגובה בינוני</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342103()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/286ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 3073 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 3074<title>arrow-left</title></svg> 3075</a></div>
3075<script> 3076 'use strict'; 3077 function initConfigurablePreview_342103() { 3078 const configurableOptionsComponent = initConfigurableOptions( 3079 '342103', 3080 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["341467","341468","341469","341470","341471","341472"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["341459","341460","341461","341462","341463","341464"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"343","label":"32","products":[]},{"id":"322","label":"34","products":["341459","341467"]},{"id":"324","label":"36","products":["341460","341468"]},{"id":"104","label":"38","products":["341461","341469"]},{"id":"79","label":"40","products":["341462","341470"]},{"id":"70","label":"42","products":["341463","341471"]},{"id":"62","label":"44","products":["341464","341472"]},{"id":"64","label":"46","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341459":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341460":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341461":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341462":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341463":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341464":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341467":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341468":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341469":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341470":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341471":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341472":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"342103","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341459":{"93":"852","147":"322"},"341460":{"93":"852","147":"324"},"341461":{"93":"852","147":"104"},"341462":{"93":"852","147":"79"},"341463":{"93":"852","147":"70"},"341464":{"93":"852","147":"62"},"341467":{"93":"777","147":"322"},"341468":{"93":"777","147":"324"},"341469":{"93":"777","147":"104"},"341470":{"93":"777","147":"79"},"341471":{"93":"777","147":"70"},"341472":{"93":"777","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"341459":"286KS-50J-34","341460":"286KS-50J-36","341461":"286KS-50J-38","341462":"286KS-50J-40","341463":"286KS-50J-42","341464":"286KS-50J-44","341467":"286KS-55J-34","341468":"286KS-55J-36","341469":"286KS-55J-38","341470":"286KS-55J-40","341471":"286KS-55J-42","341472":"286KS-55J-44"}} ); 3081 3082 const colorAttrCode = 93; 3083 const colorValue = '852'; 3084 3085 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-50j-999-1-1330323.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-50j-999-1-1330323.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-55j-999-1-1330324.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-55j-999-1-1330324.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3086 3087 return Object.assign( 3088 configurableOptionsComponent, 3089 swatchOptionsComponent, 3090 { 3091 productUrl: "https://reserved-il.com/286ks-50j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני", 3092 attributeCode: "color", 3093 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3094 preselectOption() { 3095 this.selectedValues[colorAttrCode] = colorValue; 3096 this.dispatchSelectedOption(colorAttrCode, colorValue); 3097 }, 3098 selectOption(optionId, value) { 3099 this.selectedValues[optionId] = value; 3100 this.dispatchSelectedOption(optionId, value); 3101 }, 3102 dispatchSelectedOption(optionId, value) { 3103 window.dispatchEvent( 3104 new CustomEvent( 3105 "select-product-342103-option", 3106 {detail: {option: optionId, value: value}} 3107 ) 3108 ); 3109 } 3110 } 3111 ) 3112 }</script>
3112 </div><div x-data="initPriceBox__6ac33f9bc40a7()" @update-prices-342103.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342103" data-price-box="product-id-342103"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342103" data-price-amount="149.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">149.90 ₪</span></span> </span></span> </div></div>
3112<script> 3113 function initPriceBox__6ac33f9bc40a7() 3114 { 3115 return { 3116 updatePrice(priceData) { 3117 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 3118 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 3119 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 3120 regularPriceLabel.classList.add('hidden'); 3121 } else { 3122 regularPriceLabel.classList.remove('hidden'); 3123 } 3124 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 3125 } 3126 } 3127 }</script>
3127</div></form>
3127<script> 3128 function validateSuperAttrs(superAttributeInputs) { 3129 let isValid = true; 3130 3131 superAttributeInputs.forEach(input => { 3132 const value = input.value.trim(); 3133 if (!/^\d+$/.test(value)) { 3134 isValid = false; 3135 } 3136 }); 3137 3138 return isValid; 3139 } 3140 function formSubmitData_342103() { 3141 return { 3142 loading: false, 3143 success: false, 3144 open: false, 3145 form: null, 3146 init: function () { 3147 this.form = this.$el; 3148 }, 3149 ajaxFormSubmit: function () { 3150 const self = this; 3151 const data = new URLSearchParams(new FormData(self.form)); 3152 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 3153 if (!validateSuperAttrs(superAttributeInputs)) { 3154 alert('Please enter a valid number.'); 3155 self.loading = false; 3156 return; 3157 } 3158 fetch(self.form.action, { 3159 method: 'POST', 3160 body: data, 3161 headers: { 3162 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 3163 'X-Requested-With': 'XMLHttpRequest' 3164 } 3165 }).then(res => { 3166 if (!res.ok) { 3167 return self.form.submit(); 3168 } 3169 3170 if (res.redirected) { 3171 return []; 3172 } 3173 3174 return res.json(); 3175 }).then(data => { 3176 if (data.backUrl) { 3177 self.form.submit(); 3178 } 3179 3180 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 3181 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3182 }).catch(err => { 3183 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 3184 3185 self.setMessage({ 3186 text: 'אירעה שגיאה בהוספת הפריט לסל.', 3187 type: 'error' 3188 }); 3189 }).finally(() => { 3190 let messages = hyva.getCookie('mage-messages'); 3191 self.loading = false; 3192 self.success = true; 3193 try { 3194 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 3195 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 3196 } catch (error) { 3197 console.warn('Error parsing Cookie Messages:', error); 3198 return; 3199 } 3200 3201 setTimeout(() => { 3202 messages.forEach(message => { 3203 self.setMessage(message); 3204 }); 3205 }, 1000); 3206 3207 setTimeout(() => { 3208 self.success = false; 3209 self.open = false; 3210 }, 3000); 3211 }); 3212 3213 }, 3214 setMessage: function(message) { 3215 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3216 [message], 5000 3217 ); 3218 }, 3219 submitAddToCartForm(event) { 3220 event.preventDefault(); 3221 3222 this.loading = true; 3223 3224 this.ajaxFormSubmit(); 3225 } 3226 } 3227 }</script>
3227</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342104/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342104()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342104"> <a x-data="{open: false}" href="https://reserved-il.com/286ks-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342104" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
3227<script> 3228 function initConfigurableSwatchOptions_342104() { 3229 const configurableOptionsComponent = initConfigurableOptions( 3230 '342104', 3231 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["341467","341468","341469","341470","341471","341472"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["341459","341460","341461","341462","341463","341464"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"343","label":"32","products":[]},{"id":"322","label":"34","products":["341459","341467"]},{"id":"324","label":"36","products":["341460","341468"]},{"id":"104","label":"38","products":["341461","341469"]},{"id":"79","label":"40","products":["341462","341470"]},{"id":"70","label":"42","products":["341463","341471"]},{"id":"62","label":"44","products":["341464","341472"]},{"id":"64","label":"46","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341459":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341460":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341461":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341462":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341463":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341464":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341467":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341468":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341469":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341470":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341471":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341472":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"342104","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341459":{"93":"852","147":"322"},"341460":{"93":"852","147":"324"},"341461":{"93":"852","147":"104"},"341462":{"93":"852","147":"79"},"341463":{"93":"852","147":"70"},"341464":{"93":"852","147":"62"},"341467":{"93":"777","147":"322"},"341468":{"93":"777","147":"324"},"341469":{"93":"777","147":"104"},"341470":{"93":"777","147":"79"},"341471":{"93":"777","147":"70"},"341472":{"93":"777","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"341459":"286KS-50J-34","341460":"286KS-50J-36","341461":"286KS-50J-38","341462":"286KS-50J-40","341463":"286KS-50J-42","341464":"286KS-50J-44","341467":"286KS-55J-34","341468":"286KS-55J-36","341469":"286KS-55J-38","341470":"286KS-55J-40","341471":"286KS-55J-42","341472":"286KS-55J-44"}} ); 3232 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-50j-999-1-1330323.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-50j-999-1-1330323.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-55j-999-1-1330324.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-55j-999-1-1330324.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3233 const colorAttrCode = 93; 3234 const sizeAttrCode = 147; 3235 const colorValue = '777'; 3236 3237 return Object.assign( 3238 configurableOptionsComponent, 3239 swatchOptionsComponent, 3240 { 3241 open: false, 3242 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3243 init() { 3244 const self = this; 3245 window.addEventListener('select-product-342104-option', function(event) { 3246 if(event.detail) { 3247 const {option, value} = event.detail; 3248 self.changeOption(option, value); 3249 } 3250 }) 3251 }, 3252 changeOption(optionId, value, skipUpdateGallery) { 3253 this.selectedValues[optionId] = value; 3254 this.findSimpleIndex(); 3255 this.findAllowedAttributeOptions(); 3256 this.updatePrices(); 3257 !skipUpdateGallery && this.updateGallery(); 3258 }, 3259 toggleOption(optionId, value) { 3260 const optionIsSelected = this.selectedValues[optionId] === value; 3261 3262 if(optionIsSelected) { 3263 this.$el.querySelector('input').checked = false;
3264 this.selectedValues[optionId] = ''; 3265 3266 return; 3267 } 3268 3269 this.changeOption(optionId, value, true); 3270 }, 3271 preSelectColor() { 3272 this.changeOption(colorAttrCode, colorValue, 1); 3273 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 3274 3275 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 3276 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 3277 } 3278 }, 3279 onGetCartData(data) { 3280 this.preSelectColor(); 3281 this.preselectCartItems(data); 3282 this.preselectQuerystringItems(); 3283 this.preselectLocationHashItems(); 3284 }, 3285 updateGallery() { 3286 if (!this.productIndex) { 3287 return; 3288 } 3289 3290 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 3291 method: 'GET', 3292 headers: { 3293 'Content-Type': 'application/json', 3294 'X-Requested-With': 'XMLHttpRequest' 3295 } 3296 } 3297 ).then(response => { 3298 return response.json() 3299 } 3300 ).then(data => { 3301 if (data.errors) { 3302 3303 console.warn(data.errors); 3304 } else { 3305 const image = data && data.medium; 3306 3307 image && window.dispatchEvent( 3308 new CustomEvent( 3309 "update-gallery-342104", 3310 {detail: image} 3311 ) 3312 ); 3313 } 3314 }).catch(error => { 3315 console.warn(error) 3316 }); 3317 }, 3318 preselectQuerystringItems() { 3319 3320 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 3321 Object.values(this.optionConfig.attributes).map(attribute => { 3322 3323 const skipUpdateGallery = true; 3324 3325 if(!urlQueryParams.get(attribute.code)) { 3326 return; 3327 } 3328 const selectedOption = attribute.options.filter(option => { 3329 return option.label === urlQueryParams.get(attribute.code); 3330 })[0]; 3331 3332 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 3333 return; 3334 } 3335 3336 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 3337 }); 3338 }, 3339 preselectItemsBasedOnLocation(getLocationValue) { 3340 Object.values(this.optionConfig.attributes).map(attribute => { 3341 if(!getLocationValue(attribute)) { 3342 return; 3343 } 3344 this.changeOption(attribute.id, getLocationValue(attribute)) 3345 }); 3346 }, 3347 mouseDown: false, 3348 getLabelBySelectedSwatchId(defaultLabel, id) { 3349 if (this.selectedValues[id]) { 3350 return this.getSwatchText(id, this.selectedValues[id]); 3351 } 3352 3353 return defaultLabel; 3354 } 3355 } 3356 ); 3357 }</script>
3357<div x-data="initConfigurableSwatchOptions_342104()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342104" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342104-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342104-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342104.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342104.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342104.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342104.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 3358 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3359<title>chevron-up</title></svg> 3360</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342104"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342104-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
3360" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342104-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342104"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3361 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 3362<title>chevron-down</title></svg> 3363</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342104" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3364 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3365<title>chevron-up</title></svg> 3366</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 3367<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 3368<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 3369</svg> 3370</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 3371<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 3372 <g fill="none" fill-rule="evenodd"> 3373 <g transform="translate(1 1)" stroke-width="2"> 3374 <circle cx="5" cy="50" r="5">
3375 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 3376 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 3377 </circle> 3378 <circle cx="27" cy="5" r="5"> 3379 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 3380 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 3381 </circle> 3382 <circle cx="49" cy="50" r="5"> 3383 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 3384 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 3385 </circle> 3386 </g> 3387 </g> 3388<title>loader</title></svg> 3389</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","id":"342104","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/286ks-55j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/8/286ks-55j-002-1-1330324.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342104.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/8/286ks-55j-002-1-1330324.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס בגזרה ישרה עם מותן בגובה בינוני" title="ג'ינס בגזרה ישרה עם מותן בגובה בינוני"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/8/286ks-55j-001-1-1330324.jpg" loading="lazy" width="675" height="900" alt="ג'ינס בגזרה ישרה עם מותן בגובה בינוני" title="ג'ינס בגזרה ישרה עם מותן בגובה בינוני"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/286ks-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%
3389D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05e2\u05dd \u05de\u05d5\u05ea\u05df \u05d1\u05d2\u05d5\u05d1\u05d4 \u05d1\u05d9\u05e0\u05d5\u05e0\u05d9","id":"342104","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/286ks-55j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני';return false; }});">ג'ינס בגזרה ישרה עם מותן בגובה בינוני</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342104()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/286ks-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%A2%D7%9D-%D7%9E%D7%95%D7%AA%D7%9F-%D7%91%D7%92%D7%95%D7%91%D7%94-%D7%91%D7%99%D7%A0%D7%95%D7%A0%D7%99"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 3390 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 3391<title>arrow-left</title></svg> 3392</a></div>
3392<script> 3393 'use strict'; 3394 function initConfigurablePreview_342104() { 3395 const configurableOptionsComponent = initConfigurableOptions( 3396 '342104', 3397 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["341467","341468","341469","341470","341471","341472"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["341459","341460","341461","341462","341463","341464"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"343","label":"32","products":[]},{"id":"322","label":"34","products":["341459","341467"]},{"id":"324","label":"36","products":["341460","341468"]},{"id":"104","label":"38","products":["341461","341469"]},{"id":"79","label":"40","products":["341462","341470"]},{"id":"70","label":"42","products":["341463","341471"]},{"id":"62","label":"44","products":["341464","341472"]},{"id":"64","label":"46","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341459":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341460":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341461":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341462":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341463":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341464":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341467":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341468":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341469":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341470":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341471":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341472":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"342104","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341459":{"93":"852","147":"322"},"341460":{"93":"852","147":"324"},"341461":{"93":"852","147":"104"},"341462":{"93":"852","147":"79"},"341463":{"93":"852","147":"70"},"341464":{"93":"852","147":"62"},"341467":{"93":"777","147":"322"},"341468":{"93":"777","147":"324"},"341469":{"93":"777","147":"104"},"341470":{"93":"777","147":"79"},"341471":{"93":"777","147":"70"},"341472":{"93":"777","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"341459":"286KS-50J-34","341460":"286KS-50J-36","341461":"286KS-50J-38","341462":"286KS-50J-40","341463":"286KS-50J-42","341464":"286KS-50J-44","341467":"286KS-55J-34","341468":"286KS-55J-36","341469":"286KS-55J-38","341470":"286KS-55J-40","341471":"286KS-55J-42","341472":"286KS-55J-44"}} ); 3398 3399 const colorAttrCode = 93; 3400 const colorValue = '777'; 3401 3402 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-50j-999-1-1330323.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-50j-999-1-1330323.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/8\/286ks-55j-999-1-1330324.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/8\/286ks-55j-999-1-1330324.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3403 3404 return Object.assign( 3405 configurableOptionsComponent, 3406 swatchOptionsComponent, 3407 { 3408 productUrl: "https://reserved-il.com/286ks-55j-גינס-בגזרה-ישרה-עם-מותן-בגובה-בינוני", 3409 attributeCode: "color", 3410 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3411 preselectOption() { 3412 this.selectedValues[colorAttrCode] = colorValue; 3413 this.dispatchSelectedOption(colorAttrCode, colorValue); 3414 }, 3415 selectOption(optionId, value) { 3416 this.selectedValues[optionId] = value; 3417 this.dispatchSelectedOption(optionId, value); 3418 }, 3419 dispatchSelectedOption(optionId, value) { 3420 window.dispatchEvent( 3421 new CustomEvent( 3422 "select-product-342104-option", 3423 {detail: {option: optionId, value: value}} 3424 ) 3425 ); 3426 } 3427 } 3428 ) 3429 }</script>
3429 </div><div x-data="initPriceBox__6ac33f9bc847d()" @update-prices-342104.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342104" data-price-box="product-id-342104"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342104" data-price-amount="149.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">149.90 ₪</span></span> </span></span> </div></div>
3429<script> 3430 function initPriceBox__6ac33f9bc847d() 3431 { 3432 return { 3433 updatePrice(priceData) { 3434 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 3435 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 3436 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 3437 regularPriceLabel.classList.add('hidden'); 3438 } else { 3439 regularPriceLabel.classList.remove('hidden'); 3440 } 3441 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 3442 } 3443 } 3444 }</script>
3444</div></form>
3444<script> 3445 function validateSuperAttrs(superAttributeInputs) { 3446 let isValid = true; 3447 3448 superAttributeInputs.forEach(input => { 3449 const value = input.value.trim(); 3450 if (!/^\d+$/.test(value)) { 3451 isValid = false; 3452 } 3453 }); 3454 3455 return isValid; 3456 } 3457 function formSubmitData_342104() { 3458 return { 3459 loading: false, 3460 success: false, 3461 open: false, 3462 form: null, 3463 init: function () { 3464 this.form = this.$el; 3465 }, 3466 ajaxFormSubmit: function () { 3467 const self = this; 3468 const data = new URLSearchParams(new FormData(self.form)); 3469 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 3470 if (!validateSuperAttrs(superAttributeInputs)) { 3471 alert('Please enter a valid number.'); 3472 self.loading = false; 3473 return; 3474 } 3475 fetch(self.form.action, { 3476 method: 'POST', 3477 body: data, 3478 headers: { 3479 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 3480 'X-Requested-With': 'XMLHttpRequest' 3481 } 3482 }).then(res => { 3483 if (!res.ok) { 3484 return self.form.submit(); 3485 } 3486 3487 if (res.redirected) { 3488 return []; 3489 } 3490 3491 return res.json(); 3492 }).then(data => { 3493 if (data.backUrl) { 3494 self.form.submit(); 3495 } 3496 3497 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 3498 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3499 }).catch(err => { 3500 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 3501 3502 self.setMessage({ 3503 text: 'אירעה שגיאה בהוספת הפריט לסל.', 3504 type: 'error' 3505 }); 3506 }).finally(() => { 3507 let messages = hyva.getCookie('mage-messages'); 3508 self.loading = false; 3509 self.success = true; 3510 try { 3511 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 3512 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 3513 } catch (error) { 3514 console.warn('Error parsing Cookie Messages:', error); 3515 return; 3516 } 3517 3518 setTimeout(() => { 3519 messages.forEach(message => { 3520 self.setMessage(message); 3521 }); 3522 }, 1000); 3523 3524 setTimeout(() => { 3525 self.success = false; 3526 self.open = false; 3527 }, 3000); 3528 }); 3529 3530 }, 3531 setMessage: function(message) { 3532 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3533 [message], 5000 3534 ); 3535 }, 3536 submitAddToCartForm(event) { 3537 event.preventDefault(); 3538 3539 this.loading = true; 3540 3541 this.ajaxFormSubmit(); 3542 } 3543 } 3544 }</script>
3544</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342156/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342156()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342156"> <a x-data="{open: false}" href="https://reserved-il.com/519ke-99x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342156" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
3544<script> 3545 function initConfigurableSwatchOptions_342156() { 3546 const configurableOptionsComponent = initConfigurableOptions( 3547 '342156', 3548 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341758","341759","341760"]},{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341756","341757"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["341757","341760"]},{"id":"49","label":"M","products":["341756","341759"]},{"id":"46","label":"L","products":["341758"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341756":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341757":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341758":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341759":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341760":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342156","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341756":{"93":"836","147":"49"},"341757":{"93":"836","147":"63"},"341758":{"93":"723","147":"46"},"341759":{"93":"723","147":"49"},"341760":{"93":"723","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341756":"519KE-83X-M","341757":"519KE-83X-S","341758":"519KE-99X-L","341759":"519KE-99X-M","341760":"519KE-99X-S"}} ); 3549 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-83x-999-1-1330327.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-83x-999-1-1330327.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-99x-999-1-1330328.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-99x-999-1-1330328.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3550 const colorAttrCode = 93; 3551 const sizeAttrCode = 147; 3552 const colorValue = '723'; 3553 3554 return Object.assign( 3555 configurableOptionsComponent, 3556 swatchOptionsComponent, 3557 { 3558 open: false, 3559 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3560 init() { 3561 const self = this; 3562 window.addEventListener('select-product-342156-option', function(event) { 3563 if(event.detail) { 3564 const {option, value} = event.detail; 3565 self.changeOption(option, value); 3566 } 3567 }) 3568 }, 3569 changeOption(optionId, value, skipUpdateGallery) { 3570 this.selectedValues[optionId] = value; 3571 this.findSimpleIndex(); 3572 this.findAllowedAttributeOptions(); 3573 this.updatePrices(); 3574 !skipUpdateGallery && this.updateGallery(); 3575 }, 3576 toggleOption(optionId, value) { 3577 const optionIsSelected = this.selectedValues[optionId] === value; 3578 3579 if(optionIsSelected) { 3580 this.$el.querySelector('input').checked = false;
3581 this.selectedValues[optionId] = ''; 3582 3583 return; 3584 } 3585 3586 this.changeOption(optionId, value, true); 3587 }, 3588 preSelectColor() { 3589 this.changeOption(colorAttrCode, colorValue, 1); 3590 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 3591 3592 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 3593 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 3594 } 3595 }, 3596 onGetCartData(data) { 3597 this.preSelectColor(); 3598 this.preselectCartItems(data); 3599 this.preselectQuerystringItems(); 3600 this.preselectLocationHashItems(); 3601 }, 3602 updateGallery() { 3603 if (!this.productIndex) { 3604 return; 3605 } 3606 3607 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 3608 method: 'GET', 3609 headers: { 3610 'Content-Type': 'application/json', 3611 'X-Requested-With': 'XMLHttpRequest' 3612 } 3613 } 3614 ).then(response => { 3615 return response.json() 3616 } 3617 ).then(data => { 3618 if (data.errors) { 3619 3620 console.warn(data.errors); 3621 } else { 3622 const image = data && data.medium; 3623 3624 image && window.dispatchEvent( 3625 new CustomEvent( 3626 "update-gallery-342156", 3627 {detail: image} 3628 ) 3629 ); 3630 } 3631 }).catch(error => { 3632 console.warn(error) 3633 }); 3634 }, 3635 preselectQuerystringItems() { 3636 3637 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 3638 Object.values(this.optionConfig.attributes).map(attribute => { 3639 3640 const skipUpdateGallery = true; 3641 3642 if(!urlQueryParams.get(attribute.code)) { 3643 return; 3644 } 3645 const selectedOption = attribute.options.filter(option => { 3646 return option.label === urlQueryParams.get(attribute.code); 3647 })[0]; 3648 3649 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 3650 return; 3651 } 3652 3653 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 3654 }); 3655 }, 3656 preselectItemsBasedOnLocation(getLocationValue) { 3657 Object.values(this.optionConfig.attributes).map(attribute => { 3658 if(!getLocationValue(attribute)) { 3659 return; 3660 } 3661 this.changeOption(attribute.id, getLocationValue(attribute)) 3662 }); 3663 }, 3664 mouseDown: false, 3665 getLabelBySelectedSwatchId(defaultLabel, id) { 3666 if (this.selectedValues[id]) { 3667 return this.getSwatchText(id, this.selectedValues[id]); 3668 } 3669 3670 return defaultLabel; 3671 } 3672 } 3673 ); 3674 }</script>
3674<div x-data="initConfigurableSwatchOptions_342156()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342156" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342156-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342156-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342156.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342156.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342156.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342156.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 3675 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3676<title>chevron-up</title></svg> 3677</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342156"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342156-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
3677" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342156-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342156"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3678 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 3679<title>chevron-down</title></svg> 3680</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342156" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3681 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3682<title>chevron-up</title></svg> 3683</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 3684<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 3685<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 3686</svg> 3687</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 3688<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 3689 <g fill="none" fill-rule="evenodd"> 3690 <g transform="translate(1 1)" stroke-width="2"> 3691 <circle cx="5" cy="50" r="5">
3692 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 3693 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 3694 </circle> 3695 <circle cx="27" cy="5" r="5"> 3696 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 3697 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 3698 </circle> 3699 <circle cx="49" cy="50" r="5"> 3700 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 3701 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 3702 </circle> 3703 </g> 3704 </g> 3705<title>loader</title></svg> 3706</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","id":"342156","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/519ke-99x-שמלת-תחרה-בגזרה-מתרחבת';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/5/1/519ke-99x-001-1-1330328.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342156.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/5/1/519ke-99x-001-1-1330328.jpg" loading="lazy" width="900" height="1200" alt="שמלת תחרה בגזרה מתרחבת" title="שמלת תחרה בגזרה מתרחבת"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/5/1/519ke-99x-002-1-1330328.jpg" loading="lazy" width="675" height="900" alt="שמלת תחרה בגזרה מתרחבת" title="שמלת תחרה בגזרה מתרחבת"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/519ke-99x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05ea\u05d7\u05e8\u05d4 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05ea\u05e8\u05d7\u05d1\u05ea","id":"342156","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/519ke-99x-שמלת-תחרה-בגזרה-מתרחבת';return false; }});">שמלת תחרה בגזרה מתרחבת</a> <div class="flex items-center justify-start" x-data="init
3706ConfigurablePreview_342156()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/519ke-99x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%AA%D7%97%D7%A8%D7%94-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%AA"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 3707 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 3708<title>arrow-left</title></svg> 3709</a></div>
3709<script> 3710 'use strict'; 3711 function initConfigurablePreview_342156() { 3712 const configurableOptionsComponent = initConfigurableOptions( 3713 '342156', 3714 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341758","341759","341760"]},{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":["341756","341757"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["341757","341760"]},{"id":"49","label":"M","products":["341756","341759"]},{"id":"46","label":"L","products":["341758"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341756":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341757":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341758":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341759":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341760":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342156","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341756":{"93":"836","147":"49"},"341757":{"93":"836","147":"63"},"341758":{"93":"723","147":"46"},"341759":{"93":"723","147":"49"},"341760":{"93":"723","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341756":"519KE-83X-M","341757":"519KE-83X-S","341758":"519KE-99X-L","341759":"519KE-99X-M","341760":"519KE-99X-S"}} ); 3715 3716 const colorAttrCode = 93; 3717 const colorValue = '723'; 3718 3719 const swatchOptionsComponent = initSwatchOptions({"93":{"836":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-83x-999-1-1330327.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-83x-999-1-1330327.jpg","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/1\/519ke-99x-999-1-1330328.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/1\/519ke-99x-999-1-1330328.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3720 3721 return Object.assign( 3722 configurableOptionsComponent, 3723 swatchOptionsComponent, 3724 { 3725 productUrl: "https://reserved-il.com/519ke-99x-שמלת-תחרה-בגזרה-מתרחבת", 3726 attributeCode: "color", 3727 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3728 preselectOption() { 3729 this.selectedValues[colorAttrCode] = colorValue; 3730 this.dispatchSelectedOption(colorAttrCode, colorValue); 3731 }, 3732 selectOption(optionId, value) { 3733 this.selectedValues[optionId] = value; 3734 this.dispatchSelectedOption(optionId, value); 3735 }, 3736 dispatchSelectedOption(optionId, value) { 3737 window.dispatchEvent( 3738 new CustomEvent( 3739 "select-product-342156-option", 3740 {detail: {option: optionId, value: value}} 3741 ) 3742 ); 3743 } 3744 } 3745 ) 3746 }</script>
3746 </div><div x-data="initPriceBox__6ac33f9bcc899()" @update-prices-342156.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342156" data-price-box="product-id-342156"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342156" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
3746<script> 3747 function initPriceBox__6ac33f9bcc899() 3748 { 3749 return { 3750 updatePrice(priceData) { 3751 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 3752 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 3753 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 3754 regularPriceLabel.classList.add('hidden'); 3755 } else { 3756 regularPriceLabel.classList.remove('hidden'); 3757 } 3758 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 3759 } 3760 } 3761 }</script>
3761</div></form>
3761<script> 3762 function validateSuperAttrs(superAttributeInputs) { 3763 let isValid = true; 3764 3765 superAttributeInputs.forEach(input => { 3766 const value = input.value.trim(); 3767 if (!/^\d+$/.test(value)) { 3768 isValid = false; 3769 } 3770 }); 3771 3772 return isValid; 3773 } 3774 function formSubmitData_342156() { 3775 return { 3776 loading: false, 3777 success: false, 3778 open: false, 3779 form: null, 3780 init: function () { 3781 this.form = this.$el; 3782 }, 3783 ajaxFormSubmit: function () { 3784 const self = this; 3785 const data = new URLSearchParams(new FormData(self.form)); 3786 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 3787 if (!validateSuperAttrs(superAttributeInputs)) { 3788 alert('Please enter a valid number.'); 3789 self.loading = false; 3790 return; 3791 } 3792 fetch(self.form.action, { 3793 method: 'POST', 3794 body: data, 3795 headers: { 3796 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 3797 'X-Requested-With': 'XMLHttpRequest' 3798 } 3799 }).then(res => { 3800 if (!res.ok) { 3801 return self.form.submit(); 3802 } 3803 3804 if (res.redirected) { 3805 return []; 3806 } 3807 3808 return res.json(); 3809 }).then(data => { 3810 if (data.backUrl) { 3811 self.form.submit(); 3812 } 3813 3814 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 3815 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3816 }).catch(err => { 3817 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 3818 3819 self.setMessage({ 3820 text: 'אירעה שגיאה בהוספת הפריט לסל.', 3821 type: 'error' 3822 }); 3823 }).finally(() => { 3824 let messages = hyva.getCookie('mage-messages'); 3825 self.loading = false; 3826 self.success = true; 3827 try { 3828 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 3829 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 3830 } catch (error) { 3831 console.warn('Error parsing Cookie Messages:', error); 3832 return; 3833 } 3834 3835 setTimeout(() => { 3836 messages.forEach(message => { 3837 self.setMessage(message); 3838 }); 3839 }, 1000); 3840 3841 setTimeout(() => { 3842 self.success = false; 3843 self.open = false; 3844 }, 3000); 3845 }); 3846 3847 }, 3848 setMessage: function(message) { 3849 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 3850 [message], 5000 3851 ); 3852 }, 3853 submitAddToCartForm(event) { 3854 event.preventDefault(); 3855 3856 this.loading = true; 3857 3858 this.ajaxFormSubmit(); 3859 } 3860 } 3861 }</script>
3861</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342741/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342741()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342741"> <a x-data="{open: false}" href="https://reserved-il.com/219mj-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%95%D7%9E%D7%95%D7%AA%D7%9F-%D7%A0%D7%9E%D7%95%D7%9B%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342741" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
3861<script> 3862 function initConfigurableSwatchOptions_342741() { 3863 const configurableOptionsComponent = initConfigurableOptions( 3864 '342741', 3865 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["342395","342396","342397"]},{"id":"899","label":"\u05d0\u05e4\u05d5\u05e8 \u05d2'\u05d9\u05e0\u05e1","products":["342400"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":[]},{"id":"324","label":"36","products":["342395"]},{"id":"104","label":"38","products":["342396","342400"]},{"id":"79","label":"40","products":["342397"]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342395":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342396":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342397":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342400":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342741","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342395":{"93":"777","147":"324"},"342396":{"93":"777","147":"104"},"342397":{"93":"777","147":"79"},"342400":{"93":"899","147":"104"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"342395":"219MJ-55J-36","342396":"219MJ-55J-38","342397":"219MJ-55J-40","342400":"219MJ-90J-38"}} ); 3866 const swatchOptionsComponent = initSwatchOptions({"93":{"899":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/1\/219mj-90j-999-1-1330317.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/1\/219mj-90j-999-1-1330317.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d2'\u05d9\u05e0\u05e1"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/1\/219mj-55j-999-1-1330316.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/1\/219mj-55j-999-1-1330316.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 3867 const colorAttrCode = 93; 3868 const sizeAttrCode = 147; 3869 const colorValue = '777'; 3870 3871 return Object.assign( 3872 configurableOptionsComponent, 3873 swatchOptionsComponent, 3874 { 3875 open: false, 3876 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 3877 init() { 3878 const self = this; 3879 window.addEventListener('select-product-342741-option', function(event) { 3880 if(event.detail) { 3881 const {option, value} = event.detail; 3882 self.changeOption(option, value); 3883 } 3884 }) 3885 }, 3886 changeOption(optionId, value, skipUpdateGallery) { 3887 this.selectedValues[optionId] = value; 3888 this.findSimpleIndex(); 3889 this.findAllowedAttributeOptions(); 3890 this.updatePrices(); 3891 !skipUpdateGallery && this.updateGallery(); 3892 }, 3893 toggleOption(optionId, value) { 3894 const optionIsSelected = this.selectedValues[optionId] === value; 3895 3896 if(optionIsSelected) { 3897 this.$el.querySelector('input').checked = false;
3898 this.selectedValues[optionId] = ''; 3899 3900 return; 3901 } 3902 3903 this.changeOption(optionId, value, true); 3904 }, 3905 preSelectColor() { 3906 this.changeOption(colorAttrCode, colorValue, 1); 3907 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 3908 3909 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 3910 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 3911 } 3912 }, 3913 onGetCartData(data) { 3914 this.preSelectColor(); 3915 this.preselectCartItems(data); 3916 this.preselectQuerystringItems(); 3917 this.preselectLocationHashItems(); 3918 }, 3919 updateGallery() { 3920 if (!this.productIndex) { 3921 return; 3922 } 3923 3924 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 3925 method: 'GET', 3926 headers: { 3927 'Content-Type': 'application/json', 3928 'X-Requested-With': 'XMLHttpRequest' 3929 } 3930 } 3931 ).then(response => { 3932 return response.json() 3933 } 3934 ).then(data => { 3935 if (data.errors) { 3936 3937 console.warn(data.errors); 3938 } else { 3939 const image = data && data.medium; 3940 3941 image && window.dispatchEvent( 3942 new CustomEvent( 3943 "update-gallery-342741", 3944 {detail: image} 3945 ) 3946 ); 3947 } 3948 }).catch(error => { 3949 console.warn(error) 3950 }); 3951 }, 3952 preselectQuerystringItems() { 3953 3954 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 3955 Object.values(this.optionConfig.attributes).map(attribute => { 3956 3957 const skipUpdateGallery = true; 3958 3959 if(!urlQueryParams.get(attribute.code)) { 3960 return; 3961 } 3962 const selectedOption = attribute.options.filter(option => { 3963 return option.label === urlQueryParams.get(attribute.code); 3964 })[0]; 3965 3966 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 3967 return; 3968 } 3969 3970 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 3971 }); 3972 }, 3973 preselectItemsBasedOnLocation(getLocationValue) { 3974 Object.values(this.optionConfig.attributes).map(attribute => { 3975 if(!getLocationValue(attribute)) { 3976 return; 3977 } 3978 this.changeOption(attribute.id, getLocationValue(attribute)) 3979 }); 3980 }, 3981 mouseDown: false, 3982 getLabelBySelectedSwatchId(defaultLabel, id) { 3983 if (this.selectedValues[id]) { 3984 return this.getSwatchText(id, this.selectedValues[id]); 3985 } 3986 3987 return defaultLabel; 3988 } 3989 } 3990 ); 3991 }</script>
3991<div x-data="initConfigurableSwatchOptions_342741()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342741" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342741-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342741-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342741.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342741.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342741.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342741.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 3992 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3993<title>chevron-up</title></svg> 3994</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342741"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342741-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
3994" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342741-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342741"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3995 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 3996<title>chevron-down</title></svg> 3997</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342741" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 3998 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 3999<title>chevron-up</title></svg> 4000</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 4001<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 4002<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 4003</svg> 4004</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 4005<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 4006 <g fill="none" fill-rule="evenodd"> 4007 <g transform="translate(1 1)" stroke-width="2"> 4008 <circle cx="5" cy="50" r="5">
4009 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 4010 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 4011 </circle> 4012 <circle cx="27" cy="5" r="5"> 4013 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 4014 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 4015 </circle> 4016 <circle cx="49" cy="50" r="5"> 4017 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 4018 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 4019 </circle> 4020 </g> 4021 </g> 4022<title>loader</title></svg> 4023</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05d5\u05de\u05d5\u05ea\u05df \u05e0\u05de\u05d5\u05db\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05d5\u05de\u05d5\u05ea\u05df \u05e0\u05de\u05d5\u05db\u05d4","id":"342741","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/219mj-55j-גינס-בגזרה-ישרה-ומותן-נמוכה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/1/219mj-55j-001-1-1330316.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342741.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/1/219mj-55j-001-1-1330316.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס בגזרה ישרה ומותן נמוכה" title="ג'ינס בגזרה ישרה ומותן נמוכה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/1/219mj-55j-002-1-1330316.jpg" loading="lazy" width="675" height="900" alt="ג'ינס בגזרה ישרה ומותן נמוכה" title="ג'ינס בגזרה ישרה ומותן נמוכה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/219mj-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%95%D7%9E%D7%95%D7%AA%D7%9F-%D7%A0%D7%9E%D7%95%D7%9B%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u
402305d4 \u05d5\u05de\u05d5\u05ea\u05df \u05e0\u05de\u05d5\u05db\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05d5\u05de\u05d5\u05ea\u05df \u05e0\u05de\u05d5\u05db\u05d4","id":"342741","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/219mj-55j-גינס-בגזרה-ישרה-ומותן-נמוכה';return false; }});">ג'ינס בגזרה ישרה ומותן נמוכה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342741()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/219mj-55j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%95%D7%9E%D7%95%D7%AA%D7%9F-%D7%A0%D7%9E%D7%95%D7%9B%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 4024 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 4025<title>arrow-left</title></svg> 4026</a></div>
4026<script> 4027 'use strict'; 4028 function initConfigurablePreview_342741() { 4029 const configurableOptionsComponent = initConfigurableOptions( 4030 '342741', 4031 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":["342395","342396","342397"]},{"id":"899","label":"\u05d0\u05e4\u05d5\u05e8 \u05d2'\u05d9\u05e0\u05e1","products":["342400"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":[]},{"id":"324","label":"36","products":["342395"]},{"id":"104","label":"38","products":["342396","342400"]},{"id":"79","label":"40","products":["342397"]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"342395":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342396":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342397":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"342400":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"342741","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"342395":{"93":"777","147":"324"},"342396":{"93":"777","147":"104"},"342397":{"93":"777","147":"79"},"342400":{"93":"899","147":"104"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"preSelectedGallery":[],"channel":"website","salesChannelCode":"base","sku":{"342395":"219MJ-55J-36","342396":"219MJ-55J-38","342397":"219MJ-55J-40","342400":"219MJ-90J-38"}} ); 4032 4033 const colorAttrCode = 93; 4034 const colorValue = '777'; 4035 4036 const swatchOptionsComponent = initSwatchOptions({"93":{"899":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/1\/219mj-90j-999-1-1330317.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/1\/219mj-90j-999-1-1330317.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d2'\u05d9\u05e0\u05e1"},"777":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/1\/219mj-55j-999-1-1330316.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/1\/219mj-55j-999-1-1330316.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4037 4038 return Object.assign( 4039 configurableOptionsComponent, 4040 swatchOptionsComponent, 4041 { 4042 productUrl: "https://reserved-il.com/219mj-55j-גינס-בגזרה-ישרה-ומותן-נמוכה", 4043 attributeCode: "color", 4044 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4045 preselectOption() { 4046 this.selectedValues[colorAttrCode] = colorValue; 4047 this.dispatchSelectedOption(colorAttrCode, colorValue); 4048 }, 4049 selectOption(optionId, value) { 4050 this.selectedValues[optionId] = value; 4051 this.dispatchSelectedOption(optionId, value); 4052 }, 4053 dispatchSelectedOption(optionId, value) { 4054 window.dispatchEvent( 4055 new CustomEvent( 4056 "select-product-342741-option", 4057 {detail: {option: optionId, value: value}} 4058 ) 4059 ); 4060 } 4061 } 4062 ) 4063 }</script>
4063 </div><div x-data="initPriceBox__6ac33f9bd0421()" @update-prices-342741.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342741" data-price-box="product-id-342741"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342741" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
4063<script> 4064 function initPriceBox__6ac33f9bd0421() 4065 { 4066 return { 4067 updatePrice(priceData) { 4068 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 4069 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 4070 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 4071 regularPriceLabel.classList.add('hidden'); 4072 } else { 4073 regularPriceLabel.classList.remove('hidden'); 4074 } 4075 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 4076 } 4077 } 4078 }</script>
4078</div></form>
4078<script> 4079 function validateSuperAttrs(superAttributeInputs) { 4080 let isValid = true; 4081 4082 superAttributeInputs.forEach(input => { 4083 const value = input.value.trim(); 4084 if (!/^\d+$/.test(value)) { 4085 isValid = false; 4086 } 4087 }); 4088 4089 return isValid; 4090 } 4091 function formSubmitData_342741() { 4092 return { 4093 loading: false, 4094 success: false, 4095 open: false, 4096 form: null, 4097 init: function () { 4098 this.form = this.$el; 4099 }, 4100 ajaxFormSubmit: function () { 4101 const self = this; 4102 const data = new URLSearchParams(new FormData(self.form)); 4103 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 4104 if (!validateSuperAttrs(superAttributeInputs)) { 4105 alert('Please enter a valid number.'); 4106 self.loading = false; 4107 return; 4108 } 4109 fetch(self.form.action, { 4110 method: 'POST', 4111 body: data, 4112 headers: { 4113 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 4114 'X-Requested-With': 'XMLHttpRequest' 4115 } 4116 }).then(res => { 4117 if (!res.ok) { 4118 return self.form.submit(); 4119 } 4120 4121 if (res.redirected) { 4122 return []; 4123 } 4124 4125 return res.json(); 4126 }).then(data => { 4127 if (data.backUrl) { 4128 self.form.submit(); 4129 } 4130 4131 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 4132 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 4133 }).catch(err => { 4134 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 4135 4136 self.setMessage({ 4137 text: 'אירעה שגיאה בהוספת הפריט לסל.', 4138 type: 'error' 4139 }); 4140 }).finally(() => { 4141 let messages = hyva.getCookie('mage-messages'); 4142 self.loading = false; 4143 self.success = true; 4144 try { 4145 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 4146 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 4147 } catch (error) { 4148 console.warn('Error parsing Cookie Messages:', error); 4149 return; 4150 } 4151 4152 setTimeout(() => { 4153 messages.forEach(message => { 4154 self.setMessage(message); 4155 }); 4156 }, 1000); 4157 4158 setTimeout(() => { 4159 self.success = false; 4160 self.open = false; 4161 }, 3000); 4162 }); 4163 4164 }, 4165 setMessage: function(message) { 4166 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4167 [message], 5000 4168 ); 4169 }, 4170 submitAddToCartForm(event) { 4171 event.preventDefault(); 4172 4173 this.loading = true; 4174 4175 this.ajaxFormSubmit(); 4176 } 4177 } 4178 }</script>
4178</div> </div> <div class="direction-ltr carousel-nav flex items-center justify-center flex-1 p-4"><button aria-label="הקודם" class="glider-prev w-10 h-10 mr-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M716.8 1024c6.552 0 13.102-2.499 18.101-7.499 9.998-9.997 9.998-26.206 0-36.203l-442.698-442.698 442.698-442.699c9.998-9.997 9.998-26.206 0-36.203s-26.206-9.998-36.203 0l-460.8 460.8c-9.998 9.997-9.998 26.206 0 36.203l460.8 460.8c5 5 11.55 7.499 18.102 7.499z"></path></svg></button> <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div><button aria-label="הבא" class="glider-next w-10 h-10 ml-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M256 1024c-6.552 0-13.102-2.499-18.101-7.499-9.998-9.997-9.998-26.206 0-36.203l442.698-442.698-442.698-442.699c-9.998-9.997-9.998-26.206 0-36.203s26.206-9.998 36.203 0l460.8 460.8c9.998 9.997 9.998 26.206 0 36.203l-460.8 460.8c-5 5-11.55 7.499-18.102 7.499z"></path></svg></button></div></div></div><div data-content-type="block" data-appearance="default" data-element="main" data-pb-style="ROKU5PS"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=IF701Q7]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin:0;padding:0}#html-body [data-pb-style=QXR7JC3]{min-height:42vw;margin:1px 0 0;padding:0}#html-body [data-pb-style=NIAILHH]{background-position:center top;background-size:contain;background-repeat:no-repeat;min-height:41vw}#html-body [data-pb-style=QKP0FG6]{min-height:41vw;background-color:transparent}@media only screen and (max-width: 768px) { #html-body [data-pb-style=NIAILHH]{min-height:94vw}#html-body [data-pb-style=QKP0FG6]{min-height:94vw;background-color:transparent} }</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="IF701Q7"><div class="pagebuilder-slider" data-content-type="slider" data-appearance="default" data-autoplay="true" data-autoplay-speed="7500" data-fade="false" data-infinite-loop="true" data-show-arrows="true" data-show-dots="false" data-element="main" data-pb-style="QXR7JC3"><div data-content-type="slide" data-slide-name="" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main"><a href="https://reserved-il.com/woman/clothes/special-offer-sale" target="" data-link-type="default" title="20% off pants & jeans" data-element="link"><div class="pagebuilder-slide-wrapper background-image-6ac33f9bd54ed background-image-6ac33f9e49405" data-background-images='{\"desktop_image\":\"https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_1920X823.jpg\",\"mobile_image\":\"https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_640x640.jpg\"}' 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="NIAILHH"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="20% off pants & jeans" title="20% off pants & jeans" data-element="overlay" data-pb-style="QKP0FG6"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac33f9bd54ed {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_1920X823.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6ac33f9bd54ed {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_640x640.jpg);}}@media only screen and (max-width: 640px) {.background-image-6ac33f9bd54ed {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_640x640.jpg);}}</style><style type="text/css">.background-image-6ac33f9e49405 {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_1920X823.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6ac33f9e49405 {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_640x640.jpg);}}@media only screen and (max-width: 640px) {.background-image-6ac33f9e49405 {background-image: url(https://reserved-il.com/media/wysiwyg/5421_RESERVED_20_640x640.jpg);}}</style></a></div></div></div></div></div><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main" data-pb-style="LNBHP8L"> <div dir="ltr" class="glider-contain product-items widget-product-carou
4178sel"><div data-role="glider-content" class="mx-auto grid gap-0 sm:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 relative overflow-y-hidden overflow-x-scroll"> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338006/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338006()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338006"> <a x-data="{open: false}" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338006" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
4178<script> 4179 function initConfigurableSwatchOptions_338006() { 4180 const configurableOptionsComponent = initConfigurableOptions( 4181 '338006', 4182 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
4182,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338006","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 4183 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4184 const colorAttrCode = 93; 4185 const sizeAttrCode = 147; 4186 const colorValue = '876'; 4187 4188 return Object.assign( 4189 configurableOptionsComponent, 4190 swatchOptionsComponent, 4191 { 4192 open: false, 4193 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4194 init() { 4195 const self = this; 4196 window.addEventListener('select-product-338006-option', function(event) { 4197 if(event.detail) { 4198 const {option, value} = event.detail; 4199 self.changeOption(option, value); 4200 } 4201 }) 4202 }, 4203 changeOption(optionId, value, skipUpdateGallery) { 4204 this.selectedValues[optionId] = value; 4205 this.findSimpleIndex(); 4206 this.findAllowedAttributeOptions(); 4207 this.updatePrices(); 4208 !skipUpdateGallery && this.updateGallery(); 4209 }, 4210 toggleOption(optionId, value) { 4211 const optionIsSelected = this.selectedValues[optionId] === value; 4212 4213 if(optionIsSelected) { 4214 this.$el.querySelector('input').checked = false;
4215 this.selectedValues[optionId] = ''; 4216 4217 return; 4218 } 4219 4220 this.changeOption(optionId, value, true); 4221 }, 4222 preSelectColor() { 4223 this.changeOption(colorAttrCode, colorValue, 1); 4224 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 4225 4226 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 4227 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 4228 } 4229 }, 4230 onGetCartData(data) { 4231 this.preSelectColor(); 4232 this.preselectCartItems(data); 4233 this.preselectQuerystringItems(); 4234 this.preselectLocationHashItems(); 4235 }, 4236 updateGallery() { 4237 if (!this.productIndex) { 4238 return; 4239 } 4240 4241 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 4242 method: 'GET', 4243 headers: { 4244 'Content-Type': 'application/json', 4245 'X-Requested-With': 'XMLHttpRequest' 4246 } 4247 } 4248 ).then(response => { 4249 return response.json() 4250 } 4251 ).then(data => { 4252 if (data.errors) { 4253 4254 console.warn(data.errors); 4255 } else { 4256 const image = data && data.medium; 4257 4258 image && window.dispatchEvent( 4259 new CustomEvent( 4260 "update-gallery-338006", 4261 {detail: image} 4262 ) 4263 ); 4264 } 4265 }).catch(error => { 4266 console.warn(error) 4267 }); 4268 }, 4269 preselectQuerystringItems() { 4270 4271 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 4272 Object.values(this.optionConfig.attributes).map(attribute => { 4273 4274 const skipUpdateGallery = true; 4275 4276 if(!urlQueryParams.get(attribute.code)) { 4277 return; 4278 } 4279 const selectedOption = attribute.options.filter(option => { 4280 return option.label === urlQueryParams.get(attribute.code); 4281 })[0]; 4282 4283 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 4284 return; 4285 } 4286 4287 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 4288 }); 4289 }, 4290 preselectItemsBasedOnLocation(getLocationValue) { 4291 Object.values(this.optionConfig.attributes).map(attribute => { 4292 if(!getLocationValue(attribute)) { 4293 return; 4294 } 4295 this.changeOption(attribute.id, getLocationValue(attribute)) 4296 }); 4297 }, 4298 mouseDown: false, 4299 getLabelBySelectedSwatchId(defaultLabel, id) { 4300 if (this.selectedValues[id]) { 4301 return this.getSwatchText(id, this.selectedValues[id]); 4302 } 4303 4304 return defaultLabel; 4305 } 4306 } 4307 ); 4308 }</script>
4308<div x-data="initConfigurableSwatchOptions_338006()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338006" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338006-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338006-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338006.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338006.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338006.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338006.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 4309 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4310<title>chevron-up</title></svg> 4311</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338006"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338006-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
4311" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338006-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338006"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4312 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 4313<title>chevron-down</title></svg> 4314</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338006" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4315 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4316<title>chevron-up</title></svg> 4317</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 4318<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 4319<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 4320</svg> 4321</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 4322<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 4323 <g fill="none" fill-rule="evenodd"> 4324 <g transform="translate(1 1)" stroke-width="2"> 4325 <circle cx="5" cy="50" r="5">
4326 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 4327 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 4328 </circle> 4329 <circle cx="27" cy="5" r="5"> 4330 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 4331 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 4332 </circle> 4333 <circle cx="49" cy="50" r="5"> 4334 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 4335 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 4336 </circle> 4337 </g> 4338 </g> 4339<title>loader</title></svg> 4340</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4340\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338006","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/1/314kt-90m-001-1-1319997.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338006.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/1/314kt-90m-001-1-1319997.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/1/314kt-90m-002-1-1319997.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4340\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338006","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה';return false; }});">מכנסיים רחבים עם חגורה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338006()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 4341 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 4342<title>arrow-left</title></svg> 4343</a></div>
4343<script> 4344 'use strict'; 4345 function initConfigurablePreview_338006() { 4346 const configurableOptionsComponent = initConfigurableOptions( 4347 '338006', 4348 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
4348,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338006","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 4349 4350 const colorAttrCode = 93; 4351 const colorValue = '876'; 4352 4353 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4354 4355 return Object.assign( 4356 configurableOptionsComponent, 4357 swatchOptionsComponent, 4358 { 4359 productUrl: "https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה", 4360 attributeCode: "color", 4361 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4362 preselectOption() { 4363 this.selectedValues[colorAttrCode] = colorValue; 4364 this.dispatchSelectedOption(colorAttrCode, colorValue); 4365 }, 4366 selectOption(optionId, value) { 4367 this.selectedValues[optionId] = value; 4368 this.dispatchSelectedOption(optionId, value); 4369 }, 4370 dispatchSelectedOption(optionId, value) { 4371 window.dispatchEvent( 4372 new CustomEvent( 4373 "select-product-338006-option", 4374 {detail: {option: optionId, value: value}} 4375 ) 4376 ); 4377 } 4378 } 4379 ) 4380 }</script>
4380 </div><div x-data="initPriceBox__6ac33f9c3bb15()" @update-prices-338006.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338006" data-price-box="product-id-338006"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338006" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
4380<script> 4381 function initPriceBox__6ac33f9c3bb15() 4382 { 4383 return { 4384 updatePrice(priceData) { 4385 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 4386 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 4387 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 4388 regularPriceLabel.classList.add('hidden'); 4389 } else { 4390 regularPriceLabel.classList.remove('hidden'); 4391 } 4392 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 4393 } 4394 } 4395 }</script>
4395</div></form>
4395<script> 4396 function validateSuperAttrs(superAttributeInputs) { 4397 let isValid = true; 4398 4399 superAttributeInputs.forEach(input => { 4400 const value = input.value.trim(); 4401 if (!/^\d+$/.test(value)) { 4402 isValid = false; 4403 } 4404 }); 4405 4406 return isValid; 4407 } 4408 function formSubmitData_338006() { 4409 return { 4410 loading: false, 4411 success: false, 4412 open: false, 4413 form: null, 4414 init: function () { 4415 this.form = this.$el; 4416 }, 4417 ajaxFormSubmit: function () { 4418 const self = this; 4419 const data = new URLSearchParams(new FormData(self.form)); 4420 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 4421 if (!validateSuperAttrs(superAttributeInputs)) { 4422 alert('Please enter a valid number.'); 4423 self.loading = false; 4424 return; 4425 } 4426 fetch(self.form.action, { 4427 method: 'POST', 4428 body: data, 4429 headers: { 4430 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 4431 'X-Requested-With': 'XMLHttpRequest' 4432 } 4433 }).then(res => { 4434 if (!res.ok) { 4435 return self.form.submit(); 4436 } 4437 4438 if (res.redirected) { 4439 return []; 4440 } 4441 4442 return res.json(); 4443 }).then(data => { 4444 if (data.backUrl) { 4445 self.form.submit(); 4446 } 4447 4448 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 4449 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 4450 }).catch(err => { 4451 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 4452 4453 self.setMessage({ 4454 text: 'אירעה שגיאה בהוספת הפריט לסל.', 4455 type: 'error' 4456 }); 4457 }).finally(() => { 4458 let messages = hyva.getCookie('mage-messages'); 4459 self.loading = false; 4460 self.success = true; 4461 try { 4462 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 4463 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 4464 } catch (error) { 4465 console.warn('Error parsing Cookie Messages:', error); 4466 return; 4467 } 4468 4469 setTimeout(() => { 4470 messages.forEach(message => { 4471 self.setMessage(message); 4472 }); 4473 }, 1000); 4474 4475 setTimeout(() => { 4476 self.success = false; 4477 self.open = false; 4478 }, 3000); 4479 }); 4480 4481 }, 4482 setMessage: function(message) { 4483 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4484 [message], 5000 4485 ); 4486 }, 4487 submitAddToCartForm(event) { 4488 event.preventDefault(); 4489 4490 this.loading = true; 4491 4492 this.ajaxFormSubmit(); 4493 } 4494 } 4495 }</script>
4495</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338005/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338005()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338005"> <a x-data="{open: false}" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338005" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
4495<script> 4496 function initConfigurableSwatchOptions_338005() { 4497 const configurableOptionsComponent = initConfigurableOptions( 4498 '338005', 4499 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
4499,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338005","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 4500 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4501 const colorAttrCode = 93; 4502 const sizeAttrCode = 147; 4503 const colorValue = '833'; 4504 4505 return Object.assign( 4506 configurableOptionsComponent, 4507 swatchOptionsComponent, 4508 { 4509 open: false, 4510 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4511 init() { 4512 const self = this; 4513 window.addEventListener('select-product-338005-option', function(event) { 4514 if(event.detail) { 4515 const {option, value} = event.detail; 4516 self.changeOption(option, value); 4517 } 4518 }) 4519 }, 4520 changeOption(optionId, value, skipUpdateGallery) { 4521 this.selectedValues[optionId] = value; 4522 this.findSimpleIndex(); 4523 this.findAllowedAttributeOptions(); 4524 this.updatePrices(); 4525 !skipUpdateGallery && this.updateGallery(); 4526 }, 4527 toggleOption(optionId, value) { 4528 const optionIsSelected = this.selectedValues[optionId] === value; 4529 4530 if(optionIsSelected) { 4531 this.$el.querySelector('input').checked = false;
4532 this.selectedValues[optionId] = ''; 4533 4534 return; 4535 } 4536 4537 this.changeOption(optionId, value, true); 4538 }, 4539 preSelectColor() { 4540 this.changeOption(colorAttrCode, colorValue, 1); 4541 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 4542 4543 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 4544 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 4545 } 4546 }, 4547 onGetCartData(data) { 4548 this.preSelectColor(); 4549 this.preselectCartItems(data); 4550 this.preselectQuerystringItems(); 4551 this.preselectLocationHashItems(); 4552 }, 4553 updateGallery() { 4554 if (!this.productIndex) { 4555 return; 4556 } 4557 4558 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 4559 method: 'GET', 4560 headers: { 4561 'Content-Type': 'application/json', 4562 'X-Requested-With': 'XMLHttpRequest' 4563 } 4564 } 4565 ).then(response => { 4566 return response.json() 4567 } 4568 ).then(data => { 4569 if (data.errors) { 4570 4571 console.warn(data.errors); 4572 } else { 4573 const image = data && data.medium; 4574 4575 image && window.dispatchEvent( 4576 new CustomEvent( 4577 "update-gallery-338005", 4578 {detail: image} 4579 ) 4580 ); 4581 } 4582 }).catch(error => { 4583 console.warn(error) 4584 }); 4585 }, 4586 preselectQuerystringItems() { 4587 4588 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 4589 Object.values(this.optionConfig.attributes).map(attribute => { 4590 4591 const skipUpdateGallery = true; 4592 4593 if(!urlQueryParams.get(attribute.code)) { 4594 return; 4595 } 4596 const selectedOption = attribute.options.filter(option => { 4597 return option.label === urlQueryParams.get(attribute.code); 4598 })[0]; 4599 4600 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 4601 return; 4602 } 4603 4604 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 4605 }); 4606 }, 4607 preselectItemsBasedOnLocation(getLocationValue) { 4608 Object.values(this.optionConfig.attributes).map(attribute => { 4609 if(!getLocationValue(attribute)) { 4610 return; 4611 } 4612 this.changeOption(attribute.id, getLocationValue(attribute)) 4613 }); 4614 }, 4615 mouseDown: false, 4616 getLabelBySelectedSwatchId(defaultLabel, id) { 4617 if (this.selectedValues[id]) { 4618 return this.getSwatchText(id, this.selectedValues[id]); 4619 } 4620 4621 return defaultLabel; 4622 } 4623 } 4624 ); 4625 }</script>
4625<div x-data="initConfigurableSwatchOptions_338005()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338005" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338005-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338005-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338005.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338005.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338005.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338005.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 4626 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4627<title>chevron-up</title></svg> 4628</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338005"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338005-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
4628" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338005-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338005"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4629 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 4630<title>chevron-down</title></svg> 4631</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338005" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4632 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4633<title>chevron-up</title></svg> 4634</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 4635<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 4636<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 4637</svg> 4638</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 4639<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 4640 <g fill="none" fill-rule="evenodd"> 4641 <g transform="translate(1 1)" stroke-width="2"> 4642 <circle cx="5" cy="50" r="5">
4643 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 4644 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 4645 </circle> 4646 <circle cx="27" cy="5" r="5"> 4647 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 4648 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 4649 </circle> 4650 <circle cx="49" cy="50" r="5"> 4651 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 4652 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 4653 </circle> 4654 </g> 4655 </g> 4656<title>loader</title></svg> 4657</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4657\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338005","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/1/314kt-89m-002-1-1319996.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338005.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/1/314kt-89m-002-1-1319996.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/1/314kt-89m-001-1-1319996.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4657\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338005","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה';return false; }});">מכנסיים רחבים עם חגורה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338005()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 4658 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 4659<title>arrow-left</title></svg> 4660</a></div>
4660<script> 4661 'use strict'; 4662 function initConfigurablePreview_338005() { 4663 const configurableOptionsComponent = initConfigurableOptions( 4664 '338005', 4665 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
4665,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338005","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 4666 4667 const colorAttrCode = 93; 4668 const colorValue = '833'; 4669 4670 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4671 4672 return Object.assign( 4673 configurableOptionsComponent, 4674 swatchOptionsComponent, 4675 { 4676 productUrl: "https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה", 4677 attributeCode: "color", 4678 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4679 preselectOption() { 4680 this.selectedValues[colorAttrCode] = colorValue; 4681 this.dispatchSelectedOption(colorAttrCode, colorValue); 4682 }, 4683 selectOption(optionId, value) { 4684 this.selectedValues[optionId] = value; 4685 this.dispatchSelectedOption(optionId, value); 4686 }, 4687 dispatchSelectedOption(optionId, value) { 4688 window.dispatchEvent( 4689 new CustomEvent( 4690 "select-product-338005-option", 4691 {detail: {option: optionId, value: value}} 4692 ) 4693 ); 4694 } 4695 } 4696 ) 4697 }</script>
4697 </div><div x-data="initPriceBox__6ac33f9c53fff()" @update-prices-338005.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338005" data-price-box="product-id-338005"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338005" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
4697<script> 4698 function initPriceBox__6ac33f9c53fff() 4699 { 4700 return { 4701 updatePrice(priceData) { 4702 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 4703 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 4704 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 4705 regularPriceLabel.classList.add('hidden'); 4706 } else { 4707 regularPriceLabel.classList.remove('hidden'); 4708 } 4709 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 4710 } 4711 } 4712 }</script>
4712</div></form>
4712<script> 4713 function validateSuperAttrs(superAttributeInputs) { 4714 let isValid = true; 4715 4716 superAttributeInputs.forEach(input => { 4717 const value = input.value.trim(); 4718 if (!/^\d+$/.test(value)) { 4719 isValid = false; 4720 } 4721 }); 4722 4723 return isValid; 4724 } 4725 function formSubmitData_338005() { 4726 return { 4727 loading: false, 4728 success: false, 4729 open: false, 4730 form: null, 4731 init: function () { 4732 this.form = this.$el; 4733 }, 4734 ajaxFormSubmit: function () { 4735 const self = this; 4736 const data = new URLSearchParams(new FormData(self.form)); 4737 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 4738 if (!validateSuperAttrs(superAttributeInputs)) { 4739 alert('Please enter a valid number.'); 4740 self.loading = false; 4741 return; 4742 } 4743 fetch(self.form.action, { 4744 method: 'POST', 4745 body: data, 4746 headers: { 4747 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 4748 'X-Requested-With': 'XMLHttpRequest' 4749 } 4750 }).then(res => { 4751 if (!res.ok) { 4752 return self.form.submit(); 4753 } 4754 4755 if (res.redirected) { 4756 return []; 4757 } 4758 4759 return res.json(); 4760 }).then(data => { 4761 if (data.backUrl) { 4762 self.form.submit(); 4763 } 4764 4765 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 4766 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 4767 }).catch(err => { 4768 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 4769 4770 self.setMessage({ 4771 text: 'אירעה שגיאה בהוספת הפריט לסל.', 4772 type: 'error' 4773 }); 4774 }).finally(() => { 4775 let messages = hyva.getCookie('mage-messages'); 4776 self.loading = false; 4777 self.success = true; 4778 try { 4779 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 4780 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 4781 } catch (error) { 4782 console.warn('Error parsing Cookie Messages:', error); 4783 return; 4784 } 4785 4786 setTimeout(() => { 4787 messages.forEach(message => { 4788 self.setMessage(message); 4789 }); 4790 }, 1000); 4791 4792 setTimeout(() => { 4793 self.success = false; 4794 self.open = false; 4795 }, 3000); 4796 }); 4797 4798 }, 4799 setMessage: function(message) { 4800 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 4801 [message], 5000 4802 ); 4803 }, 4804 submitAddToCartForm(event) { 4805 event.preventDefault(); 4806 4807 this.loading = true; 4808 4809 this.ajaxFormSubmit(); 4810 } 4811 } 4812 }</script>
4812</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338009/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338009()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338009"> <a x-data="{open: false}" href="https://reserved-il.com/319ky-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338009" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
4812<script> 4813 function initConfigurableSwatchOptions_338009() { 4814 const configurableOptionsComponent = initConfigurableOptions( 4815 '338009', 4816 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337428","337430","337432"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337432"]},{"id":"63","label":"S","products":["337430"]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":["337428"]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337428":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337430":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337432":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338009","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337428":{"93":"876","147":"46"},"337430":{"93":"876","147":"63"},"337432":{"93":"876","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337428":"319KY-90M-L","337430":"319KY-90M-S","337432":"319KY-90M-XS"}} ); 4817 const swatchOptionsComponent = initSwatchOptions({"93":{"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/319ky-90m-999-1-1336600.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/319ky-90m-999-1-1336600.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4818 const colorAttrCode = 93; 4819 const sizeAttrCode = 147; 4820 const colorValue = '876'; 4821 4822 return Object.assign( 4823 configurableOptionsComponent, 4824 swatchOptionsComponent, 4825 { 4826 open: false, 4827 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4828 init() { 4829 const self = this; 4830 window.addEventListener('select-product-338009-option', function(event) { 4831 if(event.detail) { 4832 const {option, value} = event.detail; 4833 self.changeOption(option, value); 4834 } 4835 }) 4836 }, 4837 changeOption(optionId, value, skipUpdateGallery) { 4838 this.selectedValues[optionId] = value; 4839 this.findSimpleIndex(); 4840 this.findAllowedAttributeOptions(); 4841 this.updatePrices(); 4842 !skipUpdateGallery && this.updateGallery(); 4843 }, 4844 toggleOption(optionId, value) { 4845 const optionIsSelected = this.selectedValues[optionId] === value; 4846 4847 if(optionIsSelected) { 4848 this.$el.querySelector('input').checked = false;
4849 this.selectedValues[optionId] = ''; 4850 4851 return; 4852 } 4853 4854 this.changeOption(optionId, value, true); 4855 }, 4856 preSelectColor() { 4857 this.changeOption(colorAttrCode, colorValue, 1); 4858 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 4859 4860 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 4861 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 4862 } 4863 }, 4864 onGetCartData(data) { 4865 this.preSelectColor(); 4866 this.preselectCartItems(data); 4867 this.preselectQuerystringItems(); 4868 this.preselectLocationHashItems(); 4869 }, 4870 updateGallery() { 4871 if (!this.productIndex) { 4872 return; 4873 } 4874 4875 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 4876 method: 'GET', 4877 headers: { 4878 'Content-Type': 'application/json', 4879 'X-Requested-With': 'XMLHttpRequest' 4880 } 4881 } 4882 ).then(response => { 4883 return response.json() 4884 } 4885 ).then(data => { 4886 if (data.errors) { 4887 4888 console.warn(data.errors); 4889 } else { 4890 const image = data && data.medium; 4891 4892 image && window.dispatchEvent( 4893 new CustomEvent( 4894 "update-gallery-338009", 4895 {detail: image} 4896 ) 4897 ); 4898 } 4899 }).catch(error => { 4900 console.warn(error) 4901 }); 4902 }, 4903 preselectQuerystringItems() { 4904 4905 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 4906 Object.values(this.optionConfig.attributes).map(attribute => { 4907 4908 const skipUpdateGallery = true; 4909 4910 if(!urlQueryParams.get(attribute.code)) { 4911 return; 4912 } 4913 const selectedOption = attribute.options.filter(option => { 4914 return option.label === urlQueryParams.get(attribute.code); 4915 })[0]; 4916 4917 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 4918 return; 4919 } 4920 4921 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 4922 }); 4923 }, 4924 preselectItemsBasedOnLocation(getLocationValue) { 4925 Object.values(this.optionConfig.attributes).map(attribute => { 4926 if(!getLocationValue(attribute)) { 4927 return; 4928 } 4929 this.changeOption(attribute.id, getLocationValue(attribute)) 4930 }); 4931 }, 4932 mouseDown: false, 4933 getLabelBySelectedSwatchId(defaultLabel, id) { 4934 if (this.selectedValues[id]) { 4935 return this.getSwatchText(id, this.selectedValues[id]); 4936 } 4937 4938 return defaultLabel; 4939 } 4940 } 4941 ); 4942 }</script>
4942<div x-data="initConfigurableSwatchOptions_338009()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338009" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338009-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338009-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338009.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338009.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338009.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338009.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 4943 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4944<title>chevron-up</title></svg> 4945</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338009"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338009-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
4945" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338009-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338009"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4946 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 4947<title>chevron-down</title></svg> 4948</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338009" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 4949 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 4950<title>chevron-up</title></svg> 4951</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 4952<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 4953<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 4954</svg> 4955</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 4956<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 4957 <g fill="none" fill-rule="evenodd"> 4958 <g transform="translate(1 1)" stroke-width="2"> 4959 <circle cx="5" cy="50" r="5">
4960 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 4961 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 4962 </circle> 4963 <circle cx="27" cy="5" r="5"> 4964 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 4965 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 4966 </circle> 4967 <circle cx="49" cy="50" r="5"> 4968 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 4969 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 4970 </circle> 4971 </g> 4972 </g> 4973<title>loader</title></svg> 4974</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4974\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","id":"338009","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/319ky-90m-מכנסיים-רחבים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/1/319ky-90m-002-1-1336600.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338009.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/1/319ky-90m-002-1-1336600.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים" title="מכנסיים רחבים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/1/319ky-90m-001-1-1336600.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים" title="מכנסיים רחבים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/319ky-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
4974\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","id":"338009","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/319ky-90m-מכנסיים-רחבים';return false; }});">מכנסיים רחבים</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338009()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/319ky-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 4975 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 4976<title>arrow-left</title></svg> 4977</a></div>
4977<script> 4978 'use strict'; 4979 function initConfigurablePreview_338009() { 4980 const configurableOptionsComponent = initConfigurableOptions( 4981 '338009', 4982 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337428","337430","337432"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337432"]},{"id":"63","label":"S","products":["337430"]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":["337428"]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337428":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337430":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337432":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338009","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337428":{"93":"876","147":"46"},"337430":{"93":"876","147":"63"},"337432":{"93":"876","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337428":"319KY-90M-L","337430":"319KY-90M-S","337432":"319KY-90M-XS"}} ); 4983 4984 const colorAttrCode = 93; 4985 const colorValue = '876'; 4986 4987 const swatchOptionsComponent = initSwatchOptions({"93":{"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/319ky-90m-999-1-1336600.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/319ky-90m-999-1-1336600.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 4988 4989 return Object.assign( 4990 configurableOptionsComponent, 4991 swatchOptionsComponent, 4992 { 4993 productUrl: "https://reserved-il.com/319ky-90m-מכנסיים-רחבים", 4994 attributeCode: "color", 4995 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 4996 preselectOption() { 4997 this.selectedValues[colorAttrCode] = colorValue; 4998 this.dispatchSelectedOption(colorAttrCode, colorValue); 4999 }, 5000 selectOption(optionId, value) { 5001 this.selectedValues[optionId] = value; 5002 this.dispatchSelectedOption(optionId, value); 5003 }, 5004 dispatchSelectedOption(optionId, value) { 5005 window.dispatchEvent( 5006 new CustomEvent( 5007 "select-product-338009-option", 5008 {detail: {option: optionId, value: value}} 5009 ) 5010 ); 5011 } 5012 } 5013 ) 5014 }</script>
5014 </div><div x-data="initPriceBox__6ac33f9c66bd9()" @update-prices-338009.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338009" data-price-box="product-id-338009"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338009" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
5014<script> 5015 function initPriceBox__6ac33f9c66bd9() 5016 { 5017 return { 5018 updatePrice(priceData) { 5019 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 5020 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 5021 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 5022 regularPriceLabel.classList.add('hidden'); 5023 } else { 5024 regularPriceLabel.classList.remove('hidden'); 5025 } 5026 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 5027 } 5028 } 5029 }</script>
5029</div></form>
5029<script> 5030 function validateSuperAttrs(superAttributeInputs) { 5031 let isValid = true; 5032 5033 superAttributeInputs.forEach(input => { 5034 const value = input.value.trim(); 5035 if (!/^\d+$/.test(value)) { 5036 isValid = false; 5037 } 5038 }); 5039 5040 return isValid; 5041 } 5042 function formSubmitData_338009() { 5043 return { 5044 loading: false, 5045 success: false, 5046 open: false, 5047 form: null, 5048 init: function () { 5049 this.form = this.$el; 5050 }, 5051 ajaxFormSubmit: function () { 5052 const self = this; 5053 const data = new URLSearchParams(new FormData(self.form)); 5054 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 5055 if (!validateSuperAttrs(superAttributeInputs)) { 5056 alert('Please enter a valid number.'); 5057 self.loading = false; 5058 return; 5059 } 5060 fetch(self.form.action, { 5061 method: 'POST', 5062 body: data, 5063 headers: { 5064 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 5065 'X-Requested-With': 'XMLHttpRequest' 5066 } 5067 }).then(res => { 5068 if (!res.ok) { 5069 return self.form.submit(); 5070 } 5071 5072 if (res.redirected) { 5073 return []; 5074 } 5075 5076 return res.json(); 5077 }).then(data => { 5078 if (data.backUrl) { 5079 self.form.submit(); 5080 } 5081 5082 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 5083 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 5084 }).catch(err => { 5085 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 5086 5087 self.setMessage({ 5088 text: 'אירעה שגיאה בהוספת הפריט לסל.', 5089 type: 'error' 5090 }); 5091 }).finally(() => { 5092 let messages = hyva.getCookie('mage-messages'); 5093 self.loading = false; 5094 self.success = true; 5095 try { 5096 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 5097 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 5098 } catch (error) { 5099 console.warn('Error parsing Cookie Messages:', error); 5100 return; 5101 } 5102 5103 setTimeout(() => { 5104 messages.forEach(message => { 5105 self.setMessage(message); 5106 }); 5107 }, 1000); 5108 5109 setTimeout(() => { 5110 self.success = false; 5111 self.open = false; 5112 }, 3000); 5113 }); 5114 5115 }, 5116 setMessage: function(message) { 5117 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5118 [message], 5000 5119 ); 5120 }, 5121 submitAddToCartForm(event) { 5122 event.preventDefault(); 5123 5124 this.loading = true; 5125 5126 this.ajaxFormSubmit(); 5127 } 5128 } 5129 }</script>
5129</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/337993/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_337993()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="337993"> <a x-data="{open: false}" href="https://reserved-il.com/279ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_337993" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
5129<script> 5130 function initConfigurableSwatchOptions_337993() { 5131 const configurableOptionsComponent = initConfigurableOptions( 5132 '337993', 5133 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["337350","337351","337352","337353","337355"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337350"]},{"id":"324","label":"36","products":["337351"]},{"id":"104","label":"38","products":["337352"]},{"id":"79","label":"40","products":["337353"]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":["337355"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337350":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337351":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337352":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337353":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337355":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"337993","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337350":{"93":"852","147":"322"},"337351":{"93":"852","147":"324"},"337352":{"93":"852","147":"104"},"337353":{"93":"852","147":"79"},"337355":{"93":"852","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337350":"279KS-50J-34","337351":"279KS-50J-36","337352":"279KS-50J-38","337353":"279KS-50J-40","337355":"279KS-50J-44"}} ); 5134 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/7\/279ks-50j-999-1-1272630.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/7\/279ks-50j-999-1-1272630.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5135 const colorAttrCode = 93; 5136 const sizeAttrCode = 147; 5137 const colorValue = '852'; 5138 5139 return Object.assign( 5140 configurableOptionsComponent, 5141 swatchOptionsComponent, 5142 { 5143 open: false, 5144 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5145 init() { 5146 const self = this; 5147 window.addEventListener('select-product-337993-option', function(event) { 5148 if(event.detail) { 5149 const {option, value} = event.detail; 5150 self.changeOption(option, value); 5151 } 5152 }) 5153 }, 5154 changeOption(optionId, value, skipUpdateGallery) { 5155 this.selectedValues[optionId] = value; 5156 this.findSimpleIndex(); 5157 this.findAllowedAttributeOptions(); 5158 this.updatePrices(); 5159 !skipUpdateGallery && this.updateGallery(); 5160 }, 5161 toggleOption(optionId, value) { 5162 const optionIsSelected = this.selectedValues[optionId] === value; 5163 5164 if(optionIsSelected) { 5165 this.$el.querySelector('input').checked = false;
5166 this.selectedValues[optionId] = ''; 5167 5168 return; 5169 } 5170 5171 this.changeOption(optionId, value, true); 5172 }, 5173 preSelectColor() { 5174 this.changeOption(colorAttrCode, colorValue, 1); 5175 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 5176 5177 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 5178 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 5179 } 5180 }, 5181 onGetCartData(data) { 5182 this.preSelectColor(); 5183 this.preselectCartItems(data); 5184 this.preselectQuerystringItems(); 5185 this.preselectLocationHashItems(); 5186 }, 5187 updateGallery() { 5188 if (!this.productIndex) { 5189 return; 5190 } 5191 5192 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 5193 method: 'GET', 5194 headers: { 5195 'Content-Type': 'application/json', 5196 'X-Requested-With': 'XMLHttpRequest' 5197 } 5198 } 5199 ).then(response => { 5200 return response.json() 5201 } 5202 ).then(data => { 5203 if (data.errors) { 5204 5205 console.warn(data.errors); 5206 } else { 5207 const image = data && data.medium; 5208 5209 image && window.dispatchEvent( 5210 new CustomEvent( 5211 "update-gallery-337993", 5212 {detail: image} 5213 ) 5214 ); 5215 } 5216 }).catch(error => { 5217 console.warn(error) 5218 }); 5219 }, 5220 preselectQuerystringItems() { 5221 5222 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 5223 Object.values(this.optionConfig.attributes).map(attribute => { 5224 5225 const skipUpdateGallery = true; 5226 5227 if(!urlQueryParams.get(attribute.code)) { 5228 return; 5229 } 5230 const selectedOption = attribute.options.filter(option => { 5231 return option.label === urlQueryParams.get(attribute.code); 5232 })[0]; 5233 5234 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 5235 return; 5236 } 5237 5238 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 5239 }); 5240 }, 5241 preselectItemsBasedOnLocation(getLocationValue) { 5242 Object.values(this.optionConfig.attributes).map(attribute => { 5243 if(!getLocationValue(attribute)) { 5244 return; 5245 } 5246 this.changeOption(attribute.id, getLocationValue(attribute)) 5247 }); 5248 }, 5249 mouseDown: false, 5250 getLabelBySelectedSwatchId(defaultLabel, id) { 5251 if (this.selectedValues[id]) { 5252 return this.getSwatchText(id, this.selectedValues[id]); 5253 } 5254 5255 return defaultLabel; 5256 } 5257 } 5258 ); 5259 }</script>
5259<div x-data="initConfigurableSwatchOptions_337993()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_337993" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-337993-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-337993-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_337993.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_337993.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_337993.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_337993.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 5260 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5261<title>chevron-up</title></svg> 5262</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_337993"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-337993-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
5262" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-337993-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_337993"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5263 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 5264<title>chevron-down</title></svg> 5265</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_337993" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5266 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5267<title>chevron-up</title></svg> 5268</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 5269<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 5270<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 5271</svg> 5272</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 5273<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 5274 <g fill="none" fill-rule="evenodd"> 5275 <g transform="translate(1 1)" stroke-width="2"> 5276 <circle cx="5" cy="50" r="5">
5277 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 5278 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 5279 </circle> 5280 <circle cx="27" cy="5" r="5"> 5281 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 5282 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 5283 </circle> 5284 <circle cx="49" cy="50" r="5"> 5285 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 5286 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 5287 </circle> 5288 </g> 5289 </g> 5290<title>loader</title></svg> 5291</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Barrel","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Barrel","id":"337993","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/279ks-50j-גינס-בגזרת-barrel';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/7/279ks-50j-004-1-1282814.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-337993.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/7/279ks-50j-004-1-1282814.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס בגזרת Barrel" title="ג'ינס בגזרת Barrel"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/7/279ks-50j-001-1-1282814.jpg" loading="lazy" width="675" height="900" alt="ג'ינס בגזרת Barrel" title="ג'ינס בגזרת Barrel"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/279ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Barrel","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Barrel","id":"337993","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/279ks-50j-גינס-בגזרת-barrel';return false; }});">ג'ינס בגזרת Barrel</a> <div class="flex items-center justify-start" x-data="init
5291ConfigurablePreview_337993()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/279ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 5292 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 5293<title>arrow-left</title></svg> 5294</a></div>
5294<script> 5295 'use strict'; 5296 function initConfigurablePreview_337993() { 5297 const configurableOptionsComponent = initConfigurableOptions( 5298 '337993', 5299 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["337350","337351","337352","337353","337355"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337350"]},{"id":"324","label":"36","products":["337351"]},{"id":"104","label":"38","products":["337352"]},{"id":"79","label":"40","products":["337353"]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":["337355"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337350":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337351":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337352":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337353":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337355":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"337993","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337350":{"93":"852","147":"322"},"337351":{"93":"852","147":"324"},"337352":{"93":"852","147":"104"},"337353":{"93":"852","147":"79"},"337355":{"93":"852","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337350":"279KS-50J-34","337351":"279KS-50J-36","337352":"279KS-50J-38","337353":"279KS-50J-40","337355":"279KS-50J-44"}} ); 5300 5301 const colorAttrCode = 93; 5302 const colorValue = '852'; 5303 5304 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/7\/279ks-50j-999-1-1272630.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/7\/279ks-50j-999-1-1272630.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5305 5306 return Object.assign( 5307 configurableOptionsComponent, 5308 swatchOptionsComponent, 5309 { 5310 productUrl: "https://reserved-il.com/279ks-50j-גינס-בגזרת-barrel", 5311 attributeCode: "color", 5312 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5313 preselectOption() { 5314 this.selectedValues[colorAttrCode] = colorValue; 5315 this.dispatchSelectedOption(colorAttrCode, colorValue); 5316 }, 5317 selectOption(optionId, value) { 5318 this.selectedValues[optionId] = value; 5319 this.dispatchSelectedOption(optionId, value); 5320 }, 5321 dispatchSelectedOption(optionId, value) { 5322 window.dispatchEvent( 5323 new CustomEvent( 5324 "select-product-337993-option", 5325 {detail: {option: optionId, value: value}} 5326 ) 5327 ); 5328 } 5329 } 5330 ) 5331 }</script>
5331 </div><div x-data="initPriceBox__6ac33f9c706c5()" @update-prices-337993.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="337993" data-price-box="product-id-337993"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-337993" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
5331<script> 5332 function initPriceBox__6ac33f9c706c5() 5333 { 5334 return { 5335 updatePrice(priceData) { 5336 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 5337 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 5338 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 5339 regularPriceLabel.classList.add('hidden'); 5340 } else { 5341 regularPriceLabel.classList.remove('hidden'); 5342 } 5343 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 5344 } 5345 } 5346 }</script>
5346</div></form>
5346<script> 5347 function validateSuperAttrs(superAttributeInputs) { 5348 let isValid = true; 5349 5350 superAttributeInputs.forEach(input => { 5351 const value = input.value.trim(); 5352 if (!/^\d+$/.test(value)) { 5353 isValid = false; 5354 } 5355 }); 5356 5357 return isValid; 5358 } 5359 function formSubmitData_337993() { 5360 return { 5361 loading: false, 5362 success: false, 5363 open: false, 5364 form: null, 5365 init: function () { 5366 this.form = this.$el; 5367 }, 5368 ajaxFormSubmit: function () { 5369 const self = this; 5370 const data = new URLSearchParams(new FormData(self.form)); 5371 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 5372 if (!validateSuperAttrs(superAttributeInputs)) { 5373 alert('Please enter a valid number.'); 5374 self.loading = false; 5375 return; 5376 } 5377 fetch(self.form.action, { 5378 method: 'POST', 5379 body: data, 5380 headers: { 5381 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 5382 'X-Requested-With': 'XMLHttpRequest' 5383 } 5384 }).then(res => { 5385 if (!res.ok) { 5386 return self.form.submit(); 5387 } 5388 5389 if (res.redirected) { 5390 return []; 5391 } 5392 5393 return res.json(); 5394 }).then(data => { 5395 if (data.backUrl) { 5396 self.form.submit(); 5397 } 5398 5399 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 5400 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 5401 }).catch(err => { 5402 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 5403 5404 self.setMessage({ 5405 text: 'אירעה שגיאה בהוספת הפריט לסל.', 5406 type: 'error' 5407 }); 5408 }).finally(() => { 5409 let messages = hyva.getCookie('mage-messages'); 5410 self.loading = false; 5411 self.success = true; 5412 try { 5413 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 5414 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 5415 } catch (error) { 5416 console.warn('Error parsing Cookie Messages:', error); 5417 return; 5418 } 5419 5420 setTimeout(() => { 5421 messages.forEach(message => { 5422 self.setMessage(message); 5423 }); 5424 }, 1000); 5425 5426 setTimeout(() => { 5427 self.success = false; 5428 self.open = false; 5429 }, 3000); 5430 }); 5431 5432 }, 5433 setMessage: function(message) { 5434 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5435 [message], 5000 5436 ); 5437 }, 5438 submitAddToCartForm(event) { 5439 event.preventDefault(); 5440 5441 this.loading = true; 5442 5443 this.ajaxFormSubmit(); 5444 } 5445 } 5446 }</script>
5446</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/340863/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_340863()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="340863"> <a x-data="{open: false}" href="https://reserved-il.com/267ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-baggy" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_340863" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
5446<script> 5447 function initConfigurableSwatchOptions_340863() { 5448 const configurableOptionsComponent = initConfigurableOptions( 5449 '340863', 5450 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"893","label":"\u05db\u05d7\u05d5\u05dc \u05db\u05d4\u05d4","products":["339209"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["339206","339207","339208"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["339206"]},{"id":"324","label":"36","products":["339207"]},{"id":"104","label":"38","products":["339208","339209"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"339206":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339207":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339208":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339209":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"340863","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"339206":{"93":"852","147":"322"},"339207":{"93":"852","147":"324"},"339208":{"93":"852","147":"104"},"339209":{"93":"893","147":"104"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"339206":"267KS-50J-34","339207":"267KS-50J-36","339208":"267KS-50J-38","339209":"267KS-59J-38"}} ); 5451 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/267ks-50j-999-1-1281449.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/267ks-50j-999-1-1281449.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"893":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/267ks-59j-999-1-1332121.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/267ks-59j-999-1-1332121.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5452 const colorAttrCode = 93; 5453 const sizeAttrCode = 147; 5454 const colorValue = '852'; 5455 5456 return Object.assign( 5457 configurableOptionsComponent, 5458 swatchOptionsComponent, 5459 { 5460 open: false, 5461 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5462 init() { 5463 const self = this; 5464 window.addEventListener('select-product-340863-option', function(event) { 5465 if(event.detail) { 5466 const {option, value} = event.detail; 5467 self.changeOption(option, value); 5468 } 5469 }) 5470 }, 5471 changeOption(optionId, value, skipUpdateGallery) { 5472 this.selectedValues[optionId] = value; 5473 this.findSimpleIndex(); 5474 this.findAllowedAttributeOptions(); 5475 this.updatePrices(); 5476 !skipUpdateGallery && this.updateGallery(); 5477 }, 5478 toggleOption(optionId, value) { 5479 const optionIsSelected = this.selectedValues[optionId] === value; 5480 5481 if(optionIsSelected) { 5482 this.$el.querySelector('input').checked = false;
5483 this.selectedValues[optionId] = ''; 5484 5485 return; 5486 } 5487 5488 this.changeOption(optionId, value, true); 5489 }, 5490 preSelectColor() { 5491 this.changeOption(colorAttrCode, colorValue, 1); 5492 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 5493 5494 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 5495 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 5496 } 5497 }, 5498 onGetCartData(data) { 5499 this.preSelectColor(); 5500 this.preselectCartItems(data); 5501 this.preselectQuerystringItems(); 5502 this.preselectLocationHashItems(); 5503 }, 5504 updateGallery() { 5505 if (!this.productIndex) { 5506 return; 5507 } 5508 5509 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 5510 method: 'GET', 5511 headers: { 5512 'Content-Type': 'application/json', 5513 'X-Requested-With': 'XMLHttpRequest' 5514 } 5515 } 5516 ).then(response => { 5517 return response.json() 5518 } 5519 ).then(data => { 5520 if (data.errors) { 5521 5522 console.warn(data.errors); 5523 } else { 5524 const image = data && data.medium; 5525 5526 image && window.dispatchEvent( 5527 new CustomEvent( 5528 "update-gallery-340863", 5529 {detail: image} 5530 ) 5531 ); 5532 } 5533 }).catch(error => { 5534 console.warn(error) 5535 }); 5536 }, 5537 preselectQuerystringItems() { 5538 5539 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 5540 Object.values(this.optionConfig.attributes).map(attribute => { 5541 5542 const skipUpdateGallery = true; 5543 5544 if(!urlQueryParams.get(attribute.code)) { 5545 return; 5546 } 5547 const selectedOption = attribute.options.filter(option => { 5548 return option.label === urlQueryParams.get(attribute.code); 5549 })[0]; 5550 5551 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 5552 return; 5553 } 5554 5555 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 5556 }); 5557 }, 5558 preselectItemsBasedOnLocation(getLocationValue) { 5559 Object.values(this.optionConfig.attributes).map(attribute => { 5560 if(!getLocationValue(attribute)) { 5561 return; 5562 } 5563 this.changeOption(attribute.id, getLocationValue(attribute)) 5564 }); 5565 }, 5566 mouseDown: false, 5567 getLabelBySelectedSwatchId(defaultLabel, id) { 5568 if (this.selectedValues[id]) { 5569 return this.getSwatchText(id, this.selectedValues[id]); 5570 } 5571 5572 return defaultLabel; 5573 } 5574 } 5575 ); 5576 }</script>
5576<div x-data="initConfigurableSwatchOptions_340863()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_340863" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-340863-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-340863-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_340863.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_340863.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_340863.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_340863.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 5577 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5578<title>chevron-up</title></svg> 5579</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_340863"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-340863-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
5579" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-340863-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_340863"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5580 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 5581<title>chevron-down</title></svg> 5582</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_340863" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5583 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5584<title>chevron-up</title></svg> 5585</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 5586<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 5587<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 5588</svg> 5589</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 5590<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 5591 <g fill="none" fill-rule="evenodd"> 5592 <g transform="translate(1 1)" stroke-width="2"> 5593 <circle cx="5" cy="50" r="5">
5594 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 5595 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 5596 </circle> 5597 <circle cx="27" cy="5" r="5"> 5598 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 5599 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 5600 </circle> 5601 <circle cx="49" cy="50" r="5"> 5602 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 5603 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 5604 </circle> 5605 </g> 5606 </g> 5607<title>loader</title></svg> 5608</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Baggy","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Baggy","id":"340863","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/267ks-50j-גינס-בגזרת-baggy';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/6/267ks-50j-002-1-1281449.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-340863.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/6/267ks-50j-002-1-1281449.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס בגזרת Baggy" title="ג'ינס בגזרת Baggy"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/6/267ks-50j-001-1-1281449.jpg" loading="lazy" width="675" height="900" alt="ג'ינס בגזרת Baggy" title="ג'ינס בגזרת Baggy"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/267ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-baggy" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Baggy","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d1\u05d2\u05d6\u05e8\u05ea Baggy","id":"340863","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/267ks-50j-גינס-בגזרת-baggy';return false; }});">ג'ינס בגזרת Baggy</a> <div class="flex items-center justify-start" x-data="init
5608ConfigurablePreview_340863()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/267ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%91%D7%92%D7%96%D7%A8%D7%AA-baggy"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 5609 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 5610<title>arrow-left</title></svg> 5611</a></div>
5611<script> 5612 'use strict'; 5613 function initConfigurablePreview_340863() { 5614 const configurableOptionsComponent = initConfigurableOptions( 5615 '340863', 5616 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"893","label":"\u05db\u05d7\u05d5\u05dc \u05db\u05d4\u05d4","products":["339209"]},{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["339206","339207","339208"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["339206"]},{"id":"324","label":"36","products":["339207"]},{"id":"104","label":"38","products":["339208","339209"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"339206":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339207":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339208":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"339209":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"340863","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"339206":{"93":"852","147":"322"},"339207":{"93":"852","147":"324"},"339208":{"93":"852","147":"104"},"339209":{"93":"893","147":"104"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"339206":"267KS-50J-34","339207":"267KS-50J-36","339208":"267KS-50J-38","339209":"267KS-59J-38"}} ); 5617 5618 const colorAttrCode = 93; 5619 const colorValue = '852'; 5620 5621 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/267ks-50j-999-1-1281449.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/267ks-50j-999-1-1281449.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"893":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/267ks-59j-999-1-1332121.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/267ks-59j-999-1-1332121.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5622 5623 return Object.assign( 5624 configurableOptionsComponent, 5625 swatchOptionsComponent, 5626 { 5627 productUrl: "https://reserved-il.com/267ks-50j-גינס-בגזרת-baggy", 5628 attributeCode: "color", 5629 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5630 preselectOption() { 5631 this.selectedValues[colorAttrCode] = colorValue; 5632 this.dispatchSelectedOption(colorAttrCode, colorValue); 5633 }, 5634 selectOption(optionId, value) { 5635 this.selectedValues[optionId] = value; 5636 this.dispatchSelectedOption(optionId, value); 5637 }, 5638 dispatchSelectedOption(optionId, value) { 5639 window.dispatchEvent( 5640 new CustomEvent( 5641 "select-product-340863-option", 5642 {detail: {option: optionId, value: value}} 5643 ) 5644 ); 5645 } 5646 } 5647 ) 5648 }</script>
5648 </div><div x-data="initPriceBox__6ac33f9c7b8bc()" @update-prices-340863.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="340863" data-price-box="product-id-340863"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-340863" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
5648<script> 5649 function initPriceBox__6ac33f9c7b8bc() 5650 { 5651 return { 5652 updatePrice(priceData) { 5653 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 5654 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 5655 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 5656 regularPriceLabel.classList.add('hidden'); 5657 } else { 5658 regularPriceLabel.classList.remove('hidden'); 5659 } 5660 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 5661 } 5662 } 5663 }</script>
5663</div></form>
5663<script> 5664 function validateSuperAttrs(superAttributeInputs) { 5665 let isValid = true; 5666 5667 superAttributeInputs.forEach(input => { 5668 const value = input.value.trim(); 5669 if (!/^\d+$/.test(value)) { 5670 isValid = false; 5671 } 5672 }); 5673 5674 return isValid; 5675 } 5676 function formSubmitData_340863() { 5677 return { 5678 loading: false, 5679 success: false, 5680 open: false, 5681 form: null, 5682 init: function () { 5683 this.form = this.$el; 5684 }, 5685 ajaxFormSubmit: function () { 5686 const self = this; 5687 const data = new URLSearchParams(new FormData(self.form)); 5688 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 5689 if (!validateSuperAttrs(superAttributeInputs)) { 5690 alert('Please enter a valid number.'); 5691 self.loading = false; 5692 return; 5693 } 5694 fetch(self.form.action, { 5695 method: 'POST', 5696 body: data, 5697 headers: { 5698 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 5699 'X-Requested-With': 'XMLHttpRequest' 5700 } 5701 }).then(res => { 5702 if (!res.ok) { 5703 return self.form.submit(); 5704 } 5705 5706 if (res.redirected) { 5707 return []; 5708 } 5709 5710 return res.json(); 5711 }).then(data => { 5712 if (data.backUrl) { 5713 self.form.submit(); 5714 } 5715 5716 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 5717 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 5718 }).catch(err => { 5719 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 5720 5721 self.setMessage({ 5722 text: 'אירעה שגיאה בהוספת הפריט לסל.', 5723 type: 'error' 5724 }); 5725 }).finally(() => { 5726 let messages = hyva.getCookie('mage-messages'); 5727 self.loading = false; 5728 self.success = true; 5729 try { 5730 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 5731 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 5732 } catch (error) { 5733 console.warn('Error parsing Cookie Messages:', error); 5734 return; 5735 } 5736 5737 setTimeout(() => { 5738 messages.forEach(message => { 5739 self.setMessage(message); 5740 }); 5741 }, 1000); 5742 5743 setTimeout(() => { 5744 self.success = false; 5745 self.open = false; 5746 }, 3000); 5747 }); 5748 5749 }, 5750 setMessage: function(message) { 5751 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 5752 [message], 5000 5753 ); 5754 }, 5755 submitAddToCartForm(event) { 5756 event.preventDefault(); 5757 5758 this.loading = true; 5759 5760 this.ajaxFormSubmit(); 5761 } 5762 } 5763 }</script>
5763</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338097/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338097()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338097"> <a x-data="{open: false}" href="https://reserved-il.com/807ke-49x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338097" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
5763<script> 5764 function initConfigurableSwatchOptions_338097() { 5765 const configurableOptionsComponent = initConfigurableOptions( 5766 '338097', 5767 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337807"]},{"id":"794","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4","products":["337804","337805","337806"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["337806"]},{"id":"49","label":"M","products":["337805"]},{"id":"46","label":"L","products":["337804","337807"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337804":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337805":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337806":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337807":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"338097","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337804":{"93":"794","147":"46"},"337805":{"93":"794","147":"49"},"337806":{"93":"794","147":"63"},"337807":{"93":"723","147":"46"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337804":"807KE-49X-L","337805":"807KE-49X-M","337806":"807KE-49X-S","337807":"807KE-99X-L"}} ); 5768 const swatchOptionsComponent = initSwatchOptions({"93":{"794":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-49x-999-1-1326068.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-49x-999-1-1326068.jpg","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-99x-999-1-1326070.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-99x-999-1-1326070.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5769 const colorAttrCode = 93; 5770 const sizeAttrCode = 147; 5771 const colorValue = '794'; 5772 5773 return Object.assign( 5774 configurableOptionsComponent, 5775 swatchOptionsComponent, 5776 { 5777 open: false, 5778 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5779 init() { 5780 const self = this; 5781 window.addEventListener('select-product-338097-option', function(event) { 5782 if(event.detail) { 5783 const {option, value} = event.detail; 5784 self.changeOption(option, value); 5785 } 5786 }) 5787 }, 5788 changeOption(optionId, value, skipUpdateGallery) { 5789 this.selectedValues[optionId] = value; 5790 this.findSimpleIndex(); 5791 this.findAllowedAttributeOptions(); 5792 this.updatePrices(); 5793 !skipUpdateGallery && this.updateGallery(); 5794 }, 5795 toggleOption(optionId, value) { 5796 const optionIsSelected = this.selectedValues[optionId] === value; 5797 5798 if(optionIsSelected) { 5799 this.$el.querySelector('input').checked = false;
5800 this.selectedValues[optionId] = ''; 5801 5802 return; 5803 } 5804 5805 this.changeOption(optionId, value, true); 5806 }, 5807 preSelectColor() { 5808 this.changeOption(colorAttrCode, colorValue, 1); 5809 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 5810 5811 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 5812 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 5813 } 5814 }, 5815 onGetCartData(data) { 5816 this.preSelectColor(); 5817 this.preselectCartItems(data); 5818 this.preselectQuerystringItems(); 5819 this.preselectLocationHashItems(); 5820 }, 5821 updateGallery() { 5822 if (!this.productIndex) { 5823 return; 5824 } 5825 5826 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 5827 method: 'GET', 5828 headers: { 5829 'Content-Type': 'application/json', 5830 'X-Requested-With': 'XMLHttpRequest' 5831 } 5832 } 5833 ).then(response => { 5834 return response.json() 5835 } 5836 ).then(data => { 5837 if (data.errors) { 5838 5839 console.warn(data.errors); 5840 } else { 5841 const image = data && data.medium; 5842 5843 image && window.dispatchEvent( 5844 new CustomEvent( 5845 "update-gallery-338097", 5846 {detail: image} 5847 ) 5848 ); 5849 } 5850 }).catch(error => { 5851 console.warn(error) 5852 }); 5853 }, 5854 preselectQuerystringItems() { 5855 5856 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 5857 Object.values(this.optionConfig.attributes).map(attribute => { 5858 5859 const skipUpdateGallery = true; 5860 5861 if(!urlQueryParams.get(attribute.code)) { 5862 return; 5863 } 5864 const selectedOption = attribute.options.filter(option => { 5865 return option.label === urlQueryParams.get(attribute.code); 5866 })[0]; 5867 5868 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 5869 return; 5870 } 5871 5872 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 5873 }); 5874 }, 5875 preselectItemsBasedOnLocation(getLocationValue) { 5876 Object.values(this.optionConfig.attributes).map(attribute => { 5877 if(!getLocationValue(attribute)) { 5878 return; 5879 } 5880 this.changeOption(attribute.id, getLocationValue(attribute)) 5881 }); 5882 }, 5883 mouseDown: false, 5884 getLabelBySelectedSwatchId(defaultLabel, id) { 5885 if (this.selectedValues[id]) { 5886 return this.getSwatchText(id, this.selectedValues[id]); 5887 } 5888 5889 return defaultLabel; 5890 } 5891 } 5892 ); 5893 }</script>
5893<div x-data="initConfigurableSwatchOptions_338097()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338097" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338097-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338097-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338097.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338097.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338097.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338097.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 5894 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5895<title>chevron-up</title></svg> 5896</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338097"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338097-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
5896" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338097-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338097"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5897 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 5898<title>chevron-down</title></svg> 5899</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338097" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 5900 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 5901<title>chevron-up</title></svg> 5902</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 5903<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 5904<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 5905</svg> 5906</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 5907<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 5908 <g fill="none" fill-rule="evenodd"> 5909 <g transform="translate(1 1)" stroke-width="2"> 5910 <circle cx="5" cy="50" r="5">
5911 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 5912 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 5913 </circle> 5914 <circle cx="27" cy="5" r="5"> 5915 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 5916 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 5917 </circle> 5918 <circle cx="49" cy="50" r="5"> 5919 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 5920 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 5921 </circle> 5922 </g> 5923 </g> 5924<title>loader</title></svg> 5925</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","id":"338097","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/807ke-49x-מכנסיים-אקטיב-מתרחבים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/8/0/807ke-49x-001-1-1326068.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338097.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/8/0/807ke-49x-001-1-1326068.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים אקטיב מתרחבים" title="מכנסיים אקטיב מתרחבים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/8/0/807ke-49x-002-1-1326068.jpg" loading="lazy" width="675" height="900" alt="מכנסיים אקטיב מתרחבים" title="מכנסיים אקטיב מתרחבים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/807ke-49x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","id":"338097","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/807ke-49x-מכנסיים-אקטיב-מתרחבים';return false; }});">מכנסיים אקטיב מתרחבים</a> <div class="flex items-center justify-start" x-data="init
5925ConfigurablePreview_338097()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/807ke-49x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 5926 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 5927<title>arrow-left</title></svg> 5928</a></div>
5928<script> 5929 'use strict'; 5930 function initConfigurablePreview_338097() { 5931 const configurableOptionsComponent = initConfigurableOptions( 5932 '338097', 5933 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337807"]},{"id":"794","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4","products":["337804","337805","337806"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["337806"]},{"id":"49","label":"M","products":["337805"]},{"id":"46","label":"L","products":["337804","337807"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337804":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337805":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337806":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337807":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"338097","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337804":{"93":"794","147":"46"},"337805":{"93":"794","147":"49"},"337806":{"93":"794","147":"63"},"337807":{"93":"723","147":"46"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337804":"807KE-49X-L","337805":"807KE-49X-M","337806":"807KE-49X-S","337807":"807KE-99X-L"}} ); 5934 5935 const colorAttrCode = 93; 5936 const colorValue = '794'; 5937 5938 const swatchOptionsComponent = initSwatchOptions({"93":{"794":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-49x-999-1-1326068.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-49x-999-1-1326068.jpg","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-99x-999-1-1326070.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-99x-999-1-1326070.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 5939 5940 return Object.assign( 5941 configurableOptionsComponent, 5942 swatchOptionsComponent, 5943 { 5944 productUrl: "https://reserved-il.com/807ke-49x-מכנסיים-אקטיב-מתרחבים", 5945 attributeCode: "color", 5946 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 5947 preselectOption() { 5948 this.selectedValues[colorAttrCode] = colorValue; 5949 this.dispatchSelectedOption(colorAttrCode, colorValue); 5950 }, 5951 selectOption(optionId, value) { 5952 this.selectedValues[optionId] = value; 5953 this.dispatchSelectedOption(optionId, value); 5954 }, 5955 dispatchSelectedOption(optionId, value) { 5956 window.dispatchEvent( 5957 new CustomEvent( 5958 "select-product-338097-option", 5959 {detail: {option: optionId, value: value}} 5960 ) 5961 ); 5962 } 5963 } 5964 ) 5965 }</script>
5965 </div><div x-data="initPriceBox__6ac33f9c870d9()" @update-prices-338097.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338097" data-price-box="product-id-338097"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338097" data-price-amount="129.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">129.90 ₪</span></span> </span></span> </div></div>
5965<script> 5966 function initPriceBox__6ac33f9c870d9() 5967 { 5968 return { 5969 updatePrice(priceData) { 5970 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 5971 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 5972 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 5973 regularPriceLabel.classList.add('hidden'); 5974 } else { 5975 regularPriceLabel.classList.remove('hidden'); 5976 } 5977 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 5978 } 5979 } 5980 }</script>
5980</div></form>
5980<script> 5981 function validateSuperAttrs(superAttributeInputs) { 5982 let isValid = true; 5983 5984 superAttributeInputs.forEach(input => { 5985 const value = input.value.trim(); 5986 if (!/^\d+$/.test(value)) { 5987 isValid = false; 5988 } 5989 }); 5990 5991 return isValid; 5992 } 5993 function formSubmitData_338097() { 5994 return { 5995 loading: false, 5996 success: false, 5997 open: false, 5998 form: null, 5999 init: function () { 6000 this.form = this.$el; 6001 }, 6002 ajaxFormSubmit: function () { 6003 const self = this; 6004 const data = new URLSearchParams(new FormData(self.form)); 6005 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 6006 if (!validateSuperAttrs(superAttributeInputs)) { 6007 alert('Please enter a valid number.'); 6008 self.loading = false; 6009 return; 6010 } 6011 fetch(self.form.action, { 6012 method: 'POST', 6013 body: data, 6014 headers: { 6015 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 6016 'X-Requested-With': 'XMLHttpRequest' 6017 } 6018 }).then(res => { 6019 if (!res.ok) { 6020 return self.form.submit(); 6021 } 6022 6023 if (res.redirected) { 6024 return []; 6025 } 6026 6027 return res.json(); 6028 }).then(data => { 6029 if (data.backUrl) { 6030 self.form.submit(); 6031 } 6032 6033 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 6034 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 6035 }).catch(err => { 6036 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 6037 6038 self.setMessage({ 6039 text: 'אירעה שגיאה בהוספת הפריט לסל.', 6040 type: 'error' 6041 }); 6042 }).finally(() => { 6043 let messages = hyva.getCookie('mage-messages'); 6044 self.loading = false; 6045 self.success = true; 6046 try { 6047 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 6048 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 6049 } catch (error) { 6050 console.warn('Error parsing Cookie Messages:', error); 6051 return; 6052 } 6053 6054 setTimeout(() => { 6055 messages.forEach(message => { 6056 self.setMessage(message); 6057 }); 6058 }, 1000); 6059 6060 setTimeout(() => { 6061 self.success = false; 6062 self.open = false; 6063 }, 3000); 6064 }); 6065 6066 }, 6067 setMessage: function(message) { 6068 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 6069 [message], 5000 6070 ); 6071 }, 6072 submitAddToCartForm(event) { 6073 event.preventDefault(); 6074 6075 this.loading = true; 6076 6077 this.ajaxFormSubmit(); 6078 } 6079 } 6080 }</script>
6080</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338098/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338098()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338098"> <a x-data="{open: false}" href="https://reserved-il.com/807ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338098" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
6080<script> 6081 function initConfigurableSwatchOptions_338098() { 6082 const configurableOptionsComponent = initConfigurableOptions( 6083 '338098', 6084 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337807"]},{"id":"794","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4","products":["337804","337805","337806"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["337806"]},{"id":"49","label":"M","products":["337805"]},{"id":"46","label":"L","products":["337804","337807"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337804":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337805":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337806":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337807":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"338098","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337804":{"93":"794","147":"46"},"337805":{"93":"794","147":"49"},"337806":{"93":"794","147":"63"},"337807":{"93":"723","147":"46"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337804":"807KE-49X-L","337805":"807KE-49X-M","337806":"807KE-49X-S","337807":"807KE-99X-L"}} ); 6085 const swatchOptionsComponent = initSwatchOptions({"93":{"794":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-49x-999-1-1326068.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-49x-999-1-1326068.jpg","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-99x-999-1-1326070.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-99x-999-1-1326070.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 6086 const colorAttrCode = 93; 6087 const sizeAttrCode = 147; 6088 const colorValue = '723'; 6089 6090 return Object.assign( 6091 configurableOptionsComponent, 6092 swatchOptionsComponent, 6093 { 6094 open: false, 6095 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 6096 init() { 6097 const self = this; 6098 window.addEventListener('select-product-338098-option', function(event) { 6099 if(event.detail) { 6100 const {option, value} = event.detail; 6101 self.changeOption(option, value); 6102 } 6103 }) 6104 }, 6105 changeOption(optionId, value, skipUpdateGallery) { 6106 this.selectedValues[optionId] = value; 6107 this.findSimpleIndex(); 6108 this.findAllowedAttributeOptions(); 6109 this.updatePrices(); 6110 !skipUpdateGallery && this.updateGallery(); 6111 }, 6112 toggleOption(optionId, value) { 6113 const optionIsSelected = this.selectedValues[optionId] === value; 6114 6115 if(optionIsSelected) { 6116 this.$el.querySelector('input').checked = false;
6117 this.selectedValues[optionId] = ''; 6118 6119 return; 6120 } 6121 6122 this.changeOption(optionId, value, true); 6123 }, 6124 preSelectColor() { 6125 this.changeOption(colorAttrCode, colorValue, 1); 6126 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 6127 6128 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 6129 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 6130 } 6131 }, 6132 onGetCartData(data) { 6133 this.preSelectColor(); 6134 this.preselectCartItems(data); 6135 this.preselectQuerystringItems(); 6136 this.preselectLocationHashItems(); 6137 }, 6138 updateGallery() { 6139 if (!this.productIndex) { 6140 return; 6141 } 6142 6143 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 6144 method: 'GET', 6145 headers: { 6146 'Content-Type': 'application/json', 6147 'X-Requested-With': 'XMLHttpRequest' 6148 } 6149 } 6150 ).then(response => { 6151 return response.json() 6152 } 6153 ).then(data => { 6154 if (data.errors) { 6155 6156 console.warn(data.errors); 6157 } else { 6158 const image = data && data.medium; 6159 6160 image && window.dispatchEvent( 6161 new CustomEvent( 6162 "update-gallery-338098", 6163 {detail: image} 6164 ) 6165 ); 6166 } 6167 }).catch(error => { 6168 console.warn(error) 6169 }); 6170 }, 6171 preselectQuerystringItems() { 6172 6173 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 6174 Object.values(this.optionConfig.attributes).map(attribute => { 6175 6176 const skipUpdateGallery = true; 6177 6178 if(!urlQueryParams.get(attribute.code)) { 6179 return; 6180 } 6181 const selectedOption = attribute.options.filter(option => { 6182 return option.label === urlQueryParams.get(attribute.code); 6183 })[0]; 6184 6185 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 6186 return; 6187 } 6188 6189 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 6190 }); 6191 }, 6192 preselectItemsBasedOnLocation(getLocationValue) { 6193 Object.values(this.optionConfig.attributes).map(attribute => { 6194 if(!getLocationValue(attribute)) { 6195 return; 6196 } 6197 this.changeOption(attribute.id, getLocationValue(attribute)) 6198 }); 6199 }, 6200 mouseDown: false, 6201 getLabelBySelectedSwatchId(defaultLabel, id) { 6202 if (this.selectedValues[id]) { 6203 return this.getSwatchText(id, this.selectedValues[id]); 6204 } 6205 6206 return defaultLabel; 6207 } 6208 } 6209 ); 6210 }</script>
6210<div x-data="initConfigurableSwatchOptions_338098()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338098" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338098-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338098-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338098.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338098.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338098.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338098.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 6211 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6212<title>chevron-up</title></svg> 6213</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338098"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338098-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
6213" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338098-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338098"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6214 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 6215<title>chevron-down</title></svg> 6216</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338098" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6217 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6218<title>chevron-up</title></svg> 6219</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 6220<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 6221<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 6222</svg> 6223</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 6224<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 6225 <g fill="none" fill-rule="evenodd"> 6226 <g transform="translate(1 1)" stroke-width="2"> 6227 <circle cx="5" cy="50" r="5">
6228 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 6229 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 6230 </circle> 6231 <circle cx="27" cy="5" r="5"> 6232 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 6233 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 6234 </circle> 6235 <circle cx="49" cy="50" r="5"> 6236 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 6237 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 6238 </circle> 6239 </g> 6240 </g> 6241<title>loader</title></svg> 6242</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","id":"338098","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/807ke-99x-מכנסיים-אקטיב-מתרחבים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/8/0/807ke-99x-001-1-1326070.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338098.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/8/0/807ke-99x-001-1-1326070.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים אקטיב מתרחבים" title="מכנסיים אקטיב מתרחבים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/8/0/807ke-99x-002-1-1326070.jpg" loading="lazy" width="675" height="900" alt="מכנסיים אקטיב מתרחבים" title="מכנסיים אקטיב מתרחבים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/807ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d0\u05e7\u05d8\u05d9\u05d1 \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd","id":"338098","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/807ke-99x-מכנסיים-אקטיב-מתרחבים';return false; }});">מכנסיים אקטיב מתרחבים</a> <div class="flex items-center justify-start" x-data="init
6242ConfigurablePreview_338098()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/807ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%90%D7%A7%D7%98%D7%99%D7%91-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 6243 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 6244<title>arrow-left</title></svg> 6245</a></div>
6245<script> 6246 'use strict'; 6247 function initConfigurablePreview_338098() { 6248 const configurableOptionsComponent = initConfigurableOptions( 6249 '338098', 6250 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337807"]},{"id":"794","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4","products":["337804","337805","337806"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["337806"]},{"id":"49","label":"M","products":["337805"]},{"id":"46","label":"L","products":["337804","337807"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337804":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337805":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337806":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337807":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"338098","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337804":{"93":"794","147":"46"},"337805":{"93":"794","147":"49"},"337806":{"93":"794","147":"63"},"337807":{"93":"723","147":"46"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337804":"807KE-49X-L","337805":"807KE-49X-M","337806":"807KE-49X-S","337807":"807KE-99X-L"}} ); 6251 6252 const colorAttrCode = 93; 6253 const colorValue = '723'; 6254 6255 const swatchOptionsComponent = initSwatchOptions({"93":{"794":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-49x-999-1-1326068.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-49x-999-1-1326068.jpg","label":"\u05e1\u05d2\u05d5\u05dc \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/0\/807ke-99x-999-1-1326070.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/0\/807ke-99x-999-1-1326070.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 6256 6257 return Object.assign( 6258 configurableOptionsComponent, 6259 swatchOptionsComponent, 6260 { 6261 productUrl: "https://reserved-il.com/807ke-99x-מכנסיים-אקטיב-מתרחבים", 6262 attributeCode: "color", 6263 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 6264 preselectOption() { 6265 this.selectedValues[colorAttrCode] = colorValue; 6266 this.dispatchSelectedOption(colorAttrCode, colorValue); 6267 }, 6268 selectOption(optionId, value) { 6269 this.selectedValues[optionId] = value; 6270 this.dispatchSelectedOption(optionId, value); 6271 }, 6272 dispatchSelectedOption(optionId, value) { 6273 window.dispatchEvent( 6274 new CustomEvent( 6275 "select-product-338098-option", 6276 {detail: {option: optionId, value: value}} 6277 ) 6278 ); 6279 } 6280 } 6281 ) 6282 }</script>
6282 </div><div x-data="initPriceBox__6ac33f9c935cd()" @update-prices-338098.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338098" data-price-box="product-id-338098"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338098" data-price-amount="129.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">129.90 ₪</span></span> </span></span> </div></div>
6282<script> 6283 function initPriceBox__6ac33f9c935cd() 6284 { 6285 return { 6286 updatePrice(priceData) { 6287 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 6288 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 6289 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 6290 regularPriceLabel.classList.add('hidden'); 6291 } else { 6292 regularPriceLabel.classList.remove('hidden'); 6293 } 6294 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 6295 } 6296 } 6297 }</script>
6297</div></form>
6297<script> 6298 function validateSuperAttrs(superAttributeInputs) { 6299 let isValid = true; 6300 6301 superAttributeInputs.forEach(input => { 6302 const value = input.value.trim(); 6303 if (!/^\d+$/.test(value)) { 6304 isValid = false; 6305 } 6306 }); 6307 6308 return isValid; 6309 } 6310 function formSubmitData_338098() { 6311 return { 6312 loading: false, 6313 success: false, 6314 open: false, 6315 form: null, 6316 init: function () { 6317 this.form = this.$el; 6318 }, 6319 ajaxFormSubmit: function () { 6320 const self = this; 6321 const data = new URLSearchParams(new FormData(self.form)); 6322 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 6323 if (!validateSuperAttrs(superAttributeInputs)) { 6324 alert('Please enter a valid number.'); 6325 self.loading = false; 6326 return; 6327 } 6328 fetch(self.form.action, { 6329 method: 'POST', 6330 body: data, 6331 headers: { 6332 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 6333 'X-Requested-With': 'XMLHttpRequest' 6334 } 6335 }).then(res => { 6336 if (!res.ok) { 6337 return self.form.submit(); 6338 } 6339 6340 if (res.redirected) { 6341 return []; 6342 } 6343 6344 return res.json(); 6345 }).then(data => { 6346 if (data.backUrl) { 6347 self.form.submit(); 6348 } 6349 6350 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 6351 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 6352 }).catch(err => { 6353 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 6354 6355 self.setMessage({ 6356 text: 'אירעה שגיאה בהוספת הפריט לסל.', 6357 type: 'error' 6358 }); 6359 }).finally(() => { 6360 let messages = hyva.getCookie('mage-messages'); 6361 self.loading = false; 6362 self.success = true; 6363 try { 6364 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 6365 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 6366 } catch (error) { 6367 console.warn('Error parsing Cookie Messages:', error); 6368 return; 6369 } 6370 6371 setTimeout(() => { 6372 messages.forEach(message => { 6373 self.setMessage(message); 6374 }); 6375 }, 1000); 6376 6377 setTimeout(() => { 6378 self.success = false; 6379 self.open = false; 6380 }, 3000); 6381 }); 6382 6383 }, 6384 setMessage: function(message) { 6385 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 6386 [message], 5000 6387 ); 6388 }, 6389 submitAddToCartForm(event) { 6390 event.preventDefault(); 6391 6392 this.loading = true; 6393 6394 this.ajaxFormSubmit(); 6395 } 6396 } 6397 }</script>
6397</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/337999/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_337999()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="337999"> <a x-data="{open: false}" href="https://reserved-il.com/300ky-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%A4%D7%A1-%D7%92%D7%99%D7%94%D7%95%D7%A5" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_337999" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
6397<script> 6398 function initConfigurableSwatchOptions_337999() { 6399 const configurableOptionsComponent = initConfigurableOptions( 6400 '337999', 6401 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337370","337371","337372","337374","337375"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337374"]},{"id":"63","label":"S","products":["337372"]},{"id":"49","label":"M","products":["337371"]},{"id":"46","label":"L","products":["337370"]},{"id":"54","label":"XL","products":[]},{"id":"93","label":"XXL","products":["337375"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337370":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337371":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337372":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337374":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337375":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"337999","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337370":{"93":"723","147":"46"},"337371":{"93":"723","147":"49"},"337372":{"93":"723","147":"63"},"337374":{"93":"723","147":"146"},"337375":{"93":"723","147":"93"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337370":"300KY-99X-L","337371":"300KY-99X-M","337372":"300KY-99X-S","337374":"300KY-99X-XS","337375":"300KY-99X-XXL"}} ); 6402 const swatchOptionsComponent = initSwatchOptions({"93":{"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/0\/300ky-99x-999-1-1312177_1.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/0\/300ky-99x-999-1-1312177_1.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 6403 const colorAttrCode = 93; 6404 const sizeAttrCode = 147; 6405 const colorValue = '723'; 6406 6407 return Object.assign( 6408 configurableOptionsComponent, 6409 swatchOptionsComponent, 6410 { 6411 open: false, 6412 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 6413 init() { 6414 const self = this; 6415 window.addEventListener('select-product-337999-option', function(event) { 6416 if(event.detail) { 6417 const {option, value} = event.detail; 6418 self.changeOption(option, value); 6419 } 6420 }) 6421 }, 6422 changeOption(optionId, value, skipUpdateGallery) { 6423 this.selectedValues[optionId] = value; 6424 this.findSimpleIndex(); 6425 this.findAllowedAttributeOptions(); 6426 this.updatePrices(); 6427 !skipUpdateGallery && this.updateGallery(); 6428 }, 6429 toggleOption(optionId, value) { 6430 const optionIsSelected = this.selectedValues[optionId] === value; 6431 6432 if(optionIsSelected) { 6433 this.$el.querySelector('input').checked = false;
6434 this.selectedValues[optionId] = ''; 6435 6436 return; 6437 } 6438 6439 this.changeOption(optionId, value, true); 6440 }, 6441 preSelectColor() { 6442 this.changeOption(colorAttrCode, colorValue, 1); 6443 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 6444 6445 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 6446 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 6447 } 6448 }, 6449 onGetCartData(data) { 6450 this.preSelectColor(); 6451 this.preselectCartItems(data); 6452 this.preselectQuerystringItems(); 6453 this.preselectLocationHashItems(); 6454 }, 6455 updateGallery() { 6456 if (!this.productIndex) { 6457 return; 6458 } 6459 6460 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 6461 method: 'GET', 6462 headers: { 6463 'Content-Type': 'application/json', 6464 'X-Requested-With': 'XMLHttpRequest' 6465 } 6466 } 6467 ).then(response => { 6468 return response.json() 6469 } 6470 ).then(data => { 6471 if (data.errors) { 6472 6473 console.warn(data.errors); 6474 } else { 6475 const image = data && data.medium; 6476 6477 image && window.dispatchEvent( 6478 new CustomEvent( 6479 "update-gallery-337999", 6480 {detail: image} 6481 ) 6482 ); 6483 } 6484 }).catch(error => { 6485 console.warn(error) 6486 }); 6487 }, 6488 preselectQuerystringItems() { 6489 6490 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 6491 Object.values(this.optionConfig.attributes).map(attribute => { 6492 6493 const skipUpdateGallery = true; 6494 6495 if(!urlQueryParams.get(attribute.code)) { 6496 return; 6497 } 6498 const selectedOption = attribute.options.filter(option => { 6499 return option.label === urlQueryParams.get(attribute.code); 6500 })[0]; 6501 6502 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 6503 return; 6504 } 6505 6506 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 6507 }); 6508 }, 6509 preselectItemsBasedOnLocation(getLocationValue) { 6510 Object.values(this.optionConfig.attributes).map(attribute => { 6511 if(!getLocationValue(attribute)) { 6512 return; 6513 } 6514 this.changeOption(attribute.id, getLocationValue(attribute)) 6515 }); 6516 }, 6517 mouseDown: false, 6518 getLabelBySelectedSwatchId(defaultLabel, id) { 6519 if (this.selectedValues[id]) { 6520 return this.getSwatchText(id, this.selectedValues[id]); 6521 } 6522 6523 return defaultLabel; 6524 } 6525 } 6526 ); 6527 }</script>
6527<div x-data="initConfigurableSwatchOptions_337999()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_337999" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-337999-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-337999-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_337999.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_337999.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_337999.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_337999.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 6528 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6529<title>chevron-up</title></svg> 6530</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_337999"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-337999-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
6530" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-337999-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_337999"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6531 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 6532<title>chevron-down</title></svg> 6533</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_337999" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6534 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6535<title>chevron-up</title></svg> 6536</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 6537<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 6538<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 6539</svg> 6540</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 6541<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 6542 <g fill="none" fill-rule="evenodd"> 6543 <g transform="translate(1 1)" stroke-width="2"> 6544 <circle cx="5" cy="50" r="5">
6545 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 6546 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 6547 </circle> 6548 <circle cx="27" cy="5" r="5"> 6549 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 6550 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 6551 </circle> 6552 <circle cx="49" cy="50" r="5"> 6553 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 6554 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 6555 </circle> 6556 </g> 6557 </g> 6558<title>loader</title></svg> 6559</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
6559\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05e4\u05e1 \u05d2\u05d9\u05d4\u05d5\u05e5","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05e4\u05e1 \u05d2\u05d9\u05d4\u05d5\u05e5","id":"337999","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/300ky-99x-מכנסיים-רחבים-עם-פס-גיהוץ';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/0/300ky-99x-002-1-1310660.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-337999.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/0/300ky-99x-002-1-1310660.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים עם פס גיהוץ" title="מכנסיים רחבים עם פס גיהוץ"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/0/300ky-99x-001-1-1310660.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים עם פס גיהוץ" title="מכנסיים רחבים עם פס גיהוץ"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/300ky-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%A4%D7%A1-%D7%92%D7%99%D7%94%D7%95%D7%A5" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
6559\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05e4\u05e1 \u05d2\u05d9\u05d4\u05d5\u05e5","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05e4\u05e1 \u05d2\u05d9\u05d4\u05d5\u05e5","id":"337999","price":"149.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/300ky-99x-מכנסיים-רחבים-עם-פס-גיהוץ';return false; }});">מכנסיים רחבים עם פס גיהוץ</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_337999()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/300ky-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%A4%D7%A1-%D7%92%D7%99%D7%94%D7%95%D7%A5"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 6560 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 6561<title>arrow-left</title></svg> 6562</a></div>
6562<script> 6563 'use strict'; 6564 function initConfigurablePreview_337999() { 6565 const configurableOptionsComponent = initConfigurableOptions( 6566 '337999', 6567 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["337370","337371","337372","337374","337375"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337374"]},{"id":"63","label":"S","products":["337372"]},{"id":"49","label":"M","products":["337371"]},{"id":"46","label":"L","products":["337370"]},{"id":"54","label":"XL","products":[]},{"id":"93","label":"XXL","products":["337375"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337370":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337371":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337372":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337374":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337375":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":149.9},"oldPrice":{"amount":149.9},"basePrice":{"amount":149.9},"finalPrice":{"amount":149.9}},"productId":"337999","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337370":{"93":"723","147":"46"},"337371":{"93":"723","147":"49"},"337372":{"93":"723","147":"63"},"337374":{"93":"723","147":"146"},"337375":{"93":"723","147":"93"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337370":"300KY-99X-L","337371":"300KY-99X-M","337372":"300KY-99X-S","337374":"300KY-99X-XS","337375":"300KY-99X-XXL"}} ); 6568 6569 const colorAttrCode = 93; 6570 const colorValue = '723'; 6571 6572 const swatchOptionsComponent = initSwatchOptions({"93":{"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/0\/300ky-99x-999-1-1312177_1.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/0\/300ky-99x-999-1-1312177_1.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 6573 6574 return Object.assign( 6575 configurableOptionsComponent, 6576 swatchOptionsComponent, 6577 { 6578 productUrl: "https://reserved-il.com/300ky-99x-מכנסיים-רחבים-עם-פס-גיהוץ", 6579 attributeCode: "color", 6580 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 6581 preselectOption() { 6582 this.selectedValues[colorAttrCode] = colorValue; 6583 this.dispatchSelectedOption(colorAttrCode, colorValue); 6584 }, 6585 selectOption(optionId, value) { 6586 this.selectedValues[optionId] = value; 6587 this.dispatchSelectedOption(optionId, value); 6588 }, 6589 dispatchSelectedOption(optionId, value) { 6590 window.dispatchEvent( 6591 new CustomEvent( 6592 "select-product-337999-option", 6593 {detail: {option: optionId, value: value}} 6594 ) 6595 ); 6596 } 6597 } 6598 ) 6599 }</script>
6599 </div><div x-data="initPriceBox__6ac33f9c9f52e()" @update-prices-337999.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="337999" data-price-box="product-id-337999"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-337999" data-price-amount="149.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">149.90 ₪</span></span> </span></span> </div></div>
6599<script> 6600 function initPriceBox__6ac33f9c9f52e() 6601 { 6602 return { 6603 updatePrice(priceData) { 6604 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 6605 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 6606 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 6607 regularPriceLabel.classList.add('hidden'); 6608 } else { 6609 regularPriceLabel.classList.remove('hidden'); 6610 } 6611 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 6612 } 6613 } 6614 }</script>
6614</div></form>
6614<script> 6615 function validateSuperAttrs(superAttributeInputs) { 6616 let isValid = true; 6617 6618 superAttributeInputs.forEach(input => { 6619 const value = input.value.trim(); 6620 if (!/^\d+$/.test(value)) { 6621 isValid = false; 6622 } 6623 }); 6624 6625 return isValid; 6626 } 6627 function formSubmitData_337999() { 6628 return { 6629 loading: false, 6630 success: false, 6631 open: false, 6632 form: null, 6633 init: function () { 6634 this.form = this.$el; 6635 }, 6636 ajaxFormSubmit: function () { 6637 const self = this; 6638 const data = new URLSearchParams(new FormData(self.form)); 6639 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 6640 if (!validateSuperAttrs(superAttributeInputs)) { 6641 alert('Please enter a valid number.'); 6642 self.loading = false; 6643 return; 6644 } 6645 fetch(self.form.action, { 6646 method: 'POST', 6647 body: data, 6648 headers: { 6649 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 6650 'X-Requested-With': 'XMLHttpRequest' 6651 } 6652 }).then(res => { 6653 if (!res.ok) { 6654 return self.form.submit(); 6655 } 6656 6657 if (res.redirected) { 6658 return []; 6659 } 6660 6661 return res.json(); 6662 }).then(data => { 6663 if (data.backUrl) { 6664 self.form.submit(); 6665 } 6666 6667 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 6668 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 6669 }).catch(err => { 6670 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 6671 6672 self.setMessage({ 6673 text: 'אירעה שגיאה בהוספת הפריט לסל.', 6674 type: 'error' 6675 }); 6676 }).finally(() => { 6677 let messages = hyva.getCookie('mage-messages'); 6678 self.loading = false; 6679 self.success = true; 6680 try { 6681 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 6682 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 6683 } catch (error) { 6684 console.warn('Error parsing Cookie Messages:', error); 6685 return; 6686 } 6687 6688 setTimeout(() => { 6689 messages.forEach(message => { 6690 self.setMessage(message); 6691 }); 6692 }, 1000); 6693 6694 setTimeout(() => { 6695 self.success = false; 6696 self.open = false; 6697 }, 3000); 6698 }); 6699 6700 }, 6701 setMessage: function(message) { 6702 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 6703 [message], 5000 6704 ); 6705 }, 6706 submitAddToCartForm(event) { 6707 event.preventDefault(); 6708 6709 this.loading = true; 6710 6711 this.ajaxFormSubmit(); 6712 } 6713 } 6714 }</script>
6714</div> </div> <div class="direction-ltr carousel-nav flex items-center justify-center flex-1 p-4"><button aria-label="הקודם" class="glider-prev w-10 h-10 mr-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M716.8 1024c6.552 0 13.102-2.499 18.101-7.499 9.998-9.997 9.998-26.206 0-36.203l-442.698-442.698 442.698-442.699c9.998-9.997 9.998-26.206 0-36.203s-26.206-9.998-36.203 0l-460.8 460.8c-9.998 9.997-9.998 26.206 0 36.203l460.8 460.8c5 5 11.55 7.499 18.102 7.499z"></path></svg></button> <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div><button aria-label="הבא" class="glider-next w-10 h-10 ml-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M256 1024c-6.552 0-13.102-2.499-18.101-7.499-9.998-9.997-9.998-26.206 0-36.203l442.698-442.698-442.698-442.699c-9.998-9.997-9.998-26.206 0-36.203s26.206-9.998 36.203 0l460.8 460.8c9.998 9.997 9.998 26.206 0 36.203l-460.8 460.8c-5 5-11.55 7.499-18.102 7.499z"></path></svg></button></div></div></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://reserved-il.com/woman/clothes/mid-season-sale" 6715 style="display:block;width:100%;text-decoration:none;"> 6716 6717<style> 6718 6719/* ========================= 6720 RESERVED MID SEASON SALE 6721========================= */ 6722 6723.rsv-sale-desktop, 6724.rsv-sale-mobile{ 6725 width:100%; 6726 position:relative; 6727 overflow:hidden; 6728 line-height:0; 6729} 6730 6731.rsv-sale-desktop{ 6732 aspect-ratio:1920/823; 6733} 6734 6735.rsv-sale-mobile{ 6736 aspect-ratio:640/960; 6737 display:none; 6738} 6739 6740/* VIDEO */ 6741 6742.rsv-sale-desktop video, 6743.rsv-sale-mobile video{ 6744 width:100%; 6745 height:100%; 6746 object-fit:cover; 6747 display:block; 6748} 6749 6750/* ========================= 6751 TEXT 6752========================= */ 6753 6754.rsv-sale-text{ 6755 position:absolute; 6756 left:5%; 6757 bottom:16%; 6758 z-index:20; 6759 6760 color:#fff; 6761 text-align:left; 6762 6763 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; 6764 font-size:54px; 6765 font-weight:700; 6766 letter-spacing:1px; 6767 line-height:1; 6768 6769 white-space:nowrap; 6770 pointer-events:none; 6771} 6772 6773/* ========================= 6774 MOBILE 6775========================= */ 6776 6777@media (max-width:767px){ 6778 6779 .rsv-sale-desktop{ 6780 display:none; 6781 } 6782 6783 .rsv-sale-mobile{ 6784 display:block; 6785 } 6786 6787 .rsv-sale-text{ 6788 left:7%; 6789 bottom:12%; 6790 6791 font-size:32px; 6792 font-weight:700; 6793 letter-spacing:.5px; 6794 } 6795} 6796 6797</style> 6798 6799 6800<!-- DESKTOP --> 6801 6802<div class="rsv-sale-desktop"> 6803 6804 <video 6805 autoplay 6806 muted 6807 loop 6808 playsinline 6809 preload="metadata" 6810 poster="https://media.reserved.com/media/a/r/q/9bf215c8fe-allslidermss2026-09-18desktopladies1920x823.jpg"> 6811 6812 <source 6813 src="https://media.reserved.com/media/z/t/n/b1e0f89597-allslidermss2026-09-18desktopladies1920x823.mp4" 6814 type="video/mp4"> 6815 6816 </video> 6817 6818 <div class="rsv-sale-text"> 6819 MID SEASON SALE 6820 </div> 6821 6822</div> 6823 6824 6825<!-- MOBILE --> 6826 6827<div class="rsv-sale-mobile"> 6828 6829 <video 6830 autoplay 6831 muted 6832 loop 6833 playsinline 6834 preload="metadata" 6835 poster="https://media.reserved.com/media/8/w/5/c441068c9a-allslidermss2026-09-18mobileladies640x960.jpg"> 6836 6837 <source 6838 src="https://media.reserved.com/media/2/2/3/62353bf85a-allslidermss2026-09-18mobileladies640x960.mp4" 6839 type="video/mp4"> 6840 6841 </video> 6842 6843 <div class="rsv-sale-text"> 6844 MID SEASON SALE 6845 </div> 6846 6847</div> 6848 6849</a></div><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main"> <div dir="ltr" class="glider-contain product-items widget-product-carou
6849sel"><div data-role="glider-content" class="mx-auto grid gap-0 sm:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 relative overflow-y-hidden overflow-x-scroll"> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/335165/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_335165()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="335165"> <a x-data="{open: false}" href="https://reserved-il.com/657lf-99x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A7%D7%A9%D7%99%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_335165" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
6849<script> 6850 function initConfigurableSwatchOptions_335165() { 6851 const configurableOptionsComponent = initConfigurableOptions( 6852 '335165', 6853 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"808","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["335874","335875","335876"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["334883","334884","334885"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["335876","334885"]},{"id":"63","label":"S","products":["335875","334884"]},{"id":"49","label":"M","products":["335874","334883"]},{"id":"46","label":"L","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"335874":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335875":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335876":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334883":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334884":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334885":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"335165","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"335874":{"93":"808","147":"49"},"335875":{"93":"808","147":"63"},"335876":{"93":"808","147":"146"},"334883":{"93":"723","147":"49"},"334884":{"93":"723","147":"63"},"334885":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"335874":"657LF-90X-M","335875":"657LF-90X-S","335876":"657LF-90X-XS","334883":"657LF-99X-M","334884":"657LF-99X-S","334885":"657LF-99X-XS"}} ); 6854 const swatchOptionsComponent = initSwatchOptions({"93":{"808":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/5\/657lf-90x-999-1-1321659.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/5\/657lf-90x-999-1-1321659.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/5\/657lf-99x-999-1-1312186.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/5\/657lf-99x-999-1-1312186.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 6855 const colorAttrCode = 93; 6856 const sizeAttrCode = 147; 6857 const colorValue = '723'; 6858 6859 return Object.assign( 6860 configurableOptionsComponent, 6861 swatchOptionsComponent, 6862 { 6863 open: false, 6864 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 6865 init() { 6866 const self = this; 6867 window.addEventListener('select-product-335165-option', function(event) { 6868 if(event.detail) { 6869 const {option, value} = event.detail; 6870 self.changeOption(option, value); 6871 } 6872 }) 6873 }, 6874 changeOption(optionId, value, skipUpdateGallery) { 6875 this.selectedValues[optionId] = value; 6876 this.findSimpleIndex(); 6877 this.findAllowedAttributeOptions(); 6878 this.updatePrices(); 6879 !skipUpdateGallery && this.updateGallery(); 6880 }, 6881 toggleOption(optionId, value) { 6882 const optionIsSelected = this.selectedValues[optionId] === value; 6883 6884 if(optionIsSelected) { 6885 this.$el.querySelector('input').checked = false;
6886 this.selectedValues[optionId] = ''; 6887 6888 return; 6889 } 6890 6891 this.changeOption(optionId, value, true); 6892 }, 6893 preSelectColor() { 6894 this.changeOption(colorAttrCode, colorValue, 1); 6895 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 6896 6897 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 6898 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 6899 } 6900 }, 6901 onGetCartData(data) { 6902 this.preSelectColor(); 6903 this.preselectCartItems(data); 6904 this.preselectQuerystringItems(); 6905 this.preselectLocationHashItems(); 6906 }, 6907 updateGallery() { 6908 if (!this.productIndex) { 6909 return; 6910 } 6911 6912 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 6913 method: 'GET', 6914 headers: { 6915 'Content-Type': 'application/json', 6916 'X-Requested-With': 'XMLHttpRequest' 6917 } 6918 } 6919 ).then(response => { 6920 return response.json() 6921 } 6922 ).then(data => { 6923 if (data.errors) { 6924 6925 console.warn(data.errors); 6926 } else { 6927 const image = data && data.medium; 6928 6929 image && window.dispatchEvent( 6930 new CustomEvent( 6931 "update-gallery-335165", 6932 {detail: image} 6933 ) 6934 ); 6935 } 6936 }).catch(error => { 6937 console.warn(error) 6938 }); 6939 }, 6940 preselectQuerystringItems() { 6941 6942 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 6943 Object.values(this.optionConfig.attributes).map(attribute => { 6944 6945 const skipUpdateGallery = true; 6946 6947 if(!urlQueryParams.get(attribute.code)) { 6948 return; 6949 } 6950 const selectedOption = attribute.options.filter(option => { 6951 return option.label === urlQueryParams.get(attribute.code); 6952 })[0]; 6953 6954 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 6955 return; 6956 } 6957 6958 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 6959 }); 6960 }, 6961 preselectItemsBasedOnLocation(getLocationValue) { 6962 Object.values(this.optionConfig.attributes).map(attribute => { 6963 if(!getLocationValue(attribute)) { 6964 return; 6965 } 6966 this.changeOption(attribute.id, getLocationValue(attribute)) 6967 }); 6968 }, 6969 mouseDown: false, 6970 getLabelBySelectedSwatchId(defaultLabel, id) { 6971 if (this.selectedValues[id]) { 6972 return this.getSwatchText(id, this.selectedValues[id]); 6973 } 6974 6975 return defaultLabel; 6976 } 6977 } 6978 ); 6979 }</script>
6979<div x-data="initConfigurableSwatchOptions_335165()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_335165" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-335165-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-335165-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_335165.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_335165.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_335165.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_335165.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 6980 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6981<title>chevron-up</title></svg> 6982</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_335165"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-335165-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
6982" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-335165-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_335165"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6983 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 6984<title>chevron-down</title></svg> 6985</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_335165" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 6986 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 6987<title>chevron-up</title></svg> 6988</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 6989<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 6990<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 6991</svg> 6992</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 6993<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 6994 <g fill="none" fill-rule="evenodd"> 6995 <g transform="translate(1 1)" stroke-width="2"> 6996 <circle cx="5" cy="50" r="5">
6997 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 6998 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 6999 </circle> 7000 <circle cx="27" cy="5" r="5"> 7001 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 7002 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 7003 </circle> 7004 <circle cx="49" cy="50" r="5"> 7005 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 7006 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 7007 </circle> 7008 </g> 7009 </g> 7010<title>loader</title></svg> 7011</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e7\u05e9\u05d9\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e7\u05e9\u05d9\u05e8\u05d4","id":"335165","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/657lf-99x-בלייזר-עם-קשירה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/6/5/657lf-99x-002-1-1310669.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-335165.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/6/5/657lf-99x-002-1-1310669.jpg" loading="lazy" width="900" height="1200" alt="בלייזר עם קשירה" title="בלייזר עם קשירה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/6/5/657lf-99x-001-1-1310669.jpg" loading="lazy" width="675" height="900" alt="בלייזר עם קשירה" title="בלייזר עם קשירה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/657lf-99x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A7%D7%A9%D7%99%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e7\u05e9\u05d9\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e7\u05e9\u05d9\u05e8\u
701105d4","id":"335165","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/657lf-99x-בלייזר-עם-קשירה';return false; }});">בלייזר עם קשירה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_335165()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/657lf-99x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A7%D7%A9%D7%99%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 7012 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 7013<title>arrow-left</title></svg> 7014</a></div>
7014<script> 7015 'use strict'; 7016 function initConfigurablePreview_335165() { 7017 const configurableOptionsComponent = initConfigurableOptions( 7018 '335165', 7019 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"808","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["335874","335875","335876"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["334883","334884","334885"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["335876","334885"]},{"id":"63","label":"S","products":["335875","334884"]},{"id":"49","label":"M","products":["335874","334883"]},{"id":"46","label":"L","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"335874":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335875":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335876":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334883":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334884":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334885":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"335165","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"335874":{"93":"808","147":"49"},"335875":{"93":"808","147":"63"},"335876":{"93":"808","147":"146"},"334883":{"93":"723","147":"49"},"334884":{"93":"723","147":"63"},"334885":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"335874":"657LF-90X-M","335875":"657LF-90X-S","335876":"657LF-90X-XS","334883":"657LF-99X-M","334884":"657LF-99X-S","334885":"657LF-99X-XS"}} ); 7020 7021 const colorAttrCode = 93; 7022 const colorValue = '723'; 7023 7024 const swatchOptionsComponent = initSwatchOptions({"93":{"808":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/5\/657lf-90x-999-1-1321659.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/5\/657lf-90x-999-1-1321659.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/5\/657lf-99x-999-1-1312186.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/5\/657lf-99x-999-1-1312186.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7025 7026 return Object.assign( 7027 configurableOptionsComponent, 7028 swatchOptionsComponent, 7029 { 7030 productUrl: "https://reserved-il.com/657lf-99x-בלייזר-עם-קשירה", 7031 attributeCode: "color", 7032 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7033 preselectOption() { 7034 this.selectedValues[colorAttrCode] = colorValue; 7035 this.dispatchSelectedOption(colorAttrCode, colorValue); 7036 }, 7037 selectOption(optionId, value) { 7038 this.selectedValues[optionId] = value; 7039 this.dispatchSelectedOption(optionId, value); 7040 }, 7041 dispatchSelectedOption(optionId, value) { 7042 window.dispatchEvent( 7043 new CustomEvent( 7044 "select-product-335165-option", 7045 {detail: {option: optionId, value: value}} 7046 ) 7047 ); 7048 } 7049 } 7050 ) 7051 }</script>
7051 </div><div x-data="initPriceBox__6ac33f9d193ed()" @update-prices-335165.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="335165" data-price-box="product-id-335165"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-335165" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-335165" data-price-amount="259.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">259.90 ₪</span></span> </span></span> </div></div>
7051<script> 7052 function initPriceBox__6ac33f9d193ed() 7053 { 7054 return { 7055 updatePrice(priceData) { 7056 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 7057 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 7058 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 7059 regularPriceLabel.classList.add('hidden'); 7060 } else { 7061 regularPriceLabel.classList.remove('hidden'); 7062 } 7063 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 7064 } 7065 } 7066 }</script>
7066</div></form>
7066<script> 7067 function validateSuperAttrs(superAttributeInputs) { 7068 let isValid = true; 7069 7070 superAttributeInputs.forEach(input => { 7071 const value = input.value.trim(); 7072 if (!/^\d+$/.test(value)) { 7073 isValid = false; 7074 } 7075 }); 7076 7077 return isValid; 7078 } 7079 function formSubmitData_335165() { 7080 return { 7081 loading: false, 7082 success: false, 7083 open: false, 7084 form: null, 7085 init: function () { 7086 this.form = this.$el; 7087 }, 7088 ajaxFormSubmit: function () { 7089 const self = this; 7090 const data = new URLSearchParams(new FormData(self.form)); 7091 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 7092 if (!validateSuperAttrs(superAttributeInputs)) { 7093 alert('Please enter a valid number.'); 7094 self.loading = false; 7095 return; 7096 } 7097 fetch(self.form.action, { 7098 method: 'POST', 7099 body: data, 7100 headers: { 7101 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 7102 'X-Requested-With': 'XMLHttpRequest' 7103 } 7104 }).then(res => { 7105 if (!res.ok) { 7106 return self.form.submit(); 7107 } 7108 7109 if (res.redirected) { 7110 return []; 7111 } 7112 7113 return res.json(); 7114 }).then(data => { 7115 if (data.backUrl) { 7116 self.form.submit(); 7117 } 7118 7119 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 7120 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 7121 }).catch(err => { 7122 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 7123 7124 self.setMessage({ 7125 text: 'אירעה שגיאה בהוספת הפריט לסל.', 7126 type: 'error' 7127 }); 7128 }).finally(() => { 7129 let messages = hyva.getCookie('mage-messages'); 7130 self.loading = false; 7131 self.success = true; 7132 try { 7133 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 7134 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 7135 } catch (error) { 7136 console.warn('Error parsing Cookie Messages:', error); 7137 return; 7138 } 7139 7140 setTimeout(() => { 7141 messages.forEach(message => { 7142 self.setMessage(message); 7143 }); 7144 }, 1000); 7145 7146 setTimeout(() => { 7147 self.success = false; 7148 self.open = false; 7149 }, 3000); 7150 }); 7151 7152 }, 7153 setMessage: function(message) { 7154 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 7155 [message], 5000 7156 ); 7157 }, 7158 submitAddToCartForm(event) { 7159 event.preventDefault(); 7160 7161 this.loading = true; 7162 7163 this.ajaxFormSubmit(); 7164 } 7165 } 7166 }</script>
7166</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/332259/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_332259()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="332259"> <a x-data="{open: false}" href="https://reserved-il.com/505ke-89x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%9E%D7%99%D7%93%D7%99-%D7%9B%D7%99%D7%95%D7%95%D7%A6%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_332259" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
7166<script> 7167 function initConfigurableSwatchOptions_332259() { 7168 const configurableOptionsComponent = initConfigurableOptions( 7169 '332259', 7170 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["331856","331859"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["331860","331861","331862","331863"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["331862"]},{"id":"49","label":"M","products":["331861"]},{"id":"46","label":"L","products":["331856","331860"]},{"id":"54","label":"XL","products":["331859","331863"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331856":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331859":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331860":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331861":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331862":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331863":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"332259","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331856":{"93":"798","147":"46"},"331859":{"93":"798","147":"54"},"331860":{"93":"723","147":"46"},"331861":{"93":"723","147":"49"},"331862":{"93":"723","147":"63"},"331863":{"93":"723","147":"54"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331856":"505KE-89X-L","331859":"505KE-89X-XL","331860":"505KE-99X-L","331861":"505KE-99X-M","331862":"505KE-99X-S","331863":"505KE-99X-XL"}} ); 7171 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/0\/505ke-89x-999-1-1270576.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/0\/505ke-89x-999-1-1270576.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/0\/505ke-99x-999-1-1270577.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/0\/505ke-99x-999-1-1270577.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7172 const colorAttrCode = 93; 7173 const sizeAttrCode = 147; 7174 const colorValue = '798'; 7175 7176 return Object.assign( 7177 configurableOptionsComponent, 7178 swatchOptionsComponent, 7179 { 7180 open: false, 7181 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7182 init() { 7183 const self = this; 7184 window.addEventListener('select-product-332259-option', function(event) { 7185 if(event.detail) { 7186 const {option, value} = event.detail; 7187 self.changeOption(option, value); 7188 } 7189 }) 7190 }, 7191 changeOption(optionId, value, skipUpdateGallery) { 7192 this.selectedValues[optionId] = value; 7193 this.findSimpleIndex(); 7194 this.findAllowedAttributeOptions(); 7195 this.updatePrices(); 7196 !skipUpdateGallery && this.updateGallery(); 7197 }, 7198 toggleOption(optionId, value) { 7199 const optionIsSelected = this.selectedValues[optionId] === value; 7200 7201 if(optionIsSelected) { 7202 this.$el.querySelector('input').checked = false;
7203 this.selectedValues[optionId] = ''; 7204 7205 return; 7206 } 7207 7208 this.changeOption(optionId, value, true); 7209 }, 7210 preSelectColor() { 7211 this.changeOption(colorAttrCode, colorValue, 1); 7212 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 7213 7214 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 7215 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 7216 } 7217 }, 7218 onGetCartData(data) { 7219 this.preSelectColor(); 7220 this.preselectCartItems(data); 7221 this.preselectQuerystringItems(); 7222 this.preselectLocationHashItems(); 7223 }, 7224 updateGallery() { 7225 if (!this.productIndex) { 7226 return; 7227 } 7228 7229 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 7230 method: 'GET', 7231 headers: { 7232 'Content-Type': 'application/json', 7233 'X-Requested-With': 'XMLHttpRequest' 7234 } 7235 } 7236 ).then(response => { 7237 return response.json() 7238 } 7239 ).then(data => { 7240 if (data.errors) { 7241 7242 console.warn(data.errors); 7243 } else { 7244 const image = data && data.medium; 7245 7246 image && window.dispatchEvent( 7247 new CustomEvent( 7248 "update-gallery-332259", 7249 {detail: image} 7250 ) 7251 ); 7252 } 7253 }).catch(error => { 7254 console.warn(error) 7255 }); 7256 }, 7257 preselectQuerystringItems() { 7258 7259 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 7260 Object.values(this.optionConfig.attributes).map(attribute => { 7261 7262 const skipUpdateGallery = true; 7263 7264 if(!urlQueryParams.get(attribute.code)) { 7265 return; 7266 } 7267 const selectedOption = attribute.options.filter(option => { 7268 return option.label === urlQueryParams.get(attribute.code); 7269 })[0]; 7270 7271 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 7272 return; 7273 } 7274 7275 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 7276 }); 7277 }, 7278 preselectItemsBasedOnLocation(getLocationValue) { 7279 Object.values(this.optionConfig.attributes).map(attribute => { 7280 if(!getLocationValue(attribute)) { 7281 return; 7282 } 7283 this.changeOption(attribute.id, getLocationValue(attribute)) 7284 }); 7285 }, 7286 mouseDown: false, 7287 getLabelBySelectedSwatchId(defaultLabel, id) { 7288 if (this.selectedValues[id]) { 7289 return this.getSwatchText(id, this.selectedValues[id]); 7290 } 7291 7292 return defaultLabel; 7293 } 7294 } 7295 ); 7296 }</script>
7296<div x-data="initConfigurableSwatchOptions_332259()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_332259" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-332259-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-332259-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_332259.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_332259.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_332259.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_332259.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 7297 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7298<title>chevron-up</title></svg> 7299</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_332259"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-332259-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
7299" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-332259-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_332259"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7300 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 7301<title>chevron-down</title></svg> 7302</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_332259" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7303 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7304<title>chevron-up</title></svg> 7305</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 7306<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 7307<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 7308</svg> 7309</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 7310<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 7311 <g fill="none" fill-rule="evenodd"> 7312 <g transform="translate(1 1)" stroke-width="2"> 7313 <circle cx="5" cy="50" r="5">
7314 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 7315 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 7316 </circle> 7317 <circle cx="27" cy="5" r="5"> 7318 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 7319 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 7320 </circle> 7321 <circle cx="49" cy="50" r="5"> 7322 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 7323 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 7324 </circle> 7325 </g> 7326 </g> 7327<title>loader</title></svg> 7328</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05de\u05d9\u05d3\u05d9 \u05db\u05d9\u05d5\u05d5\u05e6\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05de\u05d9\u05d3\u05d9 \u05db\u05d9\u05d5\u05d5\u05e6\u05d9\u05dd","id":"332259","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/505ke-89x-שמלת-מידי-כיווצים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/5/0/505KE-89X_1.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-332259.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/5/0/505KE-89X_1.jpg" loading="lazy" width="900" height="1200" alt="image" title="image"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/5/0/505ke-89x-051-1-1270576.jpg" loading="lazy" width="675" height="900" alt="שמלת מידי כיווצים" title="שמלת מידי כיווצים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/505ke-89x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%9E%D7%99%D7%93%D7%99-%D7%9B%D7%99%D7%95%D7%95%D7%A6%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e9\u05de\u05dc\u05ea \u05de\u05d9\u05d3\u05d9 \u05db\u05d9\u05d5\u05d5\u05e6\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e9\u05de\u05dc\u05ea \u05de\u05d9\u05d3\u05d9 \u05db\u05d9\u05d5\u05d5\u05e6\u05d9\u05dd","id":"332259","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/505ke-89x-שמלת-מידי-כיווצים';return false; }});">שמלת מידי כיווצים</a> <div class="flex items-center justify-start" x-data="init
7328ConfigurablePreview_332259()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/505ke-89x-%D7%A9%D7%9E%D7%9C%D7%AA-%D7%9E%D7%99%D7%93%D7%99-%D7%9B%D7%99%D7%95%D7%95%D7%A6%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 7329 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 7330<title>arrow-left</title></svg> 7331</a></div>
7331<script> 7332 'use strict'; 7333 function initConfigurablePreview_332259() { 7334 const configurableOptionsComponent = initConfigurableOptions( 7335 '332259', 7336 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["331856","331859"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["331860","331861","331862","331863"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["331862"]},{"id":"49","label":"M","products":["331861"]},{"id":"46","label":"L","products":["331856","331860"]},{"id":"54","label":"XL","products":["331859","331863"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331856":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331859":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331860":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331861":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331862":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331863":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"332259","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331856":{"93":"798","147":"46"},"331859":{"93":"798","147":"54"},"331860":{"93":"723","147":"46"},"331861":{"93":"723","147":"49"},"331862":{"93":"723","147":"63"},"331863":{"93":"723","147":"54"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331856":"505KE-89X-L","331859":"505KE-89X-XL","331860":"505KE-99X-L","331861":"505KE-99X-M","331862":"505KE-99X-S","331863":"505KE-99X-XL"}} ); 7337 7338 const colorAttrCode = 93; 7339 const colorValue = '798'; 7340 7341 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/0\/505ke-89x-999-1-1270576.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/0\/505ke-89x-999-1-1270576.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/5\/0\/505ke-99x-999-1-1270577.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/5\/0\/505ke-99x-999-1-1270577.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7342 7343 return Object.assign( 7344 configurableOptionsComponent, 7345 swatchOptionsComponent, 7346 { 7347 productUrl: "https://reserved-il.com/505ke-89x-שמלת-מידי-כיווצים", 7348 attributeCode: "color", 7349 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7350 preselectOption() { 7351 this.selectedValues[colorAttrCode] = colorValue; 7352 this.dispatchSelectedOption(colorAttrCode, colorValue); 7353 }, 7354 selectOption(optionId, value) { 7355 this.selectedValues[optionId] = value; 7356 this.dispatchSelectedOption(optionId, value); 7357 }, 7358 dispatchSelectedOption(optionId, value) { 7359 window.dispatchEvent( 7360 new CustomEvent( 7361 "select-product-332259-option", 7362 {detail: {option: optionId, value: value}} 7363 ) 7364 ); 7365 } 7366 } 7367 ) 7368 }</script>
7368 </div><div x-data="initPriceBox__6ac33f9d27020()" @update-prices-332259.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="332259" data-price-box="product-id-332259"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-332259" data-price-amount="99.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">99.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-332259" data-price-amount="159.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
7368<script> 7369 function initPriceBox__6ac33f9d27020() 7370 { 7371 return { 7372 updatePrice(priceData) { 7373 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 7374 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 7375 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 7376 regularPriceLabel.classList.add('hidden'); 7377 } else { 7378 regularPriceLabel.classList.remove('hidden'); 7379 } 7380 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 7381 } 7382 } 7383 }</script>
7383</div></form>
7383<script> 7384 function validateSuperAttrs(superAttributeInputs) { 7385 let isValid = true; 7386 7387 superAttributeInputs.forEach(input => { 7388 const value = input.value.trim(); 7389 if (!/^\d+$/.test(value)) { 7390 isValid = false; 7391 } 7392 }); 7393 7394 return isValid; 7395 } 7396 function formSubmitData_332259() { 7397 return { 7398 loading: false, 7399 success: false, 7400 open: false, 7401 form: null, 7402 init: function () { 7403 this.form = this.$el; 7404 }, 7405 ajaxFormSubmit: function () { 7406 const self = this; 7407 const data = new URLSearchParams(new FormData(self.form)); 7408 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 7409 if (!validateSuperAttrs(superAttributeInputs)) { 7410 alert('Please enter a valid number.'); 7411 self.loading = false; 7412 return; 7413 } 7414 fetch(self.form.action, { 7415 method: 'POST', 7416 body: data, 7417 headers: { 7418 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 7419 'X-Requested-With': 'XMLHttpRequest' 7420 } 7421 }).then(res => { 7422 if (!res.ok) { 7423 return self.form.submit(); 7424 } 7425 7426 if (res.redirected) { 7427 return []; 7428 } 7429 7430 return res.json(); 7431 }).then(data => { 7432 if (data.backUrl) { 7433 self.form.submit(); 7434 } 7435 7436 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 7437 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 7438 }).catch(err => { 7439 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 7440 7441 self.setMessage({ 7442 text: 'אירעה שגיאה בהוספת הפריט לסל.', 7443 type: 'error' 7444 }); 7445 }).finally(() => { 7446 let messages = hyva.getCookie('mage-messages'); 7447 self.loading = false; 7448 self.success = true; 7449 try { 7450 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 7451 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 7452 } catch (error) { 7453 console.warn('Error parsing Cookie Messages:', error); 7454 return; 7455 } 7456 7457 setTimeout(() => { 7458 messages.forEach(message => { 7459 self.setMessage(message); 7460 }); 7461 }, 1000); 7462 7463 setTimeout(() => { 7464 self.success = false; 7465 self.open = false; 7466 }, 3000); 7467 }); 7468 7469 }, 7470 setMessage: function(message) { 7471 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 7472 [message], 5000 7473 ); 7474 }, 7475 submitAddToCartForm(event) { 7476 event.preventDefault(); 7477 7478 this.loading = true; 7479 7480 this.ajaxFormSubmit(); 7481 } 7482 } 7483 }</script>
7483</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/332270/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_332270()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="332270"> <a x-data="{open: false}" href="https://reserved-il.com/608ke-99c-%D7%A1%D7%95%D7%95%D7%98%D7%A9%D7%99%D7%A8%D7%98-%D7%9B%D7%95%D7%AA%D7%A0%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_332270" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
7483<script> 7484 function initConfigurableSwatchOptions_332270() { 7485 const configurableOptionsComponent = initConfigurableOptions( 7486 '332270', 7487 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["331938","331939"]},{"id":"725","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9","products":["331942"]},{"id":"1024","label":"\u05e9\u05d7\u05d5\u05e8","products":["331936","331937"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":["331937","331939","331942"]},{"id":"46","label":"L","products":["331936","331938"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331936":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331937":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331938":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331939":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331942":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9}},"productId":"332270","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331936":{"93":"1024","147":"46"},"331937":{"93":"1024","147":"49"},"331938":{"93":"723","147":"46"},"331939":{"93":"723","147":"49"},"331942":{"93":"725","147":"49"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331936":"608KE-99C-L","331937":"608KE-99C-M","331938":"608KE-99X-L","331939":"608KE-99X-M","331942":"608KE-MLC-M"}} ); 7488 const swatchOptionsComponent = initSwatchOptions({"93":{"725":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-mlc-999-1-1305051.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-mlc-999-1-1305051.jpg","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9"},"1024":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-99c-999-1-1305049.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-99c-999-1-1305049.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-99x-999-1-1305050.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-99x-999-1-1305050.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7489 const colorAttrCode = 93; 7490 const sizeAttrCode = 147; 7491 const colorValue = '1024'; 7492 7493 return Object.assign( 7494 configurableOptionsComponent, 7495 swatchOptionsComponent, 7496 { 7497 open: false, 7498 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7499 init() { 7500 const self = this; 7501 window.addEventListener('select-product-332270-option', function(event) { 7502 if(event.detail) { 7503 const {option, value} = event.detail; 7504 self.changeOption(option, value); 7505 } 7506 }) 7507 }, 7508 changeOption(optionId, value, skipUpdateGallery) { 7509 this.selectedValues[optionId] = value; 7510 this.findSimpleIndex(); 7511 this.findAllowedAttributeOptions(); 7512 this.updatePrices(); 7513 !skipUpdateGallery && this.updateGallery(); 7514 }, 7515 toggleOption(optionId, value) { 7516 const optionIsSelected = this.selectedValues[optionId] === value; 7517 7518 if(optionIsSelected) { 7519 this.$el.querySelector('input').checked = false;
7520 this.selectedValues[optionId] = ''; 7521 7522 return; 7523 } 7524 7525 this.changeOption(optionId, value, true); 7526 }, 7527 preSelectColor() { 7528 this.changeOption(colorAttrCode, colorValue, 1); 7529 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 7530 7531 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 7532 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 7533 } 7534 }, 7535 onGetCartData(data) { 7536 this.preSelectColor(); 7537 this.preselectCartItems(data); 7538 this.preselectQuerystringItems(); 7539 this.preselectLocationHashItems(); 7540 }, 7541 updateGallery() { 7542 if (!this.productIndex) { 7543 return; 7544 } 7545 7546 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 7547 method: 'GET', 7548 headers: { 7549 'Content-Type': 'application/json', 7550 'X-Requested-With': 'XMLHttpRequest' 7551 } 7552 } 7553 ).then(response => { 7554 return response.json() 7555 } 7556 ).then(data => { 7557 if (data.errors) { 7558 7559 console.warn(data.errors); 7560 } else { 7561 const image = data && data.medium; 7562 7563 image && window.dispatchEvent( 7564 new CustomEvent( 7565 "update-gallery-332270", 7566 {detail: image} 7567 ) 7568 ); 7569 } 7570 }).catch(error => { 7571 console.warn(error) 7572 }); 7573 }, 7574 preselectQuerystringItems() { 7575 7576 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 7577 Object.values(this.optionConfig.attributes).map(attribute => { 7578 7579 const skipUpdateGallery = true; 7580 7581 if(!urlQueryParams.get(attribute.code)) { 7582 return; 7583 } 7584 const selectedOption = attribute.options.filter(option => { 7585 return option.label === urlQueryParams.get(attribute.code); 7586 })[0]; 7587 7588 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 7589 return; 7590 } 7591 7592 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 7593 }); 7594 }, 7595 preselectItemsBasedOnLocation(getLocationValue) { 7596 Object.values(this.optionConfig.attributes).map(attribute => { 7597 if(!getLocationValue(attribute)) { 7598 return; 7599 } 7600 this.changeOption(attribute.id, getLocationValue(attribute)) 7601 }); 7602 }, 7603 mouseDown: false, 7604 getLabelBySelectedSwatchId(defaultLabel, id) { 7605 if (this.selectedValues[id]) { 7606 return this.getSwatchText(id, this.selectedValues[id]); 7607 } 7608 7609 return defaultLabel; 7610 } 7611 } 7612 ); 7613 }</script>
7613<div x-data="initConfigurableSwatchOptions_332270()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_332270" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-332270-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-332270-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_332270.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_332270.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_332270.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_332270.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 7614 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7615<title>chevron-up</title></svg> 7616</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_332270"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-332270-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
7616" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-332270-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_332270"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7617 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 7618<title>chevron-down</title></svg> 7619</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_332270" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7620 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7621<title>chevron-up</title></svg> 7622</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 7623<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 7624<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 7625</svg> 7626</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 7627<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 7628 <g fill="none" fill-rule="evenodd"> 7629 <g transform="translate(1 1)" stroke-width="2"> 7630 <circle cx="5" cy="50" r="5">
7631 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 7632 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 7633 </circle> 7634 <circle cx="27" cy="5" r="5"> 7635 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 7636 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 7637 </circle> 7638 <circle cx="49" cy="50" r="5"> 7639 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 7640 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 7641 </circle> 7642 </g> 7643 </g> 7644<title>loader</title></svg> 7645</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e1\u05d5\u05d5\u05d8\u05e9\u05d9\u05e8\u05d8 \u05db\u05d5\u05ea\u05e0\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e1\u05d5\u05d5\u05d8\u05e9\u05d9\u05e8\u05d8 \u05db\u05d5\u05ea\u05e0\u05d4","id":"332270","price":"79.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/608ke-99c-סווטשירט-כותנה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/6/0/608ke-99c-002-1-1305049.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-332270.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/6/0/608ke-99c-002-1-1305049.jpg" loading="lazy" width="900" height="1200" alt="סווטשירט כותנה" title="סווטשירט כותנה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/6/0/608ke-99c-001-1-1305049.jpg" loading="lazy" width="675" height="900" alt="סווטשירט כותנה" title="סווטשירט כותנה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/608ke-99c-%D7%A1%D7%95%D7%95%D7%98%D7%A9%D7%99%D7%A8%D7%98-%D7%9B%D7%95%D7%AA%D7%A0%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05e1\u05d5\u05d5\u05d8\u05e9\u05d9\u05e8\u05d8 \u05db\u05d5\u05ea\u05e0\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05e1\u05d5\u05d5\u05d8\u05e9\u05d9\u05e8\u05d8 \u05db\u05d5\u05ea\u05e0\u05d4","id":"332270","price":"79.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/608ke-99c-סווטשירט-כותנה';return false; }});">סווטשירט כותנה</a> <div class="flex items-center justify-start" x-data="init
7645ConfigurablePreview_332270()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/608ke-99c-%D7%A1%D7%95%D7%95%D7%98%D7%A9%D7%99%D7%A8%D7%98-%D7%9B%D7%95%D7%AA%D7%A0%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 7646 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 7647<title>arrow-left</title></svg> 7648</a></div>
7648<script> 7649 'use strict'; 7650 function initConfigurablePreview_332270() { 7651 const configurableOptionsComponent = initConfigurableOptions( 7652 '332270', 7653 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["331938","331939"]},{"id":"725","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9","products":["331942"]},{"id":"1024","label":"\u05e9\u05d7\u05d5\u05e8","products":["331936","331937"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":["331937","331939","331942"]},{"id":"46","label":"L","products":["331936","331938"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331936":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331937":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331938":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331939":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331942":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":79.9},"finalPrice":{"amount":79.9}},"productId":"332270","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331936":{"93":"1024","147":"46"},"331937":{"93":"1024","147":"49"},"331938":{"93":"723","147":"46"},"331939":{"93":"723","147":"49"},"331942":{"93":"725","147":"49"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331936":"608KE-99C-L","331937":"608KE-99C-M","331938":"608KE-99X-L","331939":"608KE-99X-M","331942":"608KE-MLC-M"}} ); 7654 7655 const colorAttrCode = 93; 7656 const colorValue = '1024'; 7657 7658 const swatchOptionsComponent = initSwatchOptions({"93":{"725":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-mlc-999-1-1305051.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-mlc-999-1-1305051.jpg","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9"},"1024":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-99c-999-1-1305049.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-99c-999-1-1305049.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/6\/0\/608ke-99x-999-1-1305050.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/6\/0\/608ke-99x-999-1-1305050.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7659 7660 return Object.assign( 7661 configurableOptionsComponent, 7662 swatchOptionsComponent, 7663 { 7664 productUrl: "https://reserved-il.com/608ke-99c-סווטשירט-כותנה", 7665 attributeCode: "color", 7666 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7667 preselectOption() { 7668 this.selectedValues[colorAttrCode] = colorValue; 7669 this.dispatchSelectedOption(colorAttrCode, colorValue); 7670 }, 7671 selectOption(optionId, value) { 7672 this.selectedValues[optionId] = value; 7673 this.dispatchSelectedOption(optionId, value); 7674 }, 7675 dispatchSelectedOption(optionId, value) { 7676 window.dispatchEvent( 7677 new CustomEvent( 7678 "select-product-332270-option", 7679 {detail: {option: optionId, value: value}} 7680 ) 7681 ); 7682 } 7683 } 7684 ) 7685 }</script>
7685 </div><div x-data="initPriceBox__6ac33f9d32b14()" @update-prices-332270.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="332270" data-price-box="product-id-332270"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-332270" data-price-amount="79.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">79.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-332270" data-price-amount="129.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">129.90 ₪</span></span> </span></span> </div></div>
7685<script> 7686 function initPriceBox__6ac33f9d32b14() 7687 { 7688 return { 7689 updatePrice(priceData) { 7690 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 7691 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 7692 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 7693 regularPriceLabel.classList.add('hidden'); 7694 } else { 7695 regularPriceLabel.classList.remove('hidden'); 7696 } 7697 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 7698 } 7699 } 7700 }</script>
7700</div></form>
7700<script> 7701 function validateSuperAttrs(superAttributeInputs) { 7702 let isValid = true; 7703 7704 superAttributeInputs.forEach(input => { 7705 const value = input.value.trim(); 7706 if (!/^\d+$/.test(value)) { 7707 isValid = false; 7708 } 7709 }); 7710 7711 return isValid; 7712 } 7713 function formSubmitData_332270() { 7714 return { 7715 loading: false, 7716 success: false, 7717 open: false, 7718 form: null, 7719 init: function () { 7720 this.form = this.$el; 7721 }, 7722 ajaxFormSubmit: function () { 7723 const self = this; 7724 const data = new URLSearchParams(new FormData(self.form)); 7725 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 7726 if (!validateSuperAttrs(superAttributeInputs)) { 7727 alert('Please enter a valid number.'); 7728 self.loading = false; 7729 return; 7730 } 7731 fetch(self.form.action, { 7732 method: 'POST', 7733 body: data, 7734 headers: { 7735 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 7736 'X-Requested-With': 'XMLHttpRequest' 7737 } 7738 }).then(res => { 7739 if (!res.ok) { 7740 return self.form.submit(); 7741 } 7742 7743 if (res.redirected) { 7744 return []; 7745 } 7746 7747 return res.json(); 7748 }).then(data => { 7749 if (data.backUrl) { 7750 self.form.submit(); 7751 } 7752 7753 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 7754 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 7755 }).catch(err => { 7756 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 7757 7758 self.setMessage({ 7759 text: 'אירעה שגיאה בהוספת הפריט לסל.', 7760 type: 'error' 7761 }); 7762 }).finally(() => { 7763 let messages = hyva.getCookie('mage-messages'); 7764 self.loading = false; 7765 self.success = true; 7766 try { 7767 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 7768 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 7769 } catch (error) { 7770 console.warn('Error parsing Cookie Messages:', error); 7771 return; 7772 } 7773 7774 setTimeout(() => { 7775 messages.forEach(message => { 7776 self.setMessage(message); 7777 }); 7778 }, 1000); 7779 7780 setTimeout(() => { 7781 self.success = false; 7782 self.open = false; 7783 }, 3000); 7784 }); 7785 7786 }, 7787 setMessage: function(message) { 7788 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 7789 [message], 5000 7790 ); 7791 }, 7792 submitAddToCartForm(event) { 7793 event.preventDefault(); 7794 7795 this.loading = true; 7796 7797 this.ajaxFormSubmit(); 7798 } 7799 } 7800 }</script>
7800</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/335128/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_335128()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="335128"> <a x-data="{open: false}" href="https://reserved-il.com/291kt-88x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_335128" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
7800<script> 7801 function initConfigurableSwatchOptions_335128() { 7802 const configurableOptionsComponent = initConfigurableOptions( 7803 '335128', 7804 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"786","label":"\u05e7\u05e8\u05dd","products":["334630"]},{"id":"784","label":"\u05d7\u05d5\u05dd","products":["334636","334637","334638","334641"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["334630","334636"]},{"id":"324","label":"36","products":["334637"]},{"id":"104","label":"38","products":["334638"]},{"id":"79","label":"40","products":[]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":["334641"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334630":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334636":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334637":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334638":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334641":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"335128","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334630":{"93":"786","147":"322"},"334636":{"93":"784","147":"322"},"334637":{"93":"784","147":"324"},"334638":{"93":"784","147":"104"},"334641":{"93":"784","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334630":"291KT-01X-34","334636":"291KT-88X-34","334637":"291KT-88X-36","334638":"291KT-88X-38","334641":"291KT-88X-44"}} ); 7805 const swatchOptionsComponent = initSwatchOptions({"93":{"784":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/9\/291kt-88x-999-1-1303588.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/9\/291kt-88x-999-1-1303588.jpg","label":"\u05d7\u05d5\u05dd"},"786":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/9\/291kt-01x-999-1-1299789.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/9\/291kt-01x-999-1-1299789.jpg","label":"\u05e7\u05e8\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7806 const colorAttrCode = 93; 7807 const sizeAttrCode = 147; 7808 const colorValue = '784'; 7809 7810 return Object.assign( 7811 configurableOptionsComponent, 7812 swatchOptionsComponent, 7813 { 7814 open: false, 7815 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7816 init() { 7817 const self = this; 7818 window.addEventListener('select-product-335128-option', function(event) { 7819 if(event.detail) { 7820 const {option, value} = event.detail; 7821 self.changeOption(option, value); 7822 } 7823 }) 7824 }, 7825 changeOption(optionId, value, skipUpdateGallery) { 7826 this.selectedValues[optionId] = value; 7827 this.findSimpleIndex(); 7828 this.findAllowedAttributeOptions(); 7829 this.updatePrices(); 7830 !skipUpdateGallery && this.updateGallery(); 7831 }, 7832 toggleOption(optionId, value) { 7833 const optionIsSelected = this.selectedValues[optionId] === value; 7834 7835 if(optionIsSelected) { 7836 this.$el.querySelector('input').checked = false;
7837 this.selectedValues[optionId] = ''; 7838 7839 return; 7840 } 7841 7842 this.changeOption(optionId, value, true); 7843 }, 7844 preSelectColor() { 7845 this.changeOption(colorAttrCode, colorValue, 1); 7846 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 7847 7848 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 7849 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 7850 } 7851 }, 7852 onGetCartData(data) { 7853 this.preSelectColor(); 7854 this.preselectCartItems(data); 7855 this.preselectQuerystringItems(); 7856 this.preselectLocationHashItems(); 7857 }, 7858 updateGallery() { 7859 if (!this.productIndex) { 7860 return; 7861 } 7862 7863 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 7864 method: 'GET', 7865 headers: { 7866 'Content-Type': 'application/json', 7867 'X-Requested-With': 'XMLHttpRequest' 7868 } 7869 } 7870 ).then(response => { 7871 return response.json() 7872 } 7873 ).then(data => { 7874 if (data.errors) { 7875 7876 console.warn(data.errors); 7877 } else { 7878 const image = data && data.medium; 7879 7880 image && window.dispatchEvent( 7881 new CustomEvent( 7882 "update-gallery-335128", 7883 {detail: image} 7884 ) 7885 ); 7886 } 7887 }).catch(error => { 7888 console.warn(error) 7889 }); 7890 }, 7891 preselectQuerystringItems() { 7892 7893 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 7894 Object.values(this.optionConfig.attributes).map(attribute => { 7895 7896 const skipUpdateGallery = true; 7897 7898 if(!urlQueryParams.get(attribute.code)) { 7899 return; 7900 } 7901 const selectedOption = attribute.options.filter(option => { 7902 return option.label === urlQueryParams.get(attribute.code); 7903 })[0]; 7904 7905 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 7906 return; 7907 } 7908 7909 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 7910 }); 7911 }, 7912 preselectItemsBasedOnLocation(getLocationValue) { 7913 Object.values(this.optionConfig.attributes).map(attribute => { 7914 if(!getLocationValue(attribute)) { 7915 return; 7916 } 7917 this.changeOption(attribute.id, getLocationValue(attribute)) 7918 }); 7919 }, 7920 mouseDown: false, 7921 getLabelBySelectedSwatchId(defaultLabel, id) { 7922 if (this.selectedValues[id]) { 7923 return this.getSwatchText(id, this.selectedValues[id]); 7924 } 7925 7926 return defaultLabel; 7927 } 7928 } 7929 ); 7930 }</script>
7930<div x-data="initConfigurableSwatchOptions_335128()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_335128" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-335128-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-335128-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_335128.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_335128.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_335128.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_335128.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 7931 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7932<title>chevron-up</title></svg> 7933</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_335128"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-335128-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
7933" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-335128-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_335128"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7934 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 7935<title>chevron-down</title></svg> 7936</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_335128" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 7937 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 7938<title>chevron-up</title></svg> 7939</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 7940<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 7941<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 7942</svg> 7943</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 7944<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 7945 <g fill="none" fill-rule="evenodd"> 7946 <g transform="translate(1 1)" stroke-width="2"> 7947 <circle cx="5" cy="50" r="5">
7948 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 7949 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 7950 </circle> 7951 <circle cx="27" cy="5" r="5"> 7952 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 7953 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 7954 </circle> 7955 <circle cx="49" cy="50" r="5"> 7956 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 7957 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 7958 </circle> 7959 </g> 7960 </g> 7961<title>loader</title></svg> 7962</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"335128","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/291kt-88x-מכנסיים-מתרחבים-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/9/291KT-88X_1.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-335128.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/9/291KT-88X_1.jpg" loading="lazy" width="900" height="1200" alt="image" title="image"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/9/291kt-88x-051-1-1303588.jpg" loading="lazy" width="675" height="900" alt="מכנסיים מתרחבים עם חגורה" title="מכנסיים מתרחבים עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/291kt-88x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05de\u05ea\u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"335128","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/291kt-88x-מכנסיים-מתרחבים-עם-חגורה';return false; }});">מכנסיים מתרחבים עם חגורה</a> <div class="flex items-center justify-start" x-data="init
7962ConfigurablePreview_335128()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/291kt-88x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%9E%D7%AA%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 7963 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 7964<title>arrow-left</title></svg> 7965</a></div>
7965<script> 7966 'use strict'; 7967 function initConfigurablePreview_335128() { 7968 const configurableOptionsComponent = initConfigurableOptions( 7969 '335128', 7970 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"786","label":"\u05e7\u05e8\u05dd","products":["334630"]},{"id":"784","label":"\u05d7\u05d5\u05dd","products":["334636","334637","334638","334641"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["334630","334636"]},{"id":"324","label":"36","products":["334637"]},{"id":"104","label":"38","products":["334638"]},{"id":"79","label":"40","products":[]},{"id":"70","label":"42","products":[]},{"id":"62","label":"44","products":["334641"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334630":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334636":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334637":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334638":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334641":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"335128","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334630":{"93":"786","147":"322"},"334636":{"93":"784","147":"322"},"334637":{"93":"784","147":"324"},"334638":{"93":"784","147":"104"},"334641":{"93":"784","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334630":"291KT-01X-34","334636":"291KT-88X-34","334637":"291KT-88X-36","334638":"291KT-88X-38","334641":"291KT-88X-44"}} ); 7971 7972 const colorAttrCode = 93; 7973 const colorValue = '784'; 7974 7975 const swatchOptionsComponent = initSwatchOptions({"93":{"784":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/9\/291kt-88x-999-1-1303588.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/9\/291kt-88x-999-1-1303588.jpg","label":"\u05d7\u05d5\u05dd"},"786":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/9\/291kt-01x-999-1-1299789.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/9\/291kt-01x-999-1-1299789.jpg","label":"\u05e7\u05e8\u05dd"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 7976 7977 return Object.assign( 7978 configurableOptionsComponent, 7979 swatchOptionsComponent, 7980 { 7981 productUrl: "https://reserved-il.com/291kt-88x-מכנסיים-מתרחבים-עם-חגורה", 7982 attributeCode: "color", 7983 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 7984 preselectOption() { 7985 this.selectedValues[colorAttrCode] = colorValue; 7986 this.dispatchSelectedOption(colorAttrCode, colorValue); 7987 }, 7988 selectOption(optionId, value) { 7989 this.selectedValues[optionId] = value; 7990 this.dispatchSelectedOption(optionId, value); 7991 }, 7992 dispatchSelectedOption(optionId, value) { 7993 window.dispatchEvent( 7994 new CustomEvent( 7995 "select-product-335128-option", 7996 {detail: {option: optionId, value: value}} 7997 ) 7998 ); 7999 } 8000 } 8001 ) 8002 }</script>
8002 </div><div x-data="initPriceBox__6ac33f9d3e287()" @update-prices-335128.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="335128" data-price-box="product-id-335128"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-335128" data-price-amount="99.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">99.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-335128" data-price-amount="159.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
8002<script> 8003 function initPriceBox__6ac33f9d3e287() 8004 { 8005 return { 8006 updatePrice(priceData) { 8007 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 8008 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 8009 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 8010 regularPriceLabel.classList.add('hidden'); 8011 } else { 8012 regularPriceLabel.classList.remove('hidden'); 8013 } 8014 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 8015 } 8016 } 8017 }</script>
8017</div></form>
8017<script> 8018 function validateSuperAttrs(superAttributeInputs) { 8019 let isValid = true; 8020 8021 superAttributeInputs.forEach(input => { 8022 const value = input.value.trim(); 8023 if (!/^\d+$/.test(value)) { 8024 isValid = false; 8025 } 8026 }); 8027 8028 return isValid; 8029 } 8030 function formSubmitData_335128() { 8031 return { 8032 loading: false, 8033 success: false, 8034 open: false, 8035 form: null, 8036 init: function () { 8037 this.form = this.$el; 8038 }, 8039 ajaxFormSubmit: function () { 8040 const self = this; 8041 const data = new URLSearchParams(new FormData(self.form)); 8042 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 8043 if (!validateSuperAttrs(superAttributeInputs)) { 8044 alert('Please enter a valid number.'); 8045 self.loading = false; 8046 return; 8047 } 8048 fetch(self.form.action, { 8049 method: 'POST', 8050 body: data, 8051 headers: { 8052 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 8053 'X-Requested-With': 'XMLHttpRequest' 8054 } 8055 }).then(res => { 8056 if (!res.ok) { 8057 return self.form.submit(); 8058 } 8059 8060 if (res.redirected) { 8061 return []; 8062 } 8063 8064 return res.json(); 8065 }).then(data => { 8066 if (data.backUrl) { 8067 self.form.submit(); 8068 } 8069 8070 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 8071 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 8072 }).catch(err => { 8073 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 8074 8075 self.setMessage({ 8076 text: 'אירעה שגיאה בהוספת הפריט לסל.', 8077 type: 'error' 8078 }); 8079 }).finally(() => { 8080 let messages = hyva.getCookie('mage-messages'); 8081 self.loading = false; 8082 self.success = true; 8083 try { 8084 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 8085 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 8086 } catch (error) { 8087 console.warn('Error parsing Cookie Messages:', error); 8088 return; 8089 } 8090 8091 setTimeout(() => { 8092 messages.forEach(message => { 8093 self.setMessage(message); 8094 }); 8095 }, 1000); 8096 8097 setTimeout(() => { 8098 self.success = false; 8099 self.open = false; 8100 }, 3000); 8101 }); 8102 8103 }, 8104 setMessage: function(message) { 8105 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 8106 [message], 5000 8107 ); 8108 }, 8109 submitAddToCartForm(event) { 8110 event.preventDefault(); 8111 8112 this.loading = true; 8113 8114 this.ajaxFormSubmit(); 8115 } 8116 } 8117 }</script>
8117</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/332938/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_332938()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="332938"> <a x-data="{open: false}" href="https://reserved-il.com/221ky-89x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A8%D7%9B%D7%99%D7%A1%D7%94-%D7%9B%D7%A4%D7%95%D7%9C%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_332938" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
8117<script> 8118 function initConfigurableSwatchOptions_332938() { 8119 const configurableOptionsComponent = initConfigurableOptions( 8120 '332938', 8121 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["332495","332497","332499","332500"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["332501","332502"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["332499"]},{"id":"63","label":"S","products":["332497"]},{"id":"49","label":"M","products":["332502"]},{"id":"46","label":"L","products":["332495","332501"]},{"id":"54","label":"XL","products":[]},{"id":"93","label":"XXL","products":["332500"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"332495":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332497":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332499":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332500":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332501":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332502":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"332938","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"332495":{"93":"798","147":"46"},"332497":{"93":"798","147":"63"},"332499":{"93":"798","147":"146"},"332500":{"93":"798","147":"93"},"332501":{"93":"723","147":"46"},"332502":{"93":"723","147":"49"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"332495":"221KY-89X-L","332497":"221KY-89X-S","332499":"221KY-89X-XS","332500":"221KY-89X-XXL","332501":"221KY-99X-L","332502":"221KY-99X-M"}} ); 8122 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/221ky-89x-999-1-1317514.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/221ky-89x-999-1-1317514.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/221ky-99x-999-1-1316546.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/221ky-99x-999-1-1316546.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8123 const colorAttrCode = 93; 8124 const sizeAttrCode = 147; 8125 const colorValue = '798'; 8126 8127 return Object.assign( 8128 configurableOptionsComponent, 8129 swatchOptionsComponent, 8130 { 8131 open: false, 8132 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8133 init() { 8134 const self = this; 8135 window.addEventListener('select-product-332938-option', function(event) { 8136 if(event.detail) { 8137 const {option, value} = event.detail; 8138 self.changeOption(option, value); 8139 } 8140 }) 8141 }, 8142 changeOption(optionId, value, skipUpdateGallery) { 8143 this.selectedValues[optionId] = value; 8144 this.findSimpleIndex(); 8145 this.findAllowedAttributeOptions(); 8146 this.updatePrices(); 8147 !skipUpdateGallery && this.updateGallery(); 8148 }, 8149 toggleOption(optionId, value) { 8150 const optionIsSelected = this.selectedValues[optionId] === value; 8151 8152 if(optionIsSelected) { 8153 this.$el.querySelector('input').checked = false;
8154 this.selectedValues[optionId] = ''; 8155 8156 return; 8157 } 8158 8159 this.changeOption(optionId, value, true); 8160 }, 8161 preSelectColor() { 8162 this.changeOption(colorAttrCode, colorValue, 1); 8163 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 8164 8165 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 8166 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 8167 } 8168 }, 8169 onGetCartData(data) { 8170 this.preSelectColor(); 8171 this.preselectCartItems(data); 8172 this.preselectQuerystringItems(); 8173 this.preselectLocationHashItems(); 8174 }, 8175 updateGallery() { 8176 if (!this.productIndex) { 8177 return; 8178 } 8179 8180 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 8181 method: 'GET', 8182 headers: { 8183 'Content-Type': 'application/json', 8184 'X-Requested-With': 'XMLHttpRequest' 8185 } 8186 } 8187 ).then(response => { 8188 return response.json() 8189 } 8190 ).then(data => { 8191 if (data.errors) { 8192 8193 console.warn(data.errors); 8194 } else { 8195 const image = data && data.medium; 8196 8197 image && window.dispatchEvent( 8198 new CustomEvent( 8199 "update-gallery-332938", 8200 {detail: image} 8201 ) 8202 ); 8203 } 8204 }).catch(error => { 8205 console.warn(error) 8206 }); 8207 }, 8208 preselectQuerystringItems() { 8209 8210 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 8211 Object.values(this.optionConfig.attributes).map(attribute => { 8212 8213 const skipUpdateGallery = true; 8214 8215 if(!urlQueryParams.get(attribute.code)) { 8216 return; 8217 } 8218 const selectedOption = attribute.options.filter(option => { 8219 return option.label === urlQueryParams.get(attribute.code); 8220 })[0]; 8221 8222 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 8223 return; 8224 } 8225 8226 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 8227 }); 8228 }, 8229 preselectItemsBasedOnLocation(getLocationValue) { 8230 Object.values(this.optionConfig.attributes).map(attribute => { 8231 if(!getLocationValue(attribute)) { 8232 return; 8233 } 8234 this.changeOption(attribute.id, getLocationValue(attribute)) 8235 }); 8236 }, 8237 mouseDown: false, 8238 getLabelBySelectedSwatchId(defaultLabel, id) { 8239 if (this.selectedValues[id]) { 8240 return this.getSwatchText(id, this.selectedValues[id]); 8241 } 8242 8243 return defaultLabel; 8244 } 8245 } 8246 ); 8247 }</script>
8247<div x-data="initConfigurableSwatchOptions_332938()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_332938" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-332938-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-332938-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_332938.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_332938.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_332938.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_332938.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 8248 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8249<title>chevron-up</title></svg> 8250</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_332938"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-332938-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
8250" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-332938-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_332938"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8251 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 8252<title>chevron-down</title></svg> 8253</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_332938" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8254 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8255<title>chevron-up</title></svg> 8256</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 8257<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 8258<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 8259</svg> 8260</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 8261<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 8262 <g fill="none" fill-rule="evenodd"> 8263 <g transform="translate(1 1)" stroke-width="2"> 8264 <circle cx="5" cy="50" r="5">
8265 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 8266 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 8267 </circle> 8268 <circle cx="27" cy="5" r="5"> 8269 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 8270 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 8271 </circle> 8272 <circle cx="49" cy="50" r="5"> 8273 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 8274 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 8275 </circle> 8276 </g> 8277 </g> 8278<title>loader</title></svg> 8279</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
8279\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e8\u05db\u05d9\u05e1\u05d4 \u05db\u05e4\u05d5\u05dc\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e8\u05db\u05d9\u05e1\u05d4 \u05db\u05e4\u05d5\u05dc\u05d4","id":"332938","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/221ky-89x-בלייזר-עם-רכיסה-כפולה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/2/221ky-89x-002-1-1308886.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-332938.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/2/221ky-89x-002-1-1308886.jpg" loading="lazy" width="900" height="1200" alt="בלייזר עם רכיסה כפולה" title="בלייזר עם רכיסה כפולה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/2/221ky-89x-001-1-1308886.jpg" loading="lazy" width="675" height="900" alt="בלייזר עם רכיסה כפולה" title="בלייזר עם רכיסה כפולה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/221ky-89x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A8%D7%9B%D7%99%D7%A1%D7%94-%D7%9B%D7%A4%D7%95%D7%9C%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
8279\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e8\u05db\u05d9\u05e1\u05d4 \u05db\u05e4\u05d5\u05dc\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05e2\u05dd \u05e8\u05db\u05d9\u05e1\u05d4 \u05db\u05e4\u05d5\u05dc\u05d4","id":"332938","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/221ky-89x-בלייזר-עם-רכיסה-כפולה';return false; }});">בלייזר עם רכיסה כפולה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_332938()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/221ky-89x-%D7%91%D7%9C%D7%99%D7%99%D7%96%D7%A8-%D7%A2%D7%9D-%D7%A8%D7%9B%D7%99%D7%A1%D7%94-%D7%9B%D7%A4%D7%95%D7%9C%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 8280 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 8281<title>arrow-left</title></svg> 8282</a></div>
8282<script> 8283 'use strict'; 8284 function initConfigurablePreview_332938() { 8285 const configurableOptionsComponent = initConfigurableOptions( 8286 '332938', 8287 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["332495","332497","332499","332500"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["332501","332502"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["332499"]},{"id":"63","label":"S","products":["332497"]},{"id":"49","label":"M","products":["332502"]},{"id":"46","label":"L","products":["332495","332501"]},{"id":"54","label":"XL","products":[]},{"id":"93","label":"XXL","products":["332500"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"332495":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332497":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332499":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332500":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332501":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332502":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":259.9},"oldPrice":{"amount":259.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"332938","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"332495":{"93":"798","147":"46"},"332497":{"93":"798","147":"63"},"332499":{"93":"798","147":"146"},"332500":{"93":"798","147":"93"},"332501":{"93":"723","147":"46"},"332502":{"93":"723","147":"49"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"332495":"221KY-89X-L","332497":"221KY-89X-S","332499":"221KY-89X-XS","332500":"221KY-89X-XXL","332501":"221KY-99X-L","332502":"221KY-99X-M"}} ); 8288 8289 const colorAttrCode = 93; 8290 const colorValue = '798'; 8291 8292 const swatchOptionsComponent = initSwatchOptions({"93":{"798":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/221ky-89x-999-1-1317514.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/221ky-89x-999-1-1317514.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/221ky-99x-999-1-1316546.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/221ky-99x-999-1-1316546.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"93":{"type":"0","value":"XXL","label":"XXL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8293 8294 return Object.assign( 8295 configurableOptionsComponent, 8296 swatchOptionsComponent, 8297 { 8298 productUrl: "https://reserved-il.com/221ky-89x-בלייזר-עם-רכיסה-כפולה", 8299 attributeCode: "color", 8300 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8301 preselectOption() { 8302 this.selectedValues[colorAttrCode] = colorValue; 8303 this.dispatchSelectedOption(colorAttrCode, colorValue); 8304 }, 8305 selectOption(optionId, value) { 8306 this.selectedValues[optionId] = value; 8307 this.dispatchSelectedOption(optionId, value); 8308 }, 8309 dispatchSelectedOption(optionId, value) { 8310 window.dispatchEvent( 8311 new CustomEvent( 8312 "select-product-332938-option", 8313 {detail: {option: optionId, value: value}} 8314 ) 8315 ); 8316 } 8317 } 8318 ) 8319 }</script>
8319 </div><div x-data="initPriceBox__6ac33f9d4c847()" @update-prices-332938.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="332938" data-price-box="product-id-332938"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-332938" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-332938" data-price-amount="259.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">259.90 ₪</span></span> </span></span> </div></div>
8319<script> 8320 function initPriceBox__6ac33f9d4c847() 8321 { 8322 return { 8323 updatePrice(priceData) { 8324 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 8325 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 8326 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 8327 regularPriceLabel.classList.add('hidden'); 8328 } else { 8329 regularPriceLabel.classList.remove('hidden'); 8330 } 8331 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 8332 } 8333 } 8334 }</script>
8334</div></form>
8334<script> 8335 function validateSuperAttrs(superAttributeInputs) { 8336 let isValid = true; 8337 8338 superAttributeInputs.forEach(input => { 8339 const value = input.value.trim(); 8340 if (!/^\d+$/.test(value)) { 8341 isValid = false; 8342 } 8343 }); 8344 8345 return isValid; 8346 } 8347 function formSubmitData_332938() { 8348 return { 8349 loading: false, 8350 success: false, 8351 open: false, 8352 form: null, 8353 init: function () { 8354 this.form = this.$el; 8355 }, 8356 ajaxFormSubmit: function () { 8357 const self = this; 8358 const data = new URLSearchParams(new FormData(self.form)); 8359 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 8360 if (!validateSuperAttrs(superAttributeInputs)) { 8361 alert('Please enter a valid number.'); 8362 self.loading = false; 8363 return; 8364 } 8365 fetch(self.form.action, { 8366 method: 'POST', 8367 body: data, 8368 headers: { 8369 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 8370 'X-Requested-With': 'XMLHttpRequest' 8371 } 8372 }).then(res => { 8373 if (!res.ok) { 8374 return self.form.submit(); 8375 } 8376 8377 if (res.redirected) { 8378 return []; 8379 } 8380 8381 return res.json(); 8382 }).then(data => { 8383 if (data.backUrl) { 8384 self.form.submit(); 8385 } 8386 8387 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 8388 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 8389 }).catch(err => { 8390 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 8391 8392 self.setMessage({ 8393 text: 'אירעה שגיאה בהוספת הפריט לסל.', 8394 type: 'error' 8395 }); 8396 }).finally(() => { 8397 let messages = hyva.getCookie('mage-messages'); 8398 self.loading = false; 8399 self.success = true; 8400 try { 8401 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 8402 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 8403 } catch (error) { 8404 console.warn('Error parsing Cookie Messages:', error); 8405 return; 8406 } 8407 8408 setTimeout(() => { 8409 messages.forEach(message => { 8410 self.setMessage(message); 8411 }); 8412 }, 1000); 8413 8414 setTimeout(() => { 8415 self.success = false; 8416 self.open = false; 8417 }, 3000); 8418 }); 8419 8420 }, 8421 setMessage: function(message) { 8422 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 8423 [message], 5000 8424 ); 8425 }, 8426 submitAddToCartForm(event) { 8427 event.preventDefault(); 8428 8429 this.loading = true; 8430 8431 this.ajaxFormSubmit(); 8432 } 8433 } 8434 }</script>
8434</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/332200/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_332200()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="332200"> <a x-data="{open: false}" href="https://reserved-il.com/263ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%9E%D7%91%D7%93-%D7%9B%D7%95%D7%AA%D7%A0%D7%94-%D7%9C%D7%99%D7%95%D7%A1%D7%9C" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_332200" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
8434<script> 8435 function initConfigurableSwatchOptions_332200() { 8436 const configurableOptionsComponent = initConfigurableOptions( 8437 '332200', 8438 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["331534","331535","331538","331539"]},{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":[]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["331534"]},{"id":"324","label":"36","products":["331535"]},{"id":"104","label":"38","products":[]},{"id":"79","label":"40","products":[]},{"id":"70","label":"42","products":["331538"]},{"id":"62","label":"44","products":["331539"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331534":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331535":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331538":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331539":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"332200","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331534":{"93":"852","147":"322"},"331535":{"93":"852","147":"324"},"331538":{"93":"852","147":"70"},"331539":{"93":"852","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331534":"263KS-50J-34","331535":"263KS-50J-36","331538":"263KS-50J-42","331539":"263KS-50J-44"}} ); 8439 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/263ks-50j-999-1-1304162.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/263ks-50j-999-1-1304162.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8440 const colorAttrCode = 93; 8441 const sizeAttrCode = 147; 8442 const colorValue = '852'; 8443 8444 return Object.assign( 8445 configurableOptionsComponent, 8446 swatchOptionsComponent, 8447 { 8448 open: false, 8449 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8450 init() { 8451 const self = this; 8452 window.addEventListener('select-product-332200-option', function(event) { 8453 if(event.detail) { 8454 const {option, value} = event.detail; 8455 self.changeOption(option, value); 8456 } 8457 }) 8458 }, 8459 changeOption(optionId, value, skipUpdateGallery) { 8460 this.selectedValues[optionId] = value; 8461 this.findSimpleIndex(); 8462 this.findAllowedAttributeOptions(); 8463 this.updatePrices(); 8464 !skipUpdateGallery && this.updateGallery(); 8465 }, 8466 toggleOption(optionId, value) { 8467 const optionIsSelected = this.selectedValues[optionId] === value; 8468 8469 if(optionIsSelected) { 8470 this.$el.querySelector('input').checked = false;
8471 this.selectedValues[optionId] = ''; 8472 8473 return; 8474 } 8475 8476 this.changeOption(optionId, value, true); 8477 }, 8478 preSelectColor() { 8479 this.changeOption(colorAttrCode, colorValue, 1); 8480 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 8481 8482 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 8483 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 8484 } 8485 }, 8486 onGetCartData(data) { 8487 this.preSelectColor(); 8488 this.preselectCartItems(data); 8489 this.preselectQuerystringItems(); 8490 this.preselectLocationHashItems(); 8491 }, 8492 updateGallery() { 8493 if (!this.productIndex) { 8494 return; 8495 } 8496 8497 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 8498 method: 'GET', 8499 headers: { 8500 'Content-Type': 'application/json', 8501 'X-Requested-With': 'XMLHttpRequest' 8502 } 8503 } 8504 ).then(response => { 8505 return response.json() 8506 } 8507 ).then(data => { 8508 if (data.errors) { 8509 8510 console.warn(data.errors); 8511 } else { 8512 const image = data && data.medium; 8513 8514 image && window.dispatchEvent( 8515 new CustomEvent( 8516 "update-gallery-332200", 8517 {detail: image} 8518 ) 8519 ); 8520 } 8521 }).catch(error => { 8522 console.warn(error) 8523 }); 8524 }, 8525 preselectQuerystringItems() { 8526 8527 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 8528 Object.values(this.optionConfig.attributes).map(attribute => { 8529 8530 const skipUpdateGallery = true; 8531 8532 if(!urlQueryParams.get(attribute.code)) { 8533 return; 8534 } 8535 const selectedOption = attribute.options.filter(option => { 8536 return option.label === urlQueryParams.get(attribute.code); 8537 })[0]; 8538 8539 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 8540 return; 8541 } 8542 8543 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 8544 }); 8545 }, 8546 preselectItemsBasedOnLocation(getLocationValue) { 8547 Object.values(this.optionConfig.attributes).map(attribute => { 8548 if(!getLocationValue(attribute)) { 8549 return; 8550 } 8551 this.changeOption(attribute.id, getLocationValue(attribute)) 8552 }); 8553 }, 8554 mouseDown: false, 8555 getLabelBySelectedSwatchId(defaultLabel, id) { 8556 if (this.selectedValues[id]) { 8557 return this.getSwatchText(id, this.selectedValues[id]); 8558 } 8559 8560 return defaultLabel; 8561 } 8562 } 8563 ); 8564 }</script>
8564<div x-data="initConfigurableSwatchOptions_332200()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_332200" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-332200-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-332200-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_332200.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_332200.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_332200.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_332200.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 8565 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8566<title>chevron-up</title></svg> 8567</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_332200"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-332200-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
8567" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-332200-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_332200"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8568 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 8569<title>chevron-down</title></svg> 8570</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_332200" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8571 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8572<title>chevron-up</title></svg> 8573</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 8574<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 8575<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 8576</svg> 8577</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 8578<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 8579 <g fill="none" fill-rule="evenodd"> 8580 <g transform="translate(1 1)" stroke-width="2"> 8581 <circle cx="5" cy="50" r="5">
8582 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 8583 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 8584 </circle> 8585 <circle cx="27" cy="5" r="5"> 8586 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 8587 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 8588 </circle> 8589 <circle cx="49" cy="50" r="5"> 8590 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 8591 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 8592 </circle> 8593 </g> 8594 </g> 8595<title>loader</title></svg> 8596</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05de\u05d1\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 \u05dc\u05d9\u05d5\u05e1\u05dc","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05de\u05d1\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 \u05dc\u05d9\u05d5\u05e1\u05dc","id":"332200","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/263ks-50j-גינס-גזרה-ישרה-מבד-כותנה-ליוסל';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/6/263ks-50j-003-1-1304162.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-332200.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/6/263ks-50j-003-1-1304162.jpg" loading="lazy" width="900" height="1200" alt="ג'ינס גזרה ישרה מבד כותנה ליוסל" title="ג'ינס גזרה ישרה מבד כותנה ליוסל"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/6/263ks-50j-001-1-1304162.jpg" loading="lazy" width="675" height="900" alt="ג'ינס גזרה ישרה מבד כותנה ליוסל" title="ג'ינס גזרה ישרה מבד כותנה ליוסל"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/263ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%9E%D7%91%D7%93-%D7%9B%D7%95%D7%AA%D7%A0%D7%94-%D7%9C%D7%99%D7%95%D7%A1%D7%9C" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d2'\u05d9\u05e0\u05e1 \u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u
859605d4 \u05de\u05d1\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 \u05dc\u05d9\u05d5\u05e1\u05dc","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d2'\u05d9\u05e0\u05e1 \u05d2\u05d6\u05e8\u05d4 \u05d9\u05e9\u05e8\u05d4 \u05de\u05d1\u05d3 \u05db\u05d5\u05ea\u05e0\u05d4 \u05dc\u05d9\u05d5\u05e1\u05dc","id":"332200","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/263ks-50j-גינס-גזרה-ישרה-מבד-כותנה-ליוסל';return false; }});">ג'ינס גזרה ישרה מבד כותנה ליוסל</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_332200()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/263ks-50j-%D7%92%D7%99%D7%A0%D7%A1-%D7%92%D7%96%D7%A8%D7%94-%D7%99%D7%A9%D7%A8%D7%94-%D7%9E%D7%91%D7%93-%D7%9B%D7%95%D7%AA%D7%A0%D7%94-%D7%9C%D7%99%D7%95%D7%A1%D7%9C"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 8597 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 8598<title>arrow-left</title></svg> 8599</a></div>
8599<script> 8600 'use strict'; 8601 function initConfigurablePreview_332200() { 8602 const configurableOptionsComponent = initConfigurableOptions( 8603 '332200', 8604 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"852","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8","products":["331534","331535","331538","331539"]},{"id":"777","label":"\u05db\u05d7\u05d5\u05dc \u05d3\u05e0\u05d9\u05dd","products":[]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["331534"]},{"id":"324","label":"36","products":["331535"]},{"id":"104","label":"38","products":[]},{"id":"79","label":"40","products":[]},{"id":"70","label":"42","products":["331538"]},{"id":"62","label":"44","products":["331539"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"331534":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331535":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331538":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"331539":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"332200","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"331534":{"93":"852","147":"322"},"331535":{"93":"852","147":"324"},"331538":{"93":"852","147":"70"},"331539":{"93":"852","147":"62"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"331534":"263KS-50J-34","331535":"263KS-50J-36","331538":"263KS-50J-42","331539":"263KS-50J-44"}} ); 8605 8606 const colorAttrCode = 93; 8607 const colorValue = '852'; 8608 8609 const swatchOptionsComponent = initSwatchOptions({"93":{"852":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/6\/263ks-50j-999-1-1304162.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/6\/263ks-50j-999-1-1304162.jpg","label":"\u05db\u05d7\u05d5\u05dc \u05d1\u05d4\u05d9\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8610 8611 return Object.assign( 8612 configurableOptionsComponent, 8613 swatchOptionsComponent, 8614 { 8615 productUrl: "https://reserved-il.com/263ks-50j-גינס-גזרה-ישרה-מבד-כותנה-ליוסל", 8616 attributeCode: "color", 8617 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8618 preselectOption() { 8619 this.selectedValues[colorAttrCode] = colorValue; 8620 this.dispatchSelectedOption(colorAttrCode, colorValue); 8621 }, 8622 selectOption(optionId, value) { 8623 this.selectedValues[optionId] = value; 8624 this.dispatchSelectedOption(optionId, value); 8625 }, 8626 dispatchSelectedOption(optionId, value) { 8627 window.dispatchEvent( 8628 new CustomEvent( 8629 "select-product-332200-option", 8630 {detail: {option: optionId, value: value}} 8631 ) 8632 ); 8633 } 8634 } 8635 ) 8636 }</script>
8636 </div><div x-data="initPriceBox__6ac33f9d5aa6f()" @update-prices-332200.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="332200" data-price-box="product-id-332200"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-332200" data-price-amount="99.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">99.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-332200" data-price-amount="179.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
8636<script> 8637 function initPriceBox__6ac33f9d5aa6f() 8638 { 8639 return { 8640 updatePrice(priceData) { 8641 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 8642 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 8643 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 8644 regularPriceLabel.classList.add('hidden'); 8645 } else { 8646 regularPriceLabel.classList.remove('hidden'); 8647 } 8648 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 8649 } 8650 } 8651 }</script>
8651</div></form>
8651<script> 8652 function validateSuperAttrs(superAttributeInputs) { 8653 let isValid = true; 8654 8655 superAttributeInputs.forEach(input => { 8656 const value = input.value.trim(); 8657 if (!/^\d+$/.test(value)) { 8658 isValid = false; 8659 } 8660 }); 8661 8662 return isValid; 8663 } 8664 function formSubmitData_332200() { 8665 return { 8666 loading: false, 8667 success: false, 8668 open: false, 8669 form: null, 8670 init: function () { 8671 this.form = this.$el; 8672 }, 8673 ajaxFormSubmit: function () { 8674 const self = this; 8675 const data = new URLSearchParams(new FormData(self.form)); 8676 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 8677 if (!validateSuperAttrs(superAttributeInputs)) { 8678 alert('Please enter a valid number.'); 8679 self.loading = false; 8680 return; 8681 } 8682 fetch(self.form.action, { 8683 method: 'POST', 8684 body: data, 8685 headers: { 8686 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 8687 'X-Requested-With': 'XMLHttpRequest' 8688 } 8689 }).then(res => { 8690 if (!res.ok) { 8691 return self.form.submit(); 8692 } 8693 8694 if (res.redirected) { 8695 return []; 8696 } 8697 8698 return res.json(); 8699 }).then(data => { 8700 if (data.backUrl) { 8701 self.form.submit(); 8702 } 8703 8704 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 8705 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 8706 }).catch(err => { 8707 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 8708 8709 self.setMessage({ 8710 text: 'אירעה שגיאה בהוספת הפריט לסל.', 8711 type: 'error' 8712 }); 8713 }).finally(() => { 8714 let messages = hyva.getCookie('mage-messages'); 8715 self.loading = false; 8716 self.success = true; 8717 try { 8718 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 8719 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 8720 } catch (error) { 8721 console.warn('Error parsing Cookie Messages:', error); 8722 return; 8723 } 8724 8725 setTimeout(() => { 8726 messages.forEach(message => { 8727 self.setMessage(message); 8728 }); 8729 }, 1000); 8730 8731 setTimeout(() => { 8732 self.success = false; 8733 self.open = false; 8734 }, 3000); 8735 }); 8736 8737 }, 8738 setMessage: function(message) { 8739 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 8740 [message], 5000 8741 ); 8742 }, 8743 submitAddToCartForm(event) { 8744 event.preventDefault(); 8745 8746 this.loading = true; 8747 8748 this.ajaxFormSubmit(); 8749 } 8750 } 8751 }</script>
8751</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/332897/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_332897()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="332897"> <a x-data="{open: false}" href="https://reserved-il.com/019kf-mlc-%D7%98%D7%99-%D7%A9%D7%99%D7%A8%D7%98-%D7%9E%D7%A9%D7%95%D7%9C%D7%91%D7%AA-%D7%95%D7%99%D7%A1%D7%A7%D7%95%D7%96%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_332897" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
8751<script> 8752 function initConfigurableSwatchOptions_332897() { 8753 const configurableOptionsComponent = initConfigurableOptions( 8754 '332897', 8755 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"748","label":"\u05dc\u05d1\u05df","products":[]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["332337","332338"]},{"id":"865","label":"\u05e7\u05e4\u05d4","products":[]},{"id":"725","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9","products":["332340","332341","332342"]},{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":[]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["332338","332342"]},{"id":"63","label":"S","products":["332337","332341"]},{"id":"49","label":"M","products":["332340"]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"332337":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332338":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332340":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332341":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332342":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9}},"productId":"332897","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"332337":{"93":"723","147":"63"},"332338":{"93":"723","147":"146"},"332340":{"93":"725","147":"49"},"332341":{"93":"725","147":"63"},"332342":{"93":"725","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"332337":"019KF-99X-S","332338":"019KF-99X-XS","332340":"019KF-MLC-M","332341":"019KF-MLC-S","332342":"019KF-MLC-XS"}} ); 8756 const swatchOptionsComponent = initSwatchOptions({"93":{"725":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/0\/1\/019kf-mlc-999-1-1294514.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/0\/1\/019kf-mlc-999-1-1294514.jpg","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/0\/1\/019kf-99x-999-1-1294513.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/0\/1\/019kf-99x-999-1-1294513.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8757 const colorAttrCode = 93; 8758 const sizeAttrCode = 147; 8759 const colorValue = '725'; 8760 8761 return Object.assign( 8762 configurableOptionsComponent, 8763 swatchOptionsComponent, 8764 { 8765 open: false, 8766 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8767 init() { 8768 const self = this; 8769 window.addEventListener('select-product-332897-option', function(event) { 8770 if(event.detail) { 8771 const {option, value} = event.detail; 8772 self.changeOption(option, value); 8773 } 8774 }) 8775 }, 8776 changeOption(optionId, value, skipUpdateGallery) { 8777 this.selectedValues[optionId] = value; 8778 this.findSimpleIndex(); 8779 this.findAllowedAttributeOptions(); 8780 this.updatePrices(); 8781 !skipUpdateGallery && this.updateGallery(); 8782 }, 8783 toggleOption(optionId, value) { 8784 const optionIsSelected = this.selectedValues[optionId] === value; 8785 8786 if(optionIsSelected) { 8787 this.$el.querySelector('input').checked = false;
8788 this.selectedValues[optionId] = ''; 8789 8790 return; 8791 } 8792 8793 this.changeOption(optionId, value, true); 8794 }, 8795 preSelectColor() { 8796 this.changeOption(colorAttrCode, colorValue, 1); 8797 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 8798 8799 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 8800 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 8801 } 8802 }, 8803 onGetCartData(data) { 8804 this.preSelectColor(); 8805 this.preselectCartItems(data); 8806 this.preselectQuerystringItems(); 8807 this.preselectLocationHashItems(); 8808 }, 8809 updateGallery() { 8810 if (!this.productIndex) { 8811 return; 8812 } 8813 8814 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 8815 method: 'GET', 8816 headers: { 8817 'Content-Type': 'application/json', 8818 'X-Requested-With': 'XMLHttpRequest' 8819 } 8820 } 8821 ).then(response => { 8822 return response.json() 8823 } 8824 ).then(data => { 8825 if (data.errors) { 8826 8827 console.warn(data.errors); 8828 } else { 8829 const image = data && data.medium; 8830 8831 image && window.dispatchEvent( 8832 new CustomEvent( 8833 "update-gallery-332897", 8834 {detail: image} 8835 ) 8836 ); 8837 } 8838 }).catch(error => { 8839 console.warn(error) 8840 }); 8841 }, 8842 preselectQuerystringItems() { 8843 8844 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 8845 Object.values(this.optionConfig.attributes).map(attribute => { 8846 8847 const skipUpdateGallery = true; 8848 8849 if(!urlQueryParams.get(attribute.code)) { 8850 return; 8851 } 8852 const selectedOption = attribute.options.filter(option => { 8853 return option.label === urlQueryParams.get(attribute.code); 8854 })[0]; 8855 8856 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 8857 return; 8858 } 8859 8860 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 8861 }); 8862 }, 8863 preselectItemsBasedOnLocation(getLocationValue) { 8864 Object.values(this.optionConfig.attributes).map(attribute => { 8865 if(!getLocationValue(attribute)) { 8866 return; 8867 } 8868 this.changeOption(attribute.id, getLocationValue(attribute)) 8869 }); 8870 }, 8871 mouseDown: false, 8872 getLabelBySelectedSwatchId(defaultLabel, id) { 8873 if (this.selectedValues[id]) { 8874 return this.getSwatchText(id, this.selectedValues[id]); 8875 } 8876 8877 return defaultLabel; 8878 } 8879 } 8880 ); 8881 }</script>
8881<div x-data="initConfigurableSwatchOptions_332897()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_332897" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-332897-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-332897-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_332897.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_332897.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_332897.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_332897.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 8882 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8883<title>chevron-up</title></svg> 8884</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_332897"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-332897-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
8884" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-332897-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_332897"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8885 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 8886<title>chevron-down</title></svg> 8887</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_332897" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 8888 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 8889<title>chevron-up</title></svg> 8890</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 8891<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 8892<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 8893</svg> 8894</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 8895<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 8896 <g fill="none" fill-rule="evenodd"> 8897 <g transform="translate(1 1)" stroke-width="2"> 8898 <circle cx="5" cy="50" r="5">
8899 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 8900 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 8901 </circle> 8902 <circle cx="27" cy="5" r="5"> 8903 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 8904 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 8905 </circle> 8906 <circle cx="49" cy="50" r="5"> 8907 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 8908 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 8909 </circle> 8910 </g> 8911 </g> 8912<title>loader</title></svg> 8913</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d8\u05d9 \u05e9\u05d9\u05e8\u05d8 \u05de\u05e9\u05d5\u05dc\u05d1\u05ea \u05d5\u05d9\u05e1\u05e7\u05d5\u05d6\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d8\u05d9 \u05e9\u05d9\u05e8\u05d8 \u05de\u05e9\u05d5\u05dc\u05d1\u05ea \u05d5\u05d9\u05e1\u05e7\u05d5\u05d6\u05d4","id":"332897","price":"59.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/019kf-mlc-טי-שירט-משולבת-ויסקוזה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/0/1/019kf-mlc-001-1-1309685.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-332897.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/0/1/019kf-mlc-001-1-1309685.jpg" loading="lazy" width="900" height="1200" alt="טי שירט משולבת ויסקוזה" title="טי שירט משולבת ויסקוזה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/0/1/019kf-mlc-002-1-1309685.jpg" loading="lazy" width="675" height="900" alt="טי שירט משולבת ויסקוזה" title="טי שירט משולבת ויסקוזה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/019kf-mlc-%D7%98%D7%99-%D7%A9%D7%99%D7%A8%D7%98-%D7%9E%D7%A9%D7%95%D7%9C%D7%91%D7%AA-%D7%95%D7%99%D7%A1%D7%A7%D7%95%D7%96%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
8913\u05d8\u05d9 \u05e9\u05d9\u05e8\u05d8 \u05de\u05e9\u05d5\u05dc\u05d1\u05ea \u05d5\u05d9\u05e1\u05e7\u05d5\u05d6\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d8\u05d9 \u05e9\u05d9\u05e8\u05d8 \u05de\u05e9\u05d5\u05dc\u05d1\u05ea \u05d5\u05d9\u05e1\u05e7\u05d5\u05d6\u05d4","id":"332897","price":"59.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/019kf-mlc-טי-שירט-משולבת-ויסקוזה';return false; }});">טי שירט משולבת ויסקוזה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_332897()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/019kf-mlc-%D7%98%D7%99-%D7%A9%D7%99%D7%A8%D7%98-%D7%9E%D7%A9%D7%95%D7%9C%D7%91%D7%AA-%D7%95%D7%99%D7%A1%D7%A7%D7%95%D7%96%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 8914 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 8915<title>arrow-left</title></svg> 8916</a></div>
8916<script> 8917 'use strict'; 8918 function initConfigurablePreview_332897() { 8919 const configurableOptionsComponent = initConfigurableOptions( 8920 '332897', 8921 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"748","label":"\u05dc\u05d1\u05df","products":[]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["332337","332338"]},{"id":"865","label":"\u05e7\u05e4\u05d4","products":[]},{"id":"725","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9","products":["332340","332341","332342"]},{"id":"798","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":[]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["332338","332342"]},{"id":"63","label":"S","products":["332337","332341"]},{"id":"49","label":"M","products":["332340"]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"332337":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332338":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332340":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332341":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}},"332342":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":89.9},"oldPrice":{"amount":89.9},"basePrice":{"amount":59.9},"finalPrice":{"amount":59.9}},"productId":"332897","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"332337":{"93":"723","147":"63"},"332338":{"93":"723","147":"146"},"332340":{"93":"725","147":"49"},"332341":{"93":"725","147":"63"},"332342":{"93":"725","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"332337":"019KF-99X-S","332338":"019KF-99X-XS","332340":"019KF-MLC-M","332341":"019KF-MLC-S","332342":"019KF-MLC-XS"}} ); 8922 8923 const colorAttrCode = 93; 8924 const colorValue = '725'; 8925 8926 const swatchOptionsComponent = initSwatchOptions({"93":{"725":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/0\/1\/019kf-mlc-999-1-1294514.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/0\/1\/019kf-mlc-999-1-1294514.jpg","label":"\u05e6\u05d1\u05e2\u05d5\u05e0\u05d9"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/0\/1\/019kf-99x-999-1-1294513.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/0\/1\/019kf-99x-999-1-1294513.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 8927 8928 return Object.assign( 8929 configurableOptionsComponent, 8930 swatchOptionsComponent, 8931 { 8932 productUrl: "https://reserved-il.com/019kf-mlc-טי-שירט-משולבת-ויסקוזה", 8933 attributeCode: "color", 8934 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 8935 preselectOption() { 8936 this.selectedValues[colorAttrCode] = colorValue; 8937 this.dispatchSelectedOption(colorAttrCode, colorValue); 8938 }, 8939 selectOption(optionId, value) { 8940 this.selectedValues[optionId] = value; 8941 this.dispatchSelectedOption(optionId, value); 8942 }, 8943 dispatchSelectedOption(optionId, value) { 8944 window.dispatchEvent( 8945 new CustomEvent( 8946 "select-product-332897-option", 8947 {detail: {option: optionId, value: value}} 8948 ) 8949 ); 8950 } 8951 } 8952 ) 8953 }</script>
8953 </div><div x-data="initPriceBox__6ac33f9d66132()" @update-prices-332897.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="332897" data-price-box="product-id-332897"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-332897" data-price-amount="59.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">59.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-332897" data-price-amount="89.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">89.90 ₪</span></span> </span></span> </div></div>
8953<script> 8954 function initPriceBox__6ac33f9d66132() 8955 { 8956 return { 8957 updatePrice(priceData) { 8958 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 8959 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 8960 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 8961 regularPriceLabel.classList.add('hidden'); 8962 } else { 8963 regularPriceLabel.classList.remove('hidden'); 8964 } 8965 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 8966 } 8967 } 8968 }</script>
8968</div></form>
8968<script> 8969 function validateSuperAttrs(superAttributeInputs) { 8970 let isValid = true; 8971 8972 superAttributeInputs.forEach(input => { 8973 const value = input.value.trim(); 8974 if (!/^\d+$/.test(value)) { 8975 isValid = false; 8976 } 8977 }); 8978 8979 return isValid; 8980 } 8981 function formSubmitData_332897() { 8982 return { 8983 loading: false, 8984 success: false, 8985 open: false, 8986 form: null, 8987 init: function () { 8988 this.form = this.$el; 8989 }, 8990 ajaxFormSubmit: function () { 8991 const self = this; 8992 const data = new URLSearchParams(new FormData(self.form)); 8993 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 8994 if (!validateSuperAttrs(superAttributeInputs)) { 8995 alert('Please enter a valid number.'); 8996 self.loading = false; 8997 return; 8998 } 8999 fetch(self.form.action, { 9000 method: 'POST', 9001 body: data, 9002 headers: { 9003 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 9004 'X-Requested-With': 'XMLHttpRequest' 9005 } 9006 }).then(res => { 9007 if (!res.ok) { 9008 return self.form.submit(); 9009 } 9010 9011 if (res.redirected) { 9012 return []; 9013 } 9014 9015 return res.json(); 9016 }).then(data => { 9017 if (data.backUrl) { 9018 self.form.submit(); 9019 } 9020 9021 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 9022 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 9023 }).catch(err => { 9024 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 9025 9026 self.setMessage({ 9027 text: 'אירעה שגיאה בהוספת הפריט לסל.', 9028 type: 'error' 9029 }); 9030 }).finally(() => { 9031 let messages = hyva.getCookie('mage-messages'); 9032 self.loading = false; 9033 self.success = true; 9034 try { 9035 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9036 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 9037 } catch (error) { 9038 console.warn('Error parsing Cookie Messages:', error); 9039 return; 9040 } 9041 9042 setTimeout(() => { 9043 messages.forEach(message => { 9044 self.setMessage(message); 9045 }); 9046 }, 1000); 9047 9048 setTimeout(() => { 9049 self.success = false; 9050 self.open = false; 9051 }, 3000); 9052 }); 9053 9054 }, 9055 setMessage: function(message) { 9056 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9057 [message], 5000 9058 ); 9059 }, 9060 submitAddToCartForm(event) { 9061 event.preventDefault(); 9062 9063 this.loading = true; 9064 9065 this.ajaxFormSubmit(); 9066 } 9067 } 9068 }</script>
9068</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/335117/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_335117()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="335117"> <a x-data="{open: false}" href="https://reserved-il.com/228kr-00x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%90%D7%A8%D7%99%D7%92-%D7%9E%D7%9B%D7%95%D7%A4%D7%AA%D7%A8%D7%AA" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_335117" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
9068<script> 9069 function initConfigurableSwatchOptions_335117() { 9070 const configurableOptionsComponent = initConfigurableOptions( 9071 '335117', 9072 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"748","label":"\u05dc\u05d1\u05df","products":["334545","334548","334549"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["334549"]},{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":["334545"]},{"id":"54","label":"XL","products":["334548"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334545":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334548":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334549":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"335117","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334545":{"93":"748","147":"46"},"334548":{"93":"748","147":"54"},"334549":{"93":"748","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334545":"228KR-00X-L","334548":"228KR-00X-XL","334549":"228KR-00X-XS"}} ); 9073 const swatchOptionsComponent = initSwatchOptions({"93":{"748":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/228kr-00x-999-1-1310652.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/228kr-00x-999-1-1310652.jpg","label":"\u05dc\u05d1\u05df"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9074 const colorAttrCode = 93; 9075 const sizeAttrCode = 147; 9076 const colorValue = '748'; 9077 9078 return Object.assign( 9079 configurableOptionsComponent, 9080 swatchOptionsComponent, 9081 { 9082 open: false, 9083 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9084 init() { 9085 const self = this; 9086 window.addEventListener('select-product-335117-option', function(event) { 9087 if(event.detail) { 9088 const {option, value} = event.detail; 9089 self.changeOption(option, value); 9090 } 9091 }) 9092 }, 9093 changeOption(optionId, value, skipUpdateGallery) { 9094 this.selectedValues[optionId] = value; 9095 this.findSimpleIndex(); 9096 this.findAllowedAttributeOptions(); 9097 this.updatePrices(); 9098 !skipUpdateGallery && this.updateGallery(); 9099 }, 9100 toggleOption(optionId, value) { 9101 const optionIsSelected = this.selectedValues[optionId] === value; 9102 9103 if(optionIsSelected) { 9104 this.$el.querySelector('input').checked = false;
9105 this.selectedValues[optionId] = ''; 9106 9107 return; 9108 } 9109 9110 this.changeOption(optionId, value, true); 9111 }, 9112 preSelectColor() { 9113 this.changeOption(colorAttrCode, colorValue, 1); 9114 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 9115 9116 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 9117 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 9118 } 9119 }, 9120 onGetCartData(data) { 9121 this.preSelectColor(); 9122 this.preselectCartItems(data); 9123 this.preselectQuerystringItems(); 9124 this.preselectLocationHashItems(); 9125 }, 9126 updateGallery() { 9127 if (!this.productIndex) { 9128 return; 9129 } 9130 9131 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 9132 method: 'GET', 9133 headers: { 9134 'Content-Type': 'application/json', 9135 'X-Requested-With': 'XMLHttpRequest' 9136 } 9137 } 9138 ).then(response => { 9139 return response.json() 9140 } 9141 ).then(data => { 9142 if (data.errors) { 9143 9144 console.warn(data.errors); 9145 } else { 9146 const image = data && data.medium; 9147 9148 image && window.dispatchEvent( 9149 new CustomEvent( 9150 "update-gallery-335117", 9151 {detail: image} 9152 ) 9153 ); 9154 } 9155 }).catch(error => { 9156 console.warn(error) 9157 }); 9158 }, 9159 preselectQuerystringItems() { 9160 9161 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 9162 Object.values(this.optionConfig.attributes).map(attribute => { 9163 9164 const skipUpdateGallery = true; 9165 9166 if(!urlQueryParams.get(attribute.code)) { 9167 return; 9168 } 9169 const selectedOption = attribute.options.filter(option => { 9170 return option.label === urlQueryParams.get(attribute.code); 9171 })[0]; 9172 9173 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 9174 return; 9175 } 9176 9177 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 9178 }); 9179 }, 9180 preselectItemsBasedOnLocation(getLocationValue) { 9181 Object.values(this.optionConfig.attributes).map(attribute => { 9182 if(!getLocationValue(attribute)) { 9183 return; 9184 } 9185 this.changeOption(attribute.id, getLocationValue(attribute)) 9186 }); 9187 }, 9188 mouseDown: false, 9189 getLabelBySelectedSwatchId(defaultLabel, id) { 9190 if (this.selectedValues[id]) { 9191 return this.getSwatchText(id, this.selectedValues[id]); 9192 } 9193 9194 return defaultLabel; 9195 } 9196 } 9197 ); 9198 }</script>
9198<div x-data="initConfigurableSwatchOptions_335117()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_335117" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-335117-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-335117-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_335117.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_335117.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_335117.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_335117.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 9199 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9200<title>chevron-up</title></svg> 9201</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_335117"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-335117-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
9201" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-335117-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_335117"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9202 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 9203<title>chevron-down</title></svg> 9204</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_335117" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9205 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9206<title>chevron-up</title></svg> 9207</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 9208<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 9209<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 9210</svg> 9211</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 9212<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 9213 <g fill="none" fill-rule="evenodd"> 9214 <g transform="translate(1 1)" stroke-width="2"> 9215 <circle cx="5" cy="50" r="5">
9216 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 9217 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 9218 </circle> 9219 <circle cx="27" cy="5" r="5"> 9220 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 9221 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 9222 </circle> 9223 <circle cx="49" cy="50" r="5"> 9224 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 9225 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 9226 </circle> 9227 </g> 9228 </g> 9229<title>loader</title></svg> 9230</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05d0\u05e8\u05d9\u05d2 \u05de\u05db\u05d5\u05e4\u05ea\u05e8\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05d0\u05e8\u05d9\u05d2 \u05de\u05db\u05d5\u05e4\u05ea\u05e8\u05ea","id":"335117","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/228kr-00x-חולצת-אריג-מכופתרת';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/2/2/228kr-00x-002-1-1310652.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-335117.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/2/2/228kr-00x-002-1-1310652.jpg" loading="lazy" width="900" height="1200" alt="חולצת אריג מכופתרת" title="חולצת אריג מכופתרת"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/2/2/228kr-00x-001-1-1310652.jpg" loading="lazy" width="675" height="900" alt="חולצת אריג מכופתרת" title="חולצת אריג מכופתרת"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/228kr-00x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%90%D7%A8%D7%99%D7%92-%D7%9E%D7%9B%D7%95%D7%A4%D7%AA%D7%A8%D7%AA" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05d0\u05e8\u05d9\u05d2 \u05de\u05db\u05d5\u05e4\u05ea\u05e8\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05d7\u05d5\u05dc\u05e6\u05ea \u05d0\u05e8\u05d9\u05d2 \u05de\u05db\u05d5\u05e4\u05ea\u05e8\u05ea","id":"335117","price":"99.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/228kr-00x-חולצת-אריג-מכופתרת';return false; }});">חולצת אריג מכופתרת</a> <div class="flex items-center justify-start" x-data="init
9230ConfigurablePreview_335117()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/228kr-00x-%D7%97%D7%95%D7%9C%D7%A6%D7%AA-%D7%90%D7%A8%D7%99%D7%92-%D7%9E%D7%9B%D7%95%D7%A4%D7%AA%D7%A8%D7%AA"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 9231 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 9232<title>arrow-left</title></svg> 9233</a></div>
9233<script> 9234 'use strict'; 9235 function initConfigurablePreview_335117() { 9236 const configurableOptionsComponent = initConfigurableOptions( 9237 '335117', 9238 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"748","label":"\u05dc\u05d1\u05df","products":["334545","334548","334549"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["334549"]},{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":["334545"]},{"id":"54","label":"XL","products":["334548"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334545":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334548":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}},"334549":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":99.9},"finalPrice":{"amount":99.9}},"productId":"335117","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334545":{"93":"748","147":"46"},"334548":{"93":"748","147":"54"},"334549":{"93":"748","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334545":"228KR-00X-L","334548":"228KR-00X-XL","334549":"228KR-00X-XS"}} ); 9239 9240 const colorAttrCode = 93; 9241 const colorValue = '748'; 9242 9243 const swatchOptionsComponent = initSwatchOptions({"93":{"748":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/2\/2\/228kr-00x-999-1-1310652.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/2\/2\/228kr-00x-999-1-1310652.jpg","label":"\u05dc\u05d1\u05df"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"46":{"type":"0","value":"L","label":"L"},"54":{"type":"0","value":"XL","label":"XL"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9244 9245 return Object.assign( 9246 configurableOptionsComponent, 9247 swatchOptionsComponent, 9248 { 9249 productUrl: "https://reserved-il.com/228kr-00x-חולצת-אריג-מכופתרת", 9250 attributeCode: "color", 9251 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9252 preselectOption() { 9253 this.selectedValues[colorAttrCode] = colorValue; 9254 this.dispatchSelectedOption(colorAttrCode, colorValue); 9255 }, 9256 selectOption(optionId, value) { 9257 this.selectedValues[optionId] = value; 9258 this.dispatchSelectedOption(optionId, value); 9259 }, 9260 dispatchSelectedOption(optionId, value) { 9261 window.dispatchEvent( 9262 new CustomEvent( 9263 "select-product-335117-option", 9264 {detail: {option: optionId, value: value}} 9265 ) 9266 ); 9267 } 9268 } 9269 ) 9270 }</script>
9270 </div><div x-data="initPriceBox__6ac33f9d72ca3()" @update-prices-335117.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="335117" data-price-box="product-id-335117"> <span class="normal-price has-price-discount"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-335117" data-price-amount="99.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">99.90 ₪</span></span> </span></span> <span class="old-price sly-old-price no-display"> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">מחיר מלא</span> <span id="old-price-335117" data-price-amount="139.9" data-price-type="oldPrice" class="price-wrapper "><span class="price">139.90 ₪</span></span> </span></span> </div></div>
9270<script> 9271 function initPriceBox__6ac33f9d72ca3() 9272 { 9273 return { 9274 updatePrice(priceData) { 9275 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 9276 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 9277 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 9278 regularPriceLabel.classList.add('hidden'); 9279 } else { 9280 regularPriceLabel.classList.remove('hidden'); 9281 } 9282 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 9283 } 9284 } 9285 }</script>
9285</div></form>
9285<script> 9286 function validateSuperAttrs(superAttributeInputs) { 9287 let isValid = true; 9288 9289 superAttributeInputs.forEach(input => { 9290 const value = input.value.trim(); 9291 if (!/^\d+$/.test(value)) { 9292 isValid = false; 9293 } 9294 }); 9295 9296 return isValid; 9297 } 9298 function formSubmitData_335117() { 9299 return { 9300 loading: false, 9301 success: false, 9302 open: false, 9303 form: null, 9304 init: function () { 9305 this.form = this.$el; 9306 }, 9307 ajaxFormSubmit: function () { 9308 const self = this; 9309 const data = new URLSearchParams(new FormData(self.form)); 9310 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 9311 if (!validateSuperAttrs(superAttributeInputs)) { 9312 alert('Please enter a valid number.'); 9313 self.loading = false; 9314 return; 9315 } 9316 fetch(self.form.action, { 9317 method: 'POST', 9318 body: data, 9319 headers: { 9320 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 9321 'X-Requested-With': 'XMLHttpRequest' 9322 } 9323 }).then(res => { 9324 if (!res.ok) { 9325 return self.form.submit(); 9326 } 9327 9328 if (res.redirected) { 9329 return []; 9330 } 9331 9332 return res.json(); 9333 }).then(data => { 9334 if (data.backUrl) { 9335 self.form.submit(); 9336 } 9337 9338 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 9339 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 9340 }).catch(err => { 9341 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 9342 9343 self.setMessage({ 9344 text: 'אירעה שגיאה בהוספת הפריט לסל.', 9345 type: 'error' 9346 }); 9347 }).finally(() => { 9348 let messages = hyva.getCookie('mage-messages'); 9349 self.loading = false; 9350 self.success = true; 9351 try { 9352 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9353 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 9354 } catch (error) { 9355 console.warn('Error parsing Cookie Messages:', error); 9356 return; 9357 } 9358 9359 setTimeout(() => { 9360 messages.forEach(message => { 9361 self.setMessage(message); 9362 }); 9363 }, 1000); 9364 9365 setTimeout(() => { 9366 self.success = false; 9367 self.open = false; 9368 }, 3000); 9369 }); 9370 9371 }, 9372 setMessage: function(message) { 9373 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9374 [message], 5000 9375 ); 9376 }, 9377 submitAddToCartForm(event) { 9378 event.preventDefault(); 9379 9380 this.loading = true; 9381 9382 this.ajaxFormSubmit(); 9383 } 9384 } 9385 }</script>
9385</div> </div> <div class="direction-ltr carousel-nav flex items-center justify-center flex-1 p-4"><button aria-label="הקודם" class="glider-prev w-10 h-10 mr-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M716.8 1024c6.552 0 13.102-2.499 18.101-7.499 9.998-9.997 9.998-26.206 0-36.203l-442.698-442.698 442.698-442.699c9.998-9.997 9.998-26.206 0-36.203s-26.206-9.998-36.203 0l-460.8 460.8c-9.998 9.997-9.998 26.206 0 36.203l460.8 460.8c5 5 11.55 7.499 18.102 7.499z"></path></svg></button> <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div><button aria-label="הבא" class="glider-next w-10 h-10 ml-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M256 1024c-6.552 0-13.102-2.499-18.101-7.499-9.998-9.997-9.998-26.206 0-36.203l442.698-442.698-442.698-442.699c-9.998-9.997-9.998-26.206 0-36.203s26.206-9.998 36.203 0l460.8 460.8c9.998 9.997 9.998 26.206 0 36.203l-460.8 460.8c-5 5-11.55 7.499-18.102 7.499z"></path></svg></button></div></div></div><figure class="desktop-only" data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="MM9MCY1"><a href="https://reserved-il.com/woman/clothes/new-arrival" target="_blank" data-link-type="default" title="NEW WOMEN COLLECTION" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://reserved-il.com/media/wysiwyg/5397_RESERVED_NEW_COLLECTION_1920X823_1.jpg" alt="NEW WOMEN COLLECTION" title="NEW WOMEN COLLECTION" data-element="desktop_image" data-pb-style="HPCEYAR"><img class="pagebuilder-mobile-only" loading="lazy" src="https://reserved-il.com/media/wysiwyg/5397_RESERVED_NEW_COLLECTION_640X6402_1.jpg" alt="NEW WOMEN COLLECTION" title="NEW WOMEN COLLECTION" data-element="mobile_image" data-pb-style="EECGTPL"></a></figure><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="DF1CBV8"><a href="https://reserved-il.com/woman/clothes/trousers" target="_blank" data-link-type="default" title="women trousers" data-element="link"><img class="pagebuilder-mobile-hidden" loading="lazy" src="https://reserved-il.com/media/wysiwyg/trousers_desk.jpg" alt="women trousers" title="women trousers" data-element="desktop_image" data-pb-style="IM173ER"><img class="pagebuilder-mobile-only" loading="lazy" src="https://reserved-il.com/media/wysiwyg/trousers_mobile.jpg" alt="women trousers" title="women trousers" data-element="mobile_image" data-pb-style="FEL9NRH"></a></figure><div data-content-type="products" data-appearance="carousel" data-autoplay="false" data-autoplay-speed="4000" data-infinite-loop="false" data-show-arrows="false" data-show-dots="true" data-carousel-mode="default" data-center-padding="90px" data-element="main" data-pb-style="KIOFF65"> <div dir="ltr" class="glider-contain product-items widget-product-carousel"><div data-role="glider-content" class="mx-auto grid gap-0 sm:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 relative overflow-y-hidden overflow-x-scroll"> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338005/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338005()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338005"> <a x-data="{open: false}" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338005" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1">
9385 <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
9385<script> 9386 function initConfigurableSwatchOptions_338005() { 9387 const configurableOptionsComponent = initConfigurableOptions( 9388 '338005', 9389 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
9389,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338005","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 9390 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9391 const colorAttrCode = 93; 9392 const sizeAttrCode = 147; 9393 const colorValue = '833'; 9394 9395 return Object.assign( 9396 configurableOptionsComponent, 9397 swatchOptionsComponent, 9398 { 9399 open: false, 9400 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9401 init() { 9402 const self = this; 9403 window.addEventListener('select-product-338005-option', function(event) { 9404 if(event.detail) { 9405 const {option, value} = event.detail; 9406 self.changeOption(option, value); 9407 } 9408 }) 9409 }, 9410 changeOption(optionId, value, skipUpdateGallery) { 9411 this.selectedValues[optionId] = value; 9412 this.findSimpleIndex(); 9413 this.findAllowedAttributeOptions(); 9414 this.updatePrices(); 9415 !skipUpdateGallery && this.updateGallery(); 9416 }, 9417 toggleOption(optionId, value) { 9418 const optionIsSelected = this.selectedValues[optionId] === value; 9419 9420 if(optionIsSelected) { 9421 this.$el.querySelector('input').checked = false;
9422 this.selectedValues[optionId] = ''; 9423 9424 return; 9425 } 9426 9427 this.changeOption(optionId, value, true); 9428 }, 9429 preSelectColor() { 9430 this.changeOption(colorAttrCode, colorValue, 1); 9431 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 9432 9433 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 9434 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 9435 } 9436 }, 9437 onGetCartData(data) { 9438 this.preSelectColor(); 9439 this.preselectCartItems(data); 9440 this.preselectQuerystringItems(); 9441 this.preselectLocationHashItems(); 9442 }, 9443 updateGallery() { 9444 if (!this.productIndex) { 9445 return; 9446 } 9447 9448 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 9449 method: 'GET', 9450 headers: { 9451 'Content-Type': 'application/json', 9452 'X-Requested-With': 'XMLHttpRequest' 9453 } 9454 } 9455 ).then(response => { 9456 return response.json() 9457 } 9458 ).then(data => { 9459 if (data.errors) { 9460 9461 console.warn(data.errors); 9462 } else { 9463 const image = data && data.medium; 9464 9465 image && window.dispatchEvent( 9466 new CustomEvent( 9467 "update-gallery-338005", 9468 {detail: image} 9469 ) 9470 ); 9471 } 9472 }).catch(error => { 9473 console.warn(error) 9474 }); 9475 }, 9476 preselectQuerystringItems() { 9477 9478 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 9479 Object.values(this.optionConfig.attributes).map(attribute => { 9480 9481 const skipUpdateGallery = true; 9482 9483 if(!urlQueryParams.get(attribute.code)) { 9484 return; 9485 } 9486 const selectedOption = attribute.options.filter(option => { 9487 return option.label === urlQueryParams.get(attribute.code); 9488 })[0]; 9489 9490 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 9491 return; 9492 } 9493 9494 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 9495 }); 9496 }, 9497 preselectItemsBasedOnLocation(getLocationValue) { 9498 Object.values(this.optionConfig.attributes).map(attribute => { 9499 if(!getLocationValue(attribute)) { 9500 return; 9501 } 9502 this.changeOption(attribute.id, getLocationValue(attribute)) 9503 }); 9504 }, 9505 mouseDown: false, 9506 getLabelBySelectedSwatchId(defaultLabel, id) { 9507 if (this.selectedValues[id]) { 9508 return this.getSwatchText(id, this.selectedValues[id]); 9509 } 9510 9511 return defaultLabel; 9512 } 9513 } 9514 ); 9515 }</script>
9515<div x-data="initConfigurableSwatchOptions_338005()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338005" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338005-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338005-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338005.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338005.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338005.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338005.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 9516 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9517<title>chevron-up</title></svg> 9518</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338005"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338005-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
9518" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338005-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338005"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9519 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 9520<title>chevron-down</title></svg> 9521</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338005" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9522 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9523<title>chevron-up</title></svg> 9524</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 9525<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 9526<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 9527</svg> 9528</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 9529<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 9530 <g fill="none" fill-rule="evenodd"> 9531 <g transform="translate(1 1)" stroke-width="2"> 9532 <circle cx="5" cy="50" r="5">
9533 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 9534 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 9535 </circle> 9536 <circle cx="27" cy="5" r="5"> 9537 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 9538 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 9539 </circle> 9540 <circle cx="49" cy="50" r="5"> 9541 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 9542 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 9543 </circle> 9544 </g> 9545 </g> 9546<title>loader</title></svg> 9547</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
9547\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338005","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/1/314kt-89m-002-1-1319996.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338005.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/1/314kt-89m-002-1-1319996.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/1/314kt-89m-001-1-1319996.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
9547\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338005","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה';return false; }});">מכנסיים רחבים עם חגורה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338005()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/314kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 9548 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 9549<title>arrow-left</title></svg> 9550</a></div>
9550<script> 9551 'use strict'; 9552 function initConfigurablePreview_338005() { 9553 const configurableOptionsComponent = initConfigurableOptions( 9554 '338005', 9555 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
9555,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338005","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 9556 9557 const colorAttrCode = 93; 9558 const colorValue = '833'; 9559 9560 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9561 9562 return Object.assign( 9563 configurableOptionsComponent, 9564 swatchOptionsComponent, 9565 { 9566 productUrl: "https://reserved-il.com/314kt-89m-מכנסיים-רחבים-עם-חגורה", 9567 attributeCode: "color", 9568 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9569 preselectOption() { 9570 this.selectedValues[colorAttrCode] = colorValue; 9571 this.dispatchSelectedOption(colorAttrCode, colorValue); 9572 }, 9573 selectOption(optionId, value) { 9574 this.selectedValues[optionId] = value; 9575 this.dispatchSelectedOption(optionId, value); 9576 }, 9577 dispatchSelectedOption(optionId, value) { 9578 window.dispatchEvent( 9579 new CustomEvent( 9580 "select-product-338005-option", 9581 {detail: {option: optionId, value: value}} 9582 ) 9583 ); 9584 } 9585 } 9586 ) 9587 }</script>
9587 </div><div x-data="initPriceBox__6ac33f9de0d5b()" @update-prices-338005.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338005" data-price-box="product-id-338005"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338005" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
9587<script> 9588 function initPriceBox__6ac33f9de0d5b() 9589 { 9590 return { 9591 updatePrice(priceData) { 9592 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 9593 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 9594 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 9595 regularPriceLabel.classList.add('hidden'); 9596 } else { 9597 regularPriceLabel.classList.remove('hidden'); 9598 } 9599 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 9600 } 9601 } 9602 }</script>
9602</div></form>
9602<script> 9603 function validateSuperAttrs(superAttributeInputs) { 9604 let isValid = true; 9605 9606 superAttributeInputs.forEach(input => { 9607 const value = input.value.trim(); 9608 if (!/^\d+$/.test(value)) { 9609 isValid = false; 9610 } 9611 }); 9612 9613 return isValid; 9614 } 9615 function formSubmitData_338005() { 9616 return { 9617 loading: false, 9618 success: false, 9619 open: false, 9620 form: null, 9621 init: function () { 9622 this.form = this.$el; 9623 }, 9624 ajaxFormSubmit: function () { 9625 const self = this; 9626 const data = new URLSearchParams(new FormData(self.form)); 9627 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 9628 if (!validateSuperAttrs(superAttributeInputs)) { 9629 alert('Please enter a valid number.'); 9630 self.loading = false; 9631 return; 9632 } 9633 fetch(self.form.action, { 9634 method: 'POST', 9635 body: data, 9636 headers: { 9637 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 9638 'X-Requested-With': 'XMLHttpRequest' 9639 } 9640 }).then(res => { 9641 if (!res.ok) { 9642 return self.form.submit(); 9643 } 9644 9645 if (res.redirected) { 9646 return []; 9647 } 9648 9649 return res.json(); 9650 }).then(data => { 9651 if (data.backUrl) { 9652 self.form.submit(); 9653 } 9654 9655 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 9656 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 9657 }).catch(err => { 9658 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 9659 9660 self.setMessage({ 9661 text: 'אירעה שגיאה בהוספת הפריט לסל.', 9662 type: 'error' 9663 }); 9664 }).finally(() => { 9665 let messages = hyva.getCookie('mage-messages'); 9666 self.loading = false; 9667 self.success = true; 9668 try { 9669 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9670 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 9671 } catch (error) { 9672 console.warn('Error parsing Cookie Messages:', error); 9673 return; 9674 } 9675 9676 setTimeout(() => { 9677 messages.forEach(message => { 9678 self.setMessage(message); 9679 }); 9680 }, 1000); 9681 9682 setTimeout(() => { 9683 self.success = false; 9684 self.open = false; 9685 }, 3000); 9686 }); 9687 9688 }, 9689 setMessage: function(message) { 9690 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 9691 [message], 5000 9692 ); 9693 }, 9694 submitAddToCartForm(event) { 9695 event.preventDefault(); 9696 9697 this.loading = true; 9698 9699 this.ajaxFormSubmit(); 9700 } 9701 } 9702 }</script>
9702</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338006/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338006()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338006"> <a x-data="{open: false}" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338006" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
9702<script> 9703 function initConfigurableSwatchOptions_338006() { 9704 const configurableOptionsComponent = initConfigurableOptions( 9705 '338006', 9706 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
9706,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338006","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 9707 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9708 const colorAttrCode = 93; 9709 const sizeAttrCode = 147; 9710 const colorValue = '876'; 9711 9712 return Object.assign( 9713 configurableOptionsComponent, 9714 swatchOptionsComponent, 9715 { 9716 open: false, 9717 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9718 init() { 9719 const self = this; 9720 window.addEventListener('select-product-338006-option', function(event) { 9721 if(event.detail) { 9722 const {option, value} = event.detail; 9723 self.changeOption(option, value); 9724 } 9725 }) 9726 }, 9727 changeOption(optionId, value, skipUpdateGallery) { 9728 this.selectedValues[optionId] = value; 9729 this.findSimpleIndex(); 9730 this.findAllowedAttributeOptions(); 9731 this.updatePrices(); 9732 !skipUpdateGallery && this.updateGallery(); 9733 }, 9734 toggleOption(optionId, value) { 9735 const optionIsSelected = this.selectedValues[optionId] === value; 9736 9737 if(optionIsSelected) { 9738 this.$el.querySelector('input').checked = false;
9739 this.selectedValues[optionId] = ''; 9740 9741 return; 9742 } 9743 9744 this.changeOption(optionId, value, true); 9745 }, 9746 preSelectColor() { 9747 this.changeOption(colorAttrCode, colorValue, 1); 9748 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 9749 9750 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 9751 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 9752 } 9753 }, 9754 onGetCartData(data) { 9755 this.preSelectColor(); 9756 this.preselectCartItems(data); 9757 this.preselectQuerystringItems(); 9758 this.preselectLocationHashItems(); 9759 }, 9760 updateGallery() { 9761 if (!this.productIndex) { 9762 return; 9763 } 9764 9765 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 9766 method: 'GET', 9767 headers: { 9768 'Content-Type': 'application/json', 9769 'X-Requested-With': 'XMLHttpRequest' 9770 } 9771 } 9772 ).then(response => { 9773 return response.json() 9774 } 9775 ).then(data => { 9776 if (data.errors) { 9777 9778 console.warn(data.errors); 9779 } else { 9780 const image = data && data.medium; 9781 9782 image && window.dispatchEvent( 9783 new CustomEvent( 9784 "update-gallery-338006", 9785 {detail: image} 9786 ) 9787 ); 9788 } 9789 }).catch(error => { 9790 console.warn(error) 9791 }); 9792 }, 9793 preselectQuerystringItems() { 9794 9795 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 9796 Object.values(this.optionConfig.attributes).map(attribute => { 9797 9798 const skipUpdateGallery = true; 9799 9800 if(!urlQueryParams.get(attribute.code)) { 9801 return; 9802 } 9803 const selectedOption = attribute.options.filter(option => { 9804 return option.label === urlQueryParams.get(attribute.code); 9805 })[0]; 9806 9807 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 9808 return; 9809 } 9810 9811 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 9812 }); 9813 }, 9814 preselectItemsBasedOnLocation(getLocationValue) { 9815 Object.values(this.optionConfig.attributes).map(attribute => { 9816 if(!getLocationValue(attribute)) { 9817 return; 9818 } 9819 this.changeOption(attribute.id, getLocationValue(attribute)) 9820 }); 9821 }, 9822 mouseDown: false, 9823 getLabelBySelectedSwatchId(defaultLabel, id) { 9824 if (this.selectedValues[id]) { 9825 return this.getSwatchText(id, this.selectedValues[id]); 9826 } 9827 9828 return defaultLabel; 9829 } 9830 } 9831 ); 9832 }</script>
9832<div x-data="initConfigurableSwatchOptions_338006()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338006" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338006-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338006-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338006.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338006.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338006.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338006.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 9833 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9834<title>chevron-up</title></svg> 9835</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338006"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338006-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
9835" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338006-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338006"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9836 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 9837<title>chevron-down</title></svg> 9838</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338006" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 9839 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 9840<title>chevron-up</title></svg> 9841</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 9842<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 9843<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 9844</svg> 9845</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 9846<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 9847 <g fill="none" fill-rule="evenodd"> 9848 <g transform="translate(1 1)" stroke-width="2"> 9849 <circle cx="5" cy="50" r="5">
9850 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 9851 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 9852 </circle> 9853 <circle cx="27" cy="5" r="5"> 9854 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 9855 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 9856 </circle> 9857 <circle cx="49" cy="50" r="5"> 9858 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 9859 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 9860 </circle> 9861 </g> 9862 </g> 9863<title>loader</title></svg> 9864</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
9864\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338006","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/1/314kt-90m-001-1-1319997.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338006.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/1/314kt-90m-001-1-1319997.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/1/314kt-90m-002-1-1319997.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים עם חגורה" title="מכנסיים רחבים עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
9864\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"338006","price":"179.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה';return false; }});">מכנסיים רחבים עם חגורה</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338006()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/314kt-90m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 9865 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 9866<title>arrow-left</title></svg> 9867</a></div>
9867<script> 9868 'use strict'; 9869 function initConfigurablePreview_338006() { 9870 const configurableOptionsComponent = initConfigurableOptions( 9871 '338006', 9872 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"844","label":"\u05d7\u05d5\u05dc","products":["337394","337395","337396","337397","337398"]},{"id":"876","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["337410","337411","337412","337413","337414"]},{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["337399","337400","337401","337402","337403","337404"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337405","337406","337407","337409"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["337394","337399","337405","337410"]},{"id":"324","label":"36","products":["337395","337400","337406","337411"]},{"id":"104","label":"38","products":["337396","337401","337407","337412"]},{"id":"79","label":"40","products":["337397","337402","337413"]},{"id":"70","label":"42","products":["337398","337403","337409","337414"]},{"id":"62","label":"44","products":["337404"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337394":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337395":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337396":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337397":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337398":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337399":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337400":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337401":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337402":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337403":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337404":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337405":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337406":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337407":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337409":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337410":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}
9872,"337411":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337412":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337413":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337414":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":179.9},"oldPrice":{"amount":179.9},"basePrice":{"amount":179.9},"finalPrice":{"amount":179.9}},"productId":"338006","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337394":{"93":"844","147":"322"},"337395":{"93":"844","147":"324"},"337396":{"93":"844","147":"104"},"337397":{"93":"844","147":"79"},"337398":{"93":"844","147":"70"},"337399":{"93":"735","147":"322"},"337400":{"93":"735","147":"324"},"337401":{"93":"735","147":"104"},"337402":{"93":"735","147":"79"},"337403":{"93":"735","147":"70"},"337404":{"93":"735","147":"62"},"337405":{"93":"833","147":"322"},"337406":{"93":"833","147":"324"},"337407":{"93":"833","147":"104"},"337409":{"93":"833","147":"70"},"337410":{"93":"876","147":"322"},"337411":{"93":"876","147":"324"},"337412":{"93":"876","147":"104"},"337413":{"93":"876","147":"79"},"337414":{"93":"876","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337394":"314KT-08M-34","337395":"314KT-08M-36","337396":"314KT-08M-38","337397":"314KT-08M-40","337398":"314KT-08M-42","337399":"314KT-09M-34","337400":"314KT-09M-36","337401":"314KT-09M-38","337402":"314KT-09M-40","337403":"314KT-09M-42","337404":"314KT-09M-44","337405":"314KT-89M-34","337406":"314KT-89M-36","337407":"314KT-89M-38","337409":"314KT-89M-42","337410":"314KT-90M-34","337411":"314KT-90M-36","337412":"314KT-90M-38","337413":"314KT-90M-40","337414":"314KT-90M-42"}} ); 9873 9874 const colorAttrCode = 93; 9875 const colorValue = '876'; 9876 9877 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-09m-999-1-1322277.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-09m-999-1-1322277.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"876":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-90m-999-1-1319997.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-90m-999-1-1319997.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"844":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-08m-999-1-1322278.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-08m-999-1-1322278.jpg","label":"\u05d7\u05d5\u05dc"},"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/1\/314kt-89m-999-1-1319996.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/1\/314kt-89m-999-1-1319996.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"62":{"type":"0","value":"44","label":"44"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 9878 9879 return Object.assign( 9880 configurableOptionsComponent, 9881 swatchOptionsComponent, 9882 { 9883 productUrl: "https://reserved-il.com/314kt-90m-מכנסיים-רחבים-עם-חגורה", 9884 attributeCode: "color", 9885 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 9886 preselectOption() { 9887 this.selectedValues[colorAttrCode] = colorValue; 9888 this.dispatchSelectedOption(colorAttrCode, colorValue); 9889 }, 9890 selectOption(optionId, value) { 9891 this.selectedValues[optionId] = value; 9892 this.dispatchSelectedOption(optionId, value); 9893 }, 9894 dispatchSelectedOption(optionId, value) { 9895 window.dispatchEvent( 9896 new CustomEvent( 9897 "select-product-338006-option", 9898 {detail: {option: optionId, value: value}} 9899 ) 9900 ); 9901 } 9902 } 9903 ) 9904 }</script>
9904 </div><div x-data="initPriceBox__6ac33f9de2c24()" @update-prices-338006.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338006" data-price-box="product-id-338006"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338006" data-price-amount="179.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">179.90 ₪</span></span> </span></span> </div></div>
9904<script> 9905 function initPriceBox__6ac33f9de2c24() 9906 { 9907 return { 9908 updatePrice(priceData) { 9909 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 9910 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 9911 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 9912 regularPriceLabel.classList.add('hidden'); 9913 } else { 9914 regularPriceLabel.classList.remove('hidden'); 9915 } 9916 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 9917 } 9918 } 9919 }</script>
9919</div></form>
9919<script> 9920 function validateSuperAttrs(superAttributeInputs) { 9921 let isValid = true; 9922 9923 superAttributeInputs.forEach(input => { 9924 const value = input.value.trim(); 9925 if (!/^\d+$/.test(value)) { 9926 isValid = false; 9927 } 9928 }); 9929 9930 return isValid; 9931 } 9932 function formSubmitData_338006() { 9933 return { 9934 loading: false, 9935 success: false, 9936 open: false, 9937 form: null, 9938 init: function () { 9939 this.form = this.$el; 9940 }, 9941 ajaxFormSubmit: function () { 9942 const self = this; 9943 const data = new URLSearchParams(new FormData(self.form)); 9944 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 9945 if (!validateSuperAttrs(superAttributeInputs)) { 9946 alert('Please enter a valid number.'); 9947 self.loading = false; 9948 return; 9949 } 9950 fetch(self.form.action, { 9951 method: 'POST', 9952 body: data, 9953 headers: { 9954 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 9955 'X-Requested-With': 'XMLHttpRequest' 9956 } 9957 }).then(res => { 9958 if (!res.ok) { 9959 return self.form.submit(); 9960 } 9961 9962 if (res.redirected) { 9963 return []; 9964 } 9965 9966 return res.json(); 9967 }).then(data => { 9968 if (data.backUrl) { 9969 self.form.submit(); 9970 } 9971 9972 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 9973 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 9974 }).catch(err => { 9975 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 9976 9977 self.setMessage({ 9978 text: 'אירעה שגיאה בהוספת הפריט לסל.', 9979 type: 'error' 9980 }); 9981 }).finally(() => { 9982 let messages = hyva.getCookie('mage-messages'); 9983 self.loading = false; 9984 self.success = true; 9985 try { 9986 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 9987 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 9988 } catch (error) { 9989 console.warn('Error parsing Cookie Messages:', error); 9990 return; 9991 } 9992 9993 setTimeout(() => { 9994 messages.forEach(message => { 9995 self.setMessage(message); 9996 }); 9997 }, 1000); 9998 9999 setTimeout(() => { 10000 self.success = false; 10001 self.open = false; 10002 }, 3000); 10003 }); 10004 10005 }, 10006 setMessage: function(message) { 10007 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10008 [message], 5000 10009 ); 10010 }, 10011 submitAddToCartForm(event) { 10012 event.preventDefault(); 10013 10014 this.loading = true; 10015 10016 this.ajaxFormSubmit(); 10017 } 10018 } 10019 }</script>
10019</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/338012/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_338012()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="338012"> <a x-data="{open: false}" href="https://reserved-il.com/324kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_338012" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
10019<script> 10020 function initConfigurableSwatchOptions_338012() { 10021 const configurableOptionsComponent = initConfigurableOptions( 10022 '338012', 10023 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337444","337445","337447"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337447"]},{"id":"63","label":"S","products":["337445"]},{"id":"49","label":"M","products":["337444"]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337444":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337445":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337447":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"338012","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337444":{"93":"833","147":"49"},"337445":{"93":"833","147":"63"},"337447":{"93":"833","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337444":"324KT-89M-M","337445":"324KT-89M-S","337447":"324KT-89M-XS"}} ); 10024 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/2\/324kt-89m-999-1-1319998.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/2\/324kt-89m-999-1-1319998.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10025 const colorAttrCode = 93; 10026 const sizeAttrCode = 147; 10027 const colorValue = '833'; 10028 10029 return Object.assign( 10030 configurableOptionsComponent, 10031 swatchOptionsComponent, 10032 { 10033 open: false, 10034 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10035 init() { 10036 const self = this; 10037 window.addEventListener('select-product-338012-option', function(event) { 10038 if(event.detail) { 10039 const {option, value} = event.detail; 10040 self.changeOption(option, value); 10041 } 10042 }) 10043 }, 10044 changeOption(optionId, value, skipUpdateGallery) { 10045 this.selectedValues[optionId] = value; 10046 this.findSimpleIndex(); 10047 this.findAllowedAttributeOptions(); 10048 this.updatePrices(); 10049 !skipUpdateGallery && this.updateGallery(); 10050 }, 10051 toggleOption(optionId, value) { 10052 const optionIsSelected = this.selectedValues[optionId] === value; 10053 10054 if(optionIsSelected) { 10055 this.$el.querySelector('input').checked = false;
10056 this.selectedValues[optionId] = ''; 10057 10058 return; 10059 } 10060 10061 this.changeOption(optionId, value, true); 10062 }, 10063 preSelectColor() { 10064 this.changeOption(colorAttrCode, colorValue, 1); 10065 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 10066 10067 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 10068 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 10069 } 10070 }, 10071 onGetCartData(data) { 10072 this.preSelectColor(); 10073 this.preselectCartItems(data); 10074 this.preselectQuerystringItems(); 10075 this.preselectLocationHashItems(); 10076 }, 10077 updateGallery() { 10078 if (!this.productIndex) { 10079 return; 10080 } 10081 10082 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 10083 method: 'GET', 10084 headers: { 10085 'Content-Type': 'application/json', 10086 'X-Requested-With': 'XMLHttpRequest' 10087 } 10088 } 10089 ).then(response => { 10090 return response.json() 10091 } 10092 ).then(data => { 10093 if (data.errors) { 10094 10095 console.warn(data.errors); 10096 } else { 10097 const image = data && data.medium; 10098 10099 image && window.dispatchEvent( 10100 new CustomEvent( 10101 "update-gallery-338012", 10102 {detail: image} 10103 ) 10104 ); 10105 } 10106 }).catch(error => { 10107 console.warn(error) 10108 }); 10109 }, 10110 preselectQuerystringItems() { 10111 10112 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 10113 Object.values(this.optionConfig.attributes).map(attribute => { 10114 10115 const skipUpdateGallery = true; 10116 10117 if(!urlQueryParams.get(attribute.code)) { 10118 return; 10119 } 10120 const selectedOption = attribute.options.filter(option => { 10121 return option.label === urlQueryParams.get(attribute.code); 10122 })[0]; 10123 10124 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 10125 return; 10126 } 10127 10128 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 10129 }); 10130 }, 10131 preselectItemsBasedOnLocation(getLocationValue) { 10132 Object.values(this.optionConfig.attributes).map(attribute => { 10133 if(!getLocationValue(attribute)) { 10134 return; 10135 } 10136 this.changeOption(attribute.id, getLocationValue(attribute)) 10137 }); 10138 }, 10139 mouseDown: false, 10140 getLabelBySelectedSwatchId(defaultLabel, id) { 10141 if (this.selectedValues[id]) { 10142 return this.getSwatchText(id, this.selectedValues[id]); 10143 } 10144 10145 return defaultLabel; 10146 } 10147 } 10148 ); 10149 }</script>
10149<div x-data="initConfigurableSwatchOptions_338012()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_338012" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-338012-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-338012-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_338012.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_338012.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_338012.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_338012.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 10150 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10151<title>chevron-up</title></svg> 10152</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_338012"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-338012-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
10152" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-338012-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_338012"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10153 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 10154<title>chevron-down</title></svg> 10155</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_338012" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10156 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10157<title>chevron-up</title></svg> 10158</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 10159<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 10160<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 10161</svg> 10162</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 10163<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 10164 <g fill="none" fill-rule="evenodd"> 10165 <g transform="translate(1 1)" stroke-width="2"> 10166 <circle cx="5" cy="50" r="5">
10167 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 10168 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 10169 </circle> 10170 <circle cx="27" cy="5" r="5"> 10171 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 10172 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 10173 </circle> 10174 <circle cx="49" cy="50" r="5"> 10175 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 10176 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 10177 </circle> 10178 </g> 10179 </g> 10180<title>loader</title></svg> 10181</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
10181\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","id":"338012","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/324kt-89m-מכנסיים-רחבים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/3/2/324kt-89m-001-1-1319998.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-338012.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/3/2/324kt-89m-001-1-1319998.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים רחבים" title="מכנסיים רחבים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/3/2/324kt-89m-002-1-1319998.jpg" loading="lazy" width="675" height="900" alt="מכנסיים רחבים" title="מכנסיים רחבים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/324kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"
10181\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05e8\u05d7\u05d1\u05d9\u05dd","id":"338012","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/324kt-89m-מכנסיים-רחבים';return false; }});">מכנסיים רחבים</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_338012()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/324kt-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%A8%D7%97%D7%91%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 10182 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 10183<title>arrow-left</title></svg> 10184</a></div>
10184<script> 10185 'use strict'; 10186 function initConfigurablePreview_338012() { 10187 const configurableOptionsComponent = initConfigurableOptions( 10188 '338012', 10189 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["337444","337445","337447"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["337447"]},{"id":"63","label":"S","products":["337445"]},{"id":"49","label":"M","products":["337444"]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"337444":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337445":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"337447":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"338012","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"337444":{"93":"833","147":"49"},"337445":{"93":"833","147":"63"},"337447":{"93":"833","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"337444":"324KT-89M-M","337445":"324KT-89M-S","337447":"324KT-89M-XS"}} ); 10190 10191 const colorAttrCode = 93; 10192 const colorValue = '833'; 10193 10194 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/3\/2\/324kt-89m-999-1-1319998.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/3\/2\/324kt-89m-999-1-1319998.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10195 10196 return Object.assign( 10197 configurableOptionsComponent, 10198 swatchOptionsComponent, 10199 { 10200 productUrl: "https://reserved-il.com/324kt-89m-מכנסיים-רחבים", 10201 attributeCode: "color", 10202 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10203 preselectOption() { 10204 this.selectedValues[colorAttrCode] = colorValue; 10205 this.dispatchSelectedOption(colorAttrCode, colorValue); 10206 }, 10207 selectOption(optionId, value) { 10208 this.selectedValues[optionId] = value; 10209 this.dispatchSelectedOption(optionId, value); 10210 }, 10211 dispatchSelectedOption(optionId, value) { 10212 window.dispatchEvent( 10213 new CustomEvent( 10214 "select-product-338012-option", 10215 {detail: {option: optionId, value: value}} 10216 ) 10217 ); 10218 } 10219 } 10220 ) 10221 }</script>
10221 </div><div x-data="initPriceBox__6ac33f9de4913()" @update-prices-338012.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="338012" data-price-box="product-id-338012"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-338012" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
10221<script> 10222 function initPriceBox__6ac33f9de4913() 10223 { 10224 return { 10225 updatePrice(priceData) { 10226 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 10227 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 10228 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 10229 regularPriceLabel.classList.add('hidden'); 10230 } else { 10231 regularPriceLabel.classList.remove('hidden'); 10232 } 10233 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 10234 } 10235 } 10236 }</script>
10236</div></form>
10236<script> 10237 function validateSuperAttrs(superAttributeInputs) { 10238 let isValid = true; 10239 10240 superAttributeInputs.forEach(input => { 10241 const value = input.value.trim(); 10242 if (!/^\d+$/.test(value)) { 10243 isValid = false; 10244 } 10245 }); 10246 10247 return isValid; 10248 } 10249 function formSubmitData_338012() { 10250 return { 10251 loading: false, 10252 success: false, 10253 open: false, 10254 form: null, 10255 init: function () { 10256 this.form = this.$el; 10257 }, 10258 ajaxFormSubmit: function () { 10259 const self = this; 10260 const data = new URLSearchParams(new FormData(self.form)); 10261 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 10262 if (!validateSuperAttrs(superAttributeInputs)) { 10263 alert('Please enter a valid number.'); 10264 self.loading = false; 10265 return; 10266 } 10267 fetch(self.form.action, { 10268 method: 'POST', 10269 body: data, 10270 headers: { 10271 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 10272 'X-Requested-With': 'XMLHttpRequest' 10273 } 10274 }).then(res => { 10275 if (!res.ok) { 10276 return self.form.submit(); 10277 } 10278 10279 if (res.redirected) { 10280 return []; 10281 } 10282 10283 return res.json(); 10284 }).then(data => { 10285 if (data.backUrl) { 10286 self.form.submit(); 10287 } 10288 10289 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 10290 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 10291 }).catch(err => { 10292 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 10293 10294 self.setMessage({ 10295 text: 'אירעה שגיאה בהוספת הפריט לסל.', 10296 type: 'error' 10297 }); 10298 }).finally(() => { 10299 let messages = hyva.getCookie('mage-messages'); 10300 self.loading = false; 10301 self.success = true; 10302 try { 10303 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 10304 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 10305 } catch (error) { 10306 console.warn('Error parsing Cookie Messages:', error); 10307 return; 10308 } 10309 10310 setTimeout(() => { 10311 messages.forEach(message => { 10312 self.setMessage(message); 10313 }); 10314 }, 1000); 10315 10316 setTimeout(() => { 10317 self.success = false; 10318 self.open = false; 10319 }, 3000); 10320 }); 10321 10322 }, 10323 setMessage: function(message) { 10324 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10325 [message], 5000 10326 ); 10327 }, 10328 submitAddToCartForm(event) { 10329 event.preventDefault(); 10330 10331 this.loading = true; 10332 10333 this.ajaxFormSubmit(); 10334 } 10335 } 10336 }</script>
10336</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/335178/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_335178()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="335178"> <a x-data="{open: false}" href="https://reserved-il.com/787ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_335178" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
10336<script> 10337 function initConfigurableSwatchOptions_335178() { 10338 const configurableOptionsComponent = initConfigurableOptions( 10339 '335178', 10340 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":[]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["334990"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["334990"]},{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334990":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"335178","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334990":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334990":"787KE-99X-XS"}} ); 10341 const swatchOptionsComponent = initSwatchOptions({"93":{"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/7\/8\/787ke-99x-999-1-1301415.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/7\/8\/787ke-99x-999-1-1301415.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10342 const colorAttrCode = 93; 10343 const sizeAttrCode = 147; 10344 const colorValue = '723'; 10345 10346 return Object.assign( 10347 configurableOptionsComponent, 10348 swatchOptionsComponent, 10349 { 10350 open: false, 10351 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10352 init() { 10353 const self = this; 10354 window.addEventListener('select-product-335178-option', function(event) { 10355 if(event.detail) { 10356 const {option, value} = event.detail; 10357 self.changeOption(option, value); 10358 } 10359 }) 10360 }, 10361 changeOption(optionId, value, skipUpdateGallery) { 10362 this.selectedValues[optionId] = value; 10363 this.findSimpleIndex(); 10364 this.findAllowedAttributeOptions(); 10365 this.updatePrices(); 10366 !skipUpdateGallery && this.updateGallery(); 10367 }, 10368 toggleOption(optionId, value) { 10369 const optionIsSelected = this.selectedValues[optionId] === value; 10370 10371 if(optionIsSelected) { 10372 this.$el.querySelector('input').checked = false; 10373 this.selectedValues[optionId] = ''; 10374 10375 return; 10376 } 10377 10378 this.changeOption(optionId, value, true); 10379 }, 10380 preSelectColor() { 10381 this.changeOption(colorAttrCode, colorValue, 1); 10382 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 10383 10384 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 10385 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 10386 } 10387 }, 10388 onGetCartData(data) { 10389 this.preSelectColor(); 10390 this.preselectCartItems(data); 10391 this.preselectQuerystringItems(); 10392 this.preselectLocationHashItems(); 10393 }, 10394 updateGallery() { 10395 if (!this.productIndex) { 10396 return; 10397 } 10398 10399 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 10400 method: 'GET', 10401 headers: { 10402 'Content-Type': 'application/json', 10403 'X-Requested-With': 'XMLHttpRequest' 10404 } 10405 } 10406 ).then(response => { 10407 return response.json() 10408 } 10409 ).then(data => { 10410 if (data.errors) { 10411 10412 console.warn(data.errors); 10413 } else { 10414 const image = data && data.medium; 10415 10416 image && window.dispatchEvent( 10417 new CustomEvent( 10418 "update-gallery-335178", 10419 {detail: image} 10420 ) 10421 ); 10422 } 10423 }).catch(error => { 10424 console.warn(error) 10425 }); 10426 }, 10427 preselectQuerystringItems() { 10428 10429 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 10430 Object.values(this.optionConfig.attributes).map(attribute => { 10431 10432 const skipUpdateGallery = true; 10433 10434 if(!urlQueryParams.get(attribute.code)) { 10435 return; 10436 } 10437 const selectedOption = attribute.options.filter(option => { 10438 return option.label === urlQueryParams.get(attribute.code); 10439 })[0]; 10440 10441 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 10442 return; 10443 } 10444 10445 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 10446 }); 10447 }, 10448 preselectItemsBasedOnLocation(getLocationValue) { 10449 Object.values(this.optionConfig.attributes).map(attribute => { 10450 if(!getLocationValue(attribute)) { 10451 return; 10452 } 10453 this.changeOption(attribute.id, getLocationValue(attribute)) 10454 }); 10455 }, 10456 mouseDown: false, 10457 getLabelBySelectedSwatchId(defaultLabel, id) { 10458 if (this.selectedValues[id]) {
10459 return this.getSwatchText(id, this.selectedValues[id]); 10460 } 10461 10462 return defaultLabel; 10463 } 10464 } 10465 ); 10466 }</script>
10466<div x-data="initConfigurableSwatchOptions_335178()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_335178" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-335178-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-335178-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_335178.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_335178.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_335178.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_335178.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 10467 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10468<title>chevron-up</title></svg> 10469</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_335178"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-335178-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
10469" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-335178-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_335178"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10470 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 10471<title>chevron-down</title></svg> 10472</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_335178" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10473 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10474<title>chevron-up</title></svg> 10475</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 10476<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 10477<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 10478</svg> 10479</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 10480<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 10481 <g fill="none" fill-rule="evenodd"> 10482 <g transform="translate(1 1)" stroke-width="2"> 10483 <circle cx="5" cy="50" r="5">
10484 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 10485 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 10486 </circle> 10487 <circle cx="27" cy="5" r="5"> 10488 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 10489 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 10490 </circle> 10491 <circle cx="49" cy="50" r="5"> 10492 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 10493 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 10494 </circle> 10495 </g> 10496 </g> 10497<title>loader</title></svg> 10498</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05ea Barrel \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05ea Barrel \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"335178","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/787ke-99x-מכנסיים-בגזרת-barrel-עם-חגורה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/7/8/787ke-99x-002-1-1301415.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-335178.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/7/8/787ke-99x-002-1-1301415.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים בגזרת Barrel עם חגורה" title="מכנסיים בגזרת Barrel עם חגורה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/7/8/787ke-99x-001-1-1301415.jpg" loading="lazy" width="675" height="900" alt="מכנסיים בגזרת Barrel עם חגורה" title="מכנסיים בגזרת Barrel עם חגורה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/787ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05ea Barrel \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05ea Barrel \u05e2\u05dd \u05d7\u05d2\u05d5\u05e8\u05d4","id":"335178","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/787ke-99x-מכנסיים-בגזרת-barrel-עם-חגורה';return false; }});">מכנסיים בגזרת Barrel עם חגורה</a> <div class="flex items-center justify-start" x-data="init
10498ConfigurablePreview_335178()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/787ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%AA-barrel-%D7%A2%D7%9D-%D7%97%D7%92%D7%95%D7%A8%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 10499 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 10500<title>arrow-left</title></svg> 10501</a></div>
10501<script> 10502 'use strict'; 10503 function initConfigurablePreview_335178() { 10504 const configurableOptionsComponent = initConfigurableOptions( 10505 '335178', 10506 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"836","label":"\u05e2\u05e8\u05de\u05d5\u05e0\u05d9","products":[]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["334990"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["334990"]},{"id":"63","label":"S","products":[]},{"id":"49","label":"M","products":[]},{"id":"46","label":"L","products":[]},{"id":"54","label":"XL","products":[]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"334990":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"335178","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"334990":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"334990":"787KE-99X-XS"}} ); 10507 10508 const colorAttrCode = 93; 10509 const colorValue = '723'; 10510 10511 const swatchOptionsComponent = initSwatchOptions({"93":{"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/7\/8\/787ke-99x-999-1-1301415.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/7\/8\/787ke-99x-999-1-1301415.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10512 10513 return Object.assign( 10514 configurableOptionsComponent, 10515 swatchOptionsComponent, 10516 { 10517 productUrl: "https://reserved-il.com/787ke-99x-מכנסיים-בגזרת-barrel-עם-חגורה", 10518 attributeCode: "color", 10519 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10520 preselectOption() { 10521 this.selectedValues[colorAttrCode] = colorValue; 10522 this.dispatchSelectedOption(colorAttrCode, colorValue); 10523 }, 10524 selectOption(optionId, value) { 10525 this.selectedValues[optionId] = value; 10526 this.dispatchSelectedOption(optionId, value); 10527 }, 10528 dispatchSelectedOption(optionId, value) { 10529 window.dispatchEvent( 10530 new CustomEvent( 10531 "select-product-335178-option", 10532 {detail: {option: optionId, value: value}} 10533 ) 10534 ); 10535 } 10536 } 10537 ) 10538 }</script>
10538 </div><div x-data="initPriceBox__6ac33f9dee408()" @update-prices-335178.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="335178" data-price-box="product-id-335178"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-335178" data-price-amount="139.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">139.90 ₪</span></span> </span></span> </div></div>
10538<script> 10539 function initPriceBox__6ac33f9dee408() 10540 { 10541 return { 10542 updatePrice(priceData) { 10543 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 10544 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 10545 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 10546 regularPriceLabel.classList.add('hidden'); 10547 } else { 10548 regularPriceLabel.classList.remove('hidden'); 10549 } 10550 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 10551 } 10552 } 10553 }</script>
10553</div></form>
10553<script> 10554 function validateSuperAttrs(superAttributeInputs) { 10555 let isValid = true; 10556 10557 superAttributeInputs.forEach(input => { 10558 const value = input.value.trim(); 10559 if (!/^\d+$/.test(value)) { 10560 isValid = false; 10561 } 10562 }); 10563 10564 return isValid; 10565 } 10566 function formSubmitData_335178() { 10567 return { 10568 loading: false, 10569 success: false, 10570 open: false, 10571 form: null, 10572 init: function () { 10573 this.form = this.$el; 10574 }, 10575 ajaxFormSubmit: function () { 10576 const self = this; 10577 const data = new URLSearchParams(new FormData(self.form)); 10578 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 10579 if (!validateSuperAttrs(superAttributeInputs)) { 10580 alert('Please enter a valid number.'); 10581 self.loading = false; 10582 return; 10583 } 10584 fetch(self.form.action, { 10585 method: 'POST', 10586 body: data, 10587 headers: { 10588 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 10589 'X-Requested-With': 'XMLHttpRequest' 10590 } 10591 }).then(res => { 10592 if (!res.ok) { 10593 return self.form.submit(); 10594 } 10595 10596 if (res.redirected) { 10597 return []; 10598 } 10599 10600 return res.json(); 10601 }).then(data => { 10602 if (data.backUrl) { 10603 self.form.submit(); 10604 } 10605 10606 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 10607 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 10608 }).catch(err => { 10609 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 10610 10611 self.setMessage({ 10612 text: 'אירעה שגיאה בהוספת הפריט לסל.', 10613 type: 'error' 10614 }); 10615 }).finally(() => { 10616 let messages = hyva.getCookie('mage-messages'); 10617 self.loading = false; 10618 self.success = true; 10619 try { 10620 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 10621 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 10622 } catch (error) { 10623 console.warn('Error parsing Cookie Messages:', error); 10624 return; 10625 } 10626 10627 setTimeout(() => { 10628 messages.forEach(message => { 10629 self.setMessage(message); 10630 }); 10631 }, 1000); 10632 10633 setTimeout(() => { 10634 self.success = false; 10635 self.open = false; 10636 }, 3000); 10637 }); 10638 10639 }, 10640 setMessage: function(message) { 10641 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10642 [message], 5000 10643 ); 10644 }, 10645 submitAddToCartForm(event) { 10646 event.preventDefault(); 10647 10648 this.loading = true; 10649 10650 this.ajaxFormSubmit(); 10651 } 10652 } 10653 }</script>
10653</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342221/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342221()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342221"> <a x-data="{open: false}" href="https://reserved-il.com/929kz-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342221" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
10653<script> 10654 function initConfigurableSwatchOptions_342221() { 10655 const configurableOptionsComponent = initConfigurableOptions( 10656 '342221', 10657 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341973","341974","341975","341976","341977"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["341969","341970","341971","341972"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["341973"]},{"id":"324","label":"36","products":["341969","341974"]},{"id":"104","label":"38","products":["341970","341975"]},{"id":"79","label":"40","products":["341971","341976"]},{"id":"70","label":"42","products":["341972","341977"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341969":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341970":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341971":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341972":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341973":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341974":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341975":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341976":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341977":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"342221","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341969":{"93":"833","147":"324"},"341970":{"93":"833","147":"104"},"341971":{"93":"833","147":"79"},"341972":{"93":"833","147":"70"},"341973":{"93":"723","147":"322"},"341974":{"93":"723","147":"324"},"341975":{"93":"723","147":"104"},"341976":{"93":"723","147":"79"},"341977":{"93":"723","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341969":"929KZ-89M-36","341970":"929KZ-89M-38","341971":"929KZ-89M-40","341972":"929KZ-89M-42","341973":"929KZ-99X-34","341974":"929KZ-99X-36","341975":"929KZ-99X-38","341976":"929KZ-99X-40","341977":"929KZ-99X-42"}} ); 10658 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-89m-999-1-1323481.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-89m-999-1-1323481.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-99x-999-1-1327977.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-99x-999-1-1327977.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10659 const colorAttrCode = 93; 10660 const sizeAttrCode = 147; 10661 const colorValue = '833'; 10662 10663 return Object.assign( 10664 configurableOptionsComponent, 10665 swatchOptionsComponent, 10666 { 10667 open: false, 10668 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10669 init() { 10670 const self = this; 10671 window.addEventListener('select-product-342221-option', function(event) { 10672 if(event.detail) { 10673 const {option, value} = event.detail; 10674 self.changeOption(option, value); 10675 } 10676 }) 10677 }, 10678 changeOption(optionId, value, skipUpdateGallery) { 10679 this.selectedValues[optionId] = value; 10680 this.findSimpleIndex(); 10681 this.findAllowedAttributeOptions(); 10682 this.updatePrices(); 10683 !skipUpdateGallery && this.updateGallery(); 10684 }, 10685 toggleOption(optionId, value) { 10686 const optionIsSelected = this.selectedValues[optionId] === value; 10687 10688 if(optionIsSelected) { 10689 this.$el.querySelector('input').checked = false;
10690 this.selectedValues[optionId] = ''; 10691 10692 return; 10693 } 10694 10695 this.changeOption(optionId, value, true); 10696 }, 10697 preSelectColor() { 10698 this.changeOption(colorAttrCode, colorValue, 1); 10699 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 10700 10701 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 10702 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 10703 } 10704 }, 10705 onGetCartData(data) { 10706 this.preSelectColor(); 10707 this.preselectCartItems(data); 10708 this.preselectQuerystringItems(); 10709 this.preselectLocationHashItems(); 10710 }, 10711 updateGallery() { 10712 if (!this.productIndex) { 10713 return; 10714 } 10715 10716 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 10717 method: 'GET', 10718 headers: { 10719 'Content-Type': 'application/json', 10720 'X-Requested-With': 'XMLHttpRequest' 10721 } 10722 } 10723 ).then(response => { 10724 return response.json() 10725 } 10726 ).then(data => { 10727 if (data.errors) { 10728 10729 console.warn(data.errors); 10730 } else { 10731 const image = data && data.medium; 10732 10733 image && window.dispatchEvent( 10734 new CustomEvent( 10735 "update-gallery-342221", 10736 {detail: image} 10737 ) 10738 ); 10739 } 10740 }).catch(error => { 10741 console.warn(error) 10742 }); 10743 }, 10744 preselectQuerystringItems() { 10745 10746 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 10747 Object.values(this.optionConfig.attributes).map(attribute => { 10748 10749 const skipUpdateGallery = true; 10750 10751 if(!urlQueryParams.get(attribute.code)) { 10752 return; 10753 } 10754 const selectedOption = attribute.options.filter(option => { 10755 return option.label === urlQueryParams.get(attribute.code); 10756 })[0]; 10757 10758 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 10759 return; 10760 } 10761 10762 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 10763 }); 10764 }, 10765 preselectItemsBasedOnLocation(getLocationValue) { 10766 Object.values(this.optionConfig.attributes).map(attribute => { 10767 if(!getLocationValue(attribute)) { 10768 return; 10769 } 10770 this.changeOption(attribute.id, getLocationValue(attribute)) 10771 }); 10772 }, 10773 mouseDown: false, 10774 getLabelBySelectedSwatchId(defaultLabel, id) { 10775 if (this.selectedValues[id]) { 10776 return this.getSwatchText(id, this.selectedValues[id]); 10777 } 10778 10779 return defaultLabel; 10780 } 10781 } 10782 ); 10783 }</script>
10783<div x-data="initConfigurableSwatchOptions_342221()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342221" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342221-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342221-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342221.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342221.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342221.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342221.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 10784 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10785<title>chevron-up</title></svg> 10786</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342221"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342221-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
10786" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342221-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342221"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10787 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 10788<title>chevron-down</title></svg> 10789</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342221" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 10790 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 10791<title>chevron-up</title></svg> 10792</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 10793<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 10794<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 10795</svg> 10796</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 10797<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 10798 <g fill="none" fill-rule="evenodd"> 10799 <g transform="translate(1 1)" stroke-width="2"> 10800 <circle cx="5" cy="50" r="5">
10801 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 10802 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 10803 </circle> 10804 <circle cx="27" cy="5" r="5"> 10805 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 10806 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 10807 </circle> 10808 <circle cx="49" cy="50" r="5"> 10809 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 10810 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 10811 </circle> 10812 </g> 10813 </g> 10814<title>loader</title></svg> 10815</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","id":"342221","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/929kz-89m-מכנסיים-בגזרה-משוחררת-עם-קפלים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/9/2/929kz-89m-001-1-1323481.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342221.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/9/2/929kz-89m-001-1-1323481.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים בגזרה משוחררת עם קפלים" title="מכנסיים בגזרה משוחררת עם קפלים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/9/2/929kz-89m-002-1-1323481.jpg" loading="lazy" width="675" height="900" alt="מכנסיים בגזרה משוחררת עם קפלים" title="מכנסיים בגזרה משוחררת עם קפלים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/929kz-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%
10815D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","id":"342221","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/929kz-89m-מכנסיים-בגזרה-משוחררת-עם-קפלים';return false; }});">מכנסיים בגזרה משוחררת עם קפלים</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342221()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/929kz-89m-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 10816 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 10817<title>arrow-left</title></svg> 10818</a></div>
10818<script> 10819 'use strict'; 10820 function initConfigurablePreview_342221() { 10821 const configurableOptionsComponent = initConfigurableOptions( 10822 '342221', 10823 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341973","341974","341975","341976","341977"]},{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["341969","341970","341971","341972"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["341973"]},{"id":"324","label":"36","products":["341969","341974"]},{"id":"104","label":"38","products":["341970","341975"]},{"id":"79","label":"40","products":["341971","341976"]},{"id":"70","label":"42","products":["341972","341977"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341969":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341970":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341971":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341972":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341973":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341974":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341975":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341976":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341977":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"342221","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341969":{"93":"833","147":"324"},"341970":{"93":"833","147":"104"},"341971":{"93":"833","147":"79"},"341972":{"93":"833","147":"70"},"341973":{"93":"723","147":"322"},"341974":{"93":"723","147":"324"},"341975":{"93":"723","147":"104"},"341976":{"93":"723","147":"79"},"341977":{"93":"723","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341969":"929KZ-89M-36","341970":"929KZ-89M-38","341971":"929KZ-89M-40","341972":"929KZ-89M-42","341973":"929KZ-99X-34","341974":"929KZ-99X-36","341975":"929KZ-99X-38","341976":"929KZ-99X-40","341977":"929KZ-99X-42"}} ); 10824 10825 const colorAttrCode = 93; 10826 const colorValue = '833'; 10827 10828 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-89m-999-1-1323481.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-89m-999-1-1323481.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-99x-999-1-1327977.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-99x-999-1-1327977.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10829 10830 return Object.assign( 10831 configurableOptionsComponent, 10832 swatchOptionsComponent, 10833 { 10834 productUrl: "https://reserved-il.com/929kz-89m-מכנסיים-בגזרה-משוחררת-עם-קפלים", 10835 attributeCode: "color", 10836 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10837 preselectOption() { 10838 this.selectedValues[colorAttrCode] = colorValue; 10839 this.dispatchSelectedOption(colorAttrCode, colorValue); 10840 }, 10841 selectOption(optionId, value) { 10842 this.selectedValues[optionId] = value; 10843 this.dispatchSelectedOption(optionId, value); 10844 }, 10845 dispatchSelectedOption(optionId, value) { 10846 window.dispatchEvent( 10847 new CustomEvent( 10848 "select-product-342221-option", 10849 {detail: {option: optionId, value: value}} 10850 ) 10851 ); 10852 } 10853 } 10854 ) 10855 }</script>
10855 </div><div x-data="initPriceBox__6ac33f9e034df()" @update-prices-342221.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342221" data-price-box="product-id-342221"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342221" data-price-amount="139.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">139.90 ₪</span></span> </span></span> </div></div>
10855<script> 10856 function initPriceBox__6ac33f9e034df() 10857 { 10858 return { 10859 updatePrice(priceData) { 10860 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 10861 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 10862 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 10863 regularPriceLabel.classList.add('hidden'); 10864 } else { 10865 regularPriceLabel.classList.remove('hidden'); 10866 } 10867 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 10868 } 10869 } 10870 }</script>
10870</div></form>
10870<script> 10871 function validateSuperAttrs(superAttributeInputs) { 10872 let isValid = true; 10873 10874 superAttributeInputs.forEach(input => { 10875 const value = input.value.trim(); 10876 if (!/^\d+$/.test(value)) { 10877 isValid = false; 10878 } 10879 }); 10880 10881 return isValid; 10882 } 10883 function formSubmitData_342221() { 10884 return { 10885 loading: false, 10886 success: false, 10887 open: false, 10888 form: null, 10889 init: function () { 10890 this.form = this.$el; 10891 }, 10892 ajaxFormSubmit: function () { 10893 const self = this; 10894 const data = new URLSearchParams(new FormData(self.form)); 10895 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 10896 if (!validateSuperAttrs(superAttributeInputs)) { 10897 alert('Please enter a valid number.'); 10898 self.loading = false; 10899 return; 10900 } 10901 fetch(self.form.action, { 10902 method: 'POST', 10903 body: data, 10904 headers: { 10905 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 10906 'X-Requested-With': 'XMLHttpRequest' 10907 } 10908 }).then(res => { 10909 if (!res.ok) { 10910 return self.form.submit(); 10911 } 10912 10913 if (res.redirected) { 10914 return []; 10915 } 10916 10917 return res.json(); 10918 }).then(data => { 10919 if (data.backUrl) { 10920 self.form.submit(); 10921 } 10922 10923 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 10924 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 10925 }).catch(err => { 10926 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 10927 10928 self.setMessage({ 10929 text: 'אירעה שגיאה בהוספת הפריט לסל.', 10930 type: 'error' 10931 }); 10932 }).finally(() => { 10933 let messages = hyva.getCookie('mage-messages'); 10934 self.loading = false; 10935 self.success = true; 10936 try { 10937 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 10938 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 10939 } catch (error) { 10940 console.warn('Error parsing Cookie Messages:', error); 10941 return; 10942 } 10943 10944 setTimeout(() => { 10945 messages.forEach(message => { 10946 self.setMessage(message); 10947 }); 10948 }, 1000); 10949 10950 setTimeout(() => { 10951 self.success = false; 10952 self.open = false; 10953 }, 3000); 10954 }); 10955 10956 }, 10957 setMessage: function(message) { 10958 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10959 [message], 5000 10960 ); 10961 }, 10962 submitAddToCartForm(event) { 10963 event.preventDefault(); 10964 10965 this.loading = true; 10966 10967 this.ajaxFormSubmit(); 10968 } 10969 } 10970 }</script>
10970</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342222/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342222()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342222"> <a x-data="{open: false}" href="https://reserved-il.com/929kz-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342222" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
10970<script> 10971 function initConfigurableSwatchOptions_342222() { 10972 const configurableOptionsComponent = initConfigurableOptions( 10973 '342222', 10974 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["341969","341970","341971","341972"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341973","341974","341975","341976","341977"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["341973"]},{"id":"324","label":"36","products":["341969","341974"]},{"id":"104","label":"38","products":["341970","341975"]},{"id":"79","label":"40","products":["341971","341976"]},{"id":"70","label":"42","products":["341972","341977"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341969":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341970":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341971":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341972":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341973":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341974":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341975":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341976":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341977":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"342222","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341969":{"93":"833","147":"324"},"341970":{"93":"833","147":"104"},"341971":{"93":"833","147":"79"},"341972":{"93":"833","147":"70"},"341973":{"93":"723","147":"322"},"341974":{"93":"723","147":"324"},"341975":{"93":"723","147":"104"},"341976":{"93":"723","147":"79"},"341977":{"93":"723","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341969":"929KZ-89M-36","341970":"929KZ-89M-38","341971":"929KZ-89M-40","341972":"929KZ-89M-42","341973":"929KZ-99X-34","341974":"929KZ-99X-36","341975":"929KZ-99X-38","341976":"929KZ-99X-40","341977":"929KZ-99X-42"}} ); 10975 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-89m-999-1-1323481.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-89m-999-1-1323481.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-99x-999-1-1327977.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-99x-999-1-1327977.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 10976 const colorAttrCode = 93; 10977 const sizeAttrCode = 147; 10978 const colorValue = '723'; 10979 10980 return Object.assign( 10981 configurableOptionsComponent, 10982 swatchOptionsComponent, 10983 { 10984 open: false, 10985 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 10986 init() { 10987 const self = this; 10988 window.addEventListener('select-product-342222-option', function(event) { 10989 if(event.detail) { 10990 const {option, value} = event.detail; 10991 self.changeOption(option, value); 10992 } 10993 }) 10994 }, 10995 changeOption(optionId, value, skipUpdateGallery) { 10996 this.selectedValues[optionId] = value; 10997 this.findSimpleIndex(); 10998 this.findAllowedAttributeOptions(); 10999 this.updatePrices(); 11000 !skipUpdateGallery && this.updateGallery(); 11001 }, 11002 toggleOption(optionId, value) { 11003 const optionIsSelected = this.selectedValues[optionId] === value; 11004 11005 if(optionIsSelected) { 11006 this.$el.querySelector('input').checked = false;
11007 this.selectedValues[optionId] = ''; 11008 11009 return; 11010 } 11011 11012 this.changeOption(optionId, value, true); 11013 }, 11014 preSelectColor() { 11015 this.changeOption(colorAttrCode, colorValue, 1); 11016 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 11017 11018 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 11019 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 11020 } 11021 }, 11022 onGetCartData(data) { 11023 this.preSelectColor(); 11024 this.preselectCartItems(data); 11025 this.preselectQuerystringItems(); 11026 this.preselectLocationHashItems(); 11027 }, 11028 updateGallery() { 11029 if (!this.productIndex) { 11030 return; 11031 } 11032 11033 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 11034 method: 'GET', 11035 headers: { 11036 'Content-Type': 'application/json', 11037 'X-Requested-With': 'XMLHttpRequest' 11038 } 11039 } 11040 ).then(response => { 11041 return response.json() 11042 } 11043 ).then(data => { 11044 if (data.errors) { 11045 11046 console.warn(data.errors); 11047 } else { 11048 const image = data && data.medium; 11049 11050 image && window.dispatchEvent( 11051 new CustomEvent( 11052 "update-gallery-342222", 11053 {detail: image} 11054 ) 11055 ); 11056 } 11057 }).catch(error => { 11058 console.warn(error) 11059 }); 11060 }, 11061 preselectQuerystringItems() { 11062 11063 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 11064 Object.values(this.optionConfig.attributes).map(attribute => { 11065 11066 const skipUpdateGallery = true; 11067 11068 if(!urlQueryParams.get(attribute.code)) { 11069 return; 11070 } 11071 const selectedOption = attribute.options.filter(option => { 11072 return option.label === urlQueryParams.get(attribute.code); 11073 })[0]; 11074 11075 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 11076 return; 11077 } 11078 11079 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 11080 }); 11081 }, 11082 preselectItemsBasedOnLocation(getLocationValue) { 11083 Object.values(this.optionConfig.attributes).map(attribute => { 11084 if(!getLocationValue(attribute)) { 11085 return; 11086 } 11087 this.changeOption(attribute.id, getLocationValue(attribute)) 11088 }); 11089 }, 11090 mouseDown: false, 11091 getLabelBySelectedSwatchId(defaultLabel, id) { 11092 if (this.selectedValues[id]) { 11093 return this.getSwatchText(id, this.selectedValues[id]); 11094 } 11095 11096 return defaultLabel; 11097 } 11098 } 11099 ); 11100 }</script>
11100<div x-data="initConfigurableSwatchOptions_342222()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342222" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342222-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342222-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342222.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342222.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342222.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342222.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 11101 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11102<title>chevron-up</title></svg> 11103</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342222"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342222-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
11103" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342222-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342222"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11104 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 11105<title>chevron-down</title></svg> 11106</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342222" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11107 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11108<title>chevron-up</title></svg> 11109</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 11110<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 11111<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 11112</svg> 11113</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 11114<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 11115 <g fill="none" fill-rule="evenodd"> 11116 <g transform="translate(1 1)" stroke-width="2"> 11117 <circle cx="5" cy="50" r="5">
11118 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 11119 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 11120 </circle> 11121 <circle cx="27" cy="5" r="5"> 11122 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 11123 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 11124 </circle> 11125 <circle cx="49" cy="50" r="5"> 11126 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 11127 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 11128 </circle> 11129 </g> 11130 </g> 11131<title>loader</title></svg> 11132</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","id":"342222","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/929kz-99x-מכנסיים-בגזרה-משוחררת-עם-קפלים';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/9/2/929kz-99x-050-1-1327977.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342222.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/9/2/929kz-99x-050-1-1327977.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים בגזרה משוחררת עם קפלים" title="מכנסיים בגזרה משוחררת עם קפלים"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/9/2/929kz-99x-051-1-1327977.jpg" loading="lazy" width="675" height="900" alt="מכנסיים בגזרה משוחררת עם קפלים" title="מכנסיים בגזרה משוחררת עם קפלים"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/929kz-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%
11132D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea \u05e2\u05dd \u05e7\u05e4\u05dc\u05d9\u05dd","id":"342222","price":"139.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/929kz-99x-מכנסיים-בגזרה-משוחררת-עם-קפלים';return false; }});">מכנסיים בגזרה משוחררת עם קפלים</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342222()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/929kz-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA-%D7%A2%D7%9D-%D7%A7%D7%A4%D7%9C%D7%99%D7%9D"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 11133 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 11134<title>arrow-left</title></svg> 11135</a></div>
11135<script> 11136 'use strict'; 11137 function initConfigurablePreview_342222() { 11138 const configurableOptionsComponent = initConfigurableOptions( 11139 '342222', 11140 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"833","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4","products":["341969","341970","341971","341972"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341973","341974","341975","341976","341977"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"322","label":"34","products":["341973"]},{"id":"324","label":"36","products":["341969","341974"]},{"id":"104","label":"38","products":["341970","341975"]},{"id":"79","label":"40","products":["341971","341976"]},{"id":"70","label":"42","products":["341972","341977"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341969":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341970":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341971":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341972":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341973":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341974":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341975":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341976":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341977":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":139.9},"oldPrice":{"amount":139.9},"basePrice":{"amount":139.9},"finalPrice":{"amount":139.9}},"productId":"342222","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341969":{"93":"833","147":"324"},"341970":{"93":"833","147":"104"},"341971":{"93":"833","147":"79"},"341972":{"93":"833","147":"70"},"341973":{"93":"723","147":"322"},"341974":{"93":"723","147":"324"},"341975":{"93":"723","147":"104"},"341976":{"93":"723","147":"79"},"341977":{"93":"723","147":"70"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341969":"929KZ-89M-36","341970":"929KZ-89M-38","341971":"929KZ-89M-40","341972":"929KZ-89M-42","341973":"929KZ-99X-34","341974":"929KZ-99X-36","341975":"929KZ-99X-38","341976":"929KZ-99X-40","341977":"929KZ-99X-42"}} ); 11141 11142 const colorAttrCode = 93; 11143 const colorValue = '723'; 11144 11145 const swatchOptionsComponent = initSwatchOptions({"93":{"833":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-89m-999-1-1323481.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-89m-999-1-1323481.jpg","label":"\u05d7\u05d5\u05dd \u05db\u05d4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/9\/2\/929kz-99x-999-1-1327977.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/9\/2\/929kz-99x-999-1-1327977.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"322":{"type":"0","value":"34","label":"34"},"324":{"type":"0","value":"36","label":"36"},"104":{"type":"0","value":"38","label":"38"},"79":{"type":"0","value":"40","label":"40"},"70":{"type":"0","value":"42","label":"42"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 11146 11147 return Object.assign( 11148 configurableOptionsComponent, 11149 swatchOptionsComponent, 11150 { 11151 productUrl: "https://reserved-il.com/929kz-99x-מכנסיים-בגזרה-משוחררת-עם-קפלים", 11152 attributeCode: "color", 11153 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 11154 preselectOption() { 11155 this.selectedValues[colorAttrCode] = colorValue; 11156 this.dispatchSelectedOption(colorAttrCode, colorValue); 11157 }, 11158 selectOption(optionId, value) { 11159 this.selectedValues[optionId] = value; 11160 this.dispatchSelectedOption(optionId, value); 11161 }, 11162 dispatchSelectedOption(optionId, value) { 11163 window.dispatchEvent( 11164 new CustomEvent( 11165 "select-product-342222-option", 11166 {detail: {option: optionId, value: value}} 11167 ) 11168 ); 11169 } 11170 } 11171 ) 11172 }</script>
11172 </div><div x-data="initPriceBox__6ac33f9e07b1b()" @update-prices-342222.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342222" data-price-box="product-id-342222"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342222" data-price-amount="139.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">139.90 ₪</span></span> </span></span> </div></div>
11172<script> 11173 function initPriceBox__6ac33f9e07b1b() 11174 { 11175 return { 11176 updatePrice(priceData) { 11177 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 11178 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 11179 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 11180 regularPriceLabel.classList.add('hidden'); 11181 } else { 11182 regularPriceLabel.classList.remove('hidden'); 11183 } 11184 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 11185 } 11186 } 11187 }</script>
11187</div></form>
11187<script> 11188 function validateSuperAttrs(superAttributeInputs) { 11189 let isValid = true; 11190 11191 superAttributeInputs.forEach(input => { 11192 const value = input.value.trim(); 11193 if (!/^\d+$/.test(value)) { 11194 isValid = false; 11195 } 11196 }); 11197 11198 return isValid; 11199 } 11200 function formSubmitData_342222() { 11201 return { 11202 loading: false, 11203 success: false, 11204 open: false, 11205 form: null, 11206 init: function () { 11207 this.form = this.$el; 11208 }, 11209 ajaxFormSubmit: function () { 11210 const self = this; 11211 const data = new URLSearchParams(new FormData(self.form)); 11212 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 11213 if (!validateSuperAttrs(superAttributeInputs)) { 11214 alert('Please enter a valid number.'); 11215 self.loading = false; 11216 return; 11217 } 11218 fetch(self.form.action, { 11219 method: 'POST', 11220 body: data, 11221 headers: { 11222 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 11223 'X-Requested-With': 'XMLHttpRequest' 11224 } 11225 }).then(res => { 11226 if (!res.ok) { 11227 return self.form.submit(); 11228 } 11229 11230 if (res.redirected) { 11231 return []; 11232 } 11233 11234 return res.json(); 11235 }).then(data => { 11236 if (data.backUrl) { 11237 self.form.submit(); 11238 } 11239 11240 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 11241 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 11242 }).catch(err => { 11243 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 11244 11245 self.setMessage({ 11246 text: 'אירעה שגיאה בהוספת הפריט לסל.', 11247 type: 'error' 11248 }); 11249 }).finally(() => { 11250 let messages = hyva.getCookie('mage-messages'); 11251 self.loading = false; 11252 self.success = true; 11253 try { 11254 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 11255 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 11256 } catch (error) { 11257 console.warn('Error parsing Cookie Messages:', error); 11258 return; 11259 } 11260 11261 setTimeout(() => { 11262 messages.forEach(message => { 11263 self.setMessage(message); 11264 }); 11265 }, 1000); 11266 11267 setTimeout(() => { 11268 self.success = false; 11269 self.open = false; 11270 }, 3000); 11271 }); 11272 11273 }, 11274 setMessage: function(message) { 11275 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 11276 [message], 5000 11277 ); 11278 }, 11279 submitAddToCartForm(event) { 11280 event.preventDefault(); 11281 11282 this.loading = true; 11283 11284 this.ajaxFormSubmit(); 11285 } 11286 } 11287 }</script>
11287</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/335186/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_335186()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="335186"> <a x-data="{open: false}" href="https://reserved-il.com/845ke-90x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99-%D7%93%D7%92%D7%9E%D7%B4%D7%97-%D7%A2%D7%9D-%D7%90%D7%A4%D7%A7%D7%98-%D7%A9%D7%98%D7%99%D7%A4%D7%94" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_335186" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
11287<script> 11288 function initConfigurableSwatchOptions_335186() { 11289 const configurableOptionsComponent = initConfigurableOptions( 11290 '335186', 11291 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"808","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["335028","335029","335030"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["335030"]},{"id":"49","label":"M","products":["335029"]},{"id":"46","label":"L","products":["335028"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"335028":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335029":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335030":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"335186","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"335028":{"93":"808","147":"46"},"335029":{"93":"808","147":"49"},"335030":{"93":"808","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"335028":"845KE-90X-L","335029":"845KE-90X-M","335030":"845KE-90X-S"}} ); 11292 const swatchOptionsComponent = initSwatchOptions({"93":{"808":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/4\/845ke-90x-999-1-1298824.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/4\/845ke-90x-999-1-1298824.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 11293 const colorAttrCode = 93; 11294 const sizeAttrCode = 147; 11295 const colorValue = '808'; 11296 11297 return Object.assign( 11298 configurableOptionsComponent, 11299 swatchOptionsComponent, 11300 { 11301 open: false, 11302 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 11303 init() { 11304 const self = this; 11305 window.addEventListener('select-product-335186-option', function(event) { 11306 if(event.detail) { 11307 const {option, value} = event.detail; 11308 self.changeOption(option, value); 11309 } 11310 }) 11311 }, 11312 changeOption(optionId, value, skipUpdateGallery) { 11313 this.selectedValues[optionId] = value; 11314 this.findSimpleIndex(); 11315 this.findAllowedAttributeOptions(); 11316 this.updatePrices(); 11317 !skipUpdateGallery && this.updateGallery(); 11318 }, 11319 toggleOption(optionId, value) { 11320 const optionIsSelected = this.selectedValues[optionId] === value; 11321 11322 if(optionIsSelected) { 11323 this.$el.querySelector('input').checked = false;
11324 this.selectedValues[optionId] = ''; 11325 11326 return; 11327 } 11328 11329 this.changeOption(optionId, value, true); 11330 }, 11331 preSelectColor() { 11332 this.changeOption(colorAttrCode, colorValue, 1); 11333 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 11334 11335 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 11336 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 11337 } 11338 }, 11339 onGetCartData(data) { 11340 this.preSelectColor(); 11341 this.preselectCartItems(data); 11342 this.preselectQuerystringItems(); 11343 this.preselectLocationHashItems(); 11344 }, 11345 updateGallery() { 11346 if (!this.productIndex) { 11347 return; 11348 } 11349 11350 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 11351 method: 'GET', 11352 headers: { 11353 'Content-Type': 'application/json', 11354 'X-Requested-With': 'XMLHttpRequest' 11355 } 11356 } 11357 ).then(response => { 11358 return response.json() 11359 } 11360 ).then(data => { 11361 if (data.errors) { 11362 11363 console.warn(data.errors); 11364 } else { 11365 const image = data && data.medium; 11366 11367 image && window.dispatchEvent( 11368 new CustomEvent( 11369 "update-gallery-335186", 11370 {detail: image} 11371 ) 11372 ); 11373 } 11374 }).catch(error => { 11375 console.warn(error) 11376 }); 11377 }, 11378 preselectQuerystringItems() { 11379 11380 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 11381 Object.values(this.optionConfig.attributes).map(attribute => { 11382 11383 const skipUpdateGallery = true; 11384 11385 if(!urlQueryParams.get(attribute.code)) { 11386 return; 11387 } 11388 const selectedOption = attribute.options.filter(option => { 11389 return option.label === urlQueryParams.get(attribute.code); 11390 })[0]; 11391 11392 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 11393 return; 11394 } 11395 11396 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 11397 }); 11398 }, 11399 preselectItemsBasedOnLocation(getLocationValue) { 11400 Object.values(this.optionConfig.attributes).map(attribute => { 11401 if(!getLocationValue(attribute)) { 11402 return; 11403 } 11404 this.changeOption(attribute.id, getLocationValue(attribute)) 11405 }); 11406 }, 11407 mouseDown: false, 11408 getLabelBySelectedSwatchId(defaultLabel, id) { 11409 if (this.selectedValues[id]) { 11410 return this.getSwatchText(id, this.selectedValues[id]); 11411 } 11412 11413 return defaultLabel; 11414 } 11415 } 11416 ); 11417 }</script>
11417<div x-data="initConfigurableSwatchOptions_335186()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_335186" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-335186-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-335186-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_335186.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_335186.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_335186.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_335186.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 11418 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11419<title>chevron-up</title></svg> 11420</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_335186"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-335186-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
11420" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-335186-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_335186"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11421 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 11422<title>chevron-down</title></svg> 11423</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_335186" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11424 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11425<title>chevron-up</title></svg> 11426</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 11427<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 11428<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 11429</svg> 11430</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 11431<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 11432 <g fill="none" fill-rule="evenodd"> 11433 <g transform="translate(1 1)" stroke-width="2"> 11434 <circle cx="5" cy="50" r="5">
11435 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 11436 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 11437 </circle> 11438 <circle cx="27" cy="5" r="5"> 11439 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 11440 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 11441 </circle> 11442 <circle cx="49" cy="50" r="5"> 11443 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 11444 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 11445 </circle> 11446 </g> 11447 </g> 11448<title>loader</title></svg> 11449</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9 \u05d3\u05d2\u05de\u05f4\u05d7 \u05e2\u05dd \u05d0\u05e4\u05e7\u05d8 \u05e9\u05d8\u05d9\u05e4\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9 \u05d3\u05d2\u05de\u05f4\u05d7 \u05e2\u05dd \u05d0\u05e4\u05e7\u05d8 \u05e9\u05d8\u05d9\u05e4\u05d4","id":"335186","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/845ke-90x-מכנסיי-דגמ״ח-עם-אפקט-שטיפה';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/8/4/845ke-90x-001-1-1298824.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-335186.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/8/4/845ke-90x-001-1-1298824.jpg" loading="lazy" width="900" height="1200" alt="מכנסיי דגמ״ח עם אפקט שטיפה" title="מכנסיי דגמ״ח עם אפקט שטיפה"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/8/4/845ke-90x-002-1-1298824.jpg" loading="lazy" width="675" height="900" alt="מכנסיי דגמ״ח עם אפקט שטיפה" title="מכנסיי דגמ״ח עם אפקט שטיפה"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/845ke-90x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99-%D7%93%D7%92%D7%9E%D7%B4%D7%97-%D7%A2%D7%9D-%D7%90%D7%A4%D7%A7%D7%98-%D7%A9%D7%98%D7%99%D7%A4%D7%94" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9 \u05d3\u05d2\u05de\u05f4\u05d7 \u05e2\u05dd \u05d0\u05e4\u05e7\u05d8 \u05e9\u05d8\u05d9\u05e4\u05d4","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9 \u05d3\u05d2\u05de\u05f4\u05d7 \u05e2\u05dd \u05d0\u05e4\u05e7\u05d8 \u05e9\u05d8\u05d9\u05e4\u05d4","id":"335186","price":"159.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/845ke-90x-מכנסיי-דגמ״ח-עם-אפקט-שטיפה';return false; }});">מכנסיי דגמ״ח עם אפקט שטיפה</a> <div class="flex items-center justify-start" x-data="init
11449ConfigurablePreview_335186()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/845ke-90x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99-%D7%93%D7%92%D7%9E%D7%B4%D7%97-%D7%A2%D7%9D-%D7%90%D7%A4%D7%A7%D7%98-%D7%A9%D7%98%D7%99%D7%A4%D7%94"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 11450 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 11451<title>arrow-left</title></svg> 11452</a></div>
11452<script> 11453 'use strict'; 11454 function initConfigurablePreview_335186() { 11455 const configurableOptionsComponent = initConfigurableOptions( 11456 '335186', 11457 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"808","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4","products":["335028","335029","335030"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"63","label":"S","products":["335030"]},{"id":"49","label":"M","products":["335029"]},{"id":"46","label":"L","products":["335028"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"335028":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335029":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}},"335030":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":159.9},"oldPrice":{"amount":159.9},"basePrice":{"amount":159.9},"finalPrice":{"amount":159.9}},"productId":"335186","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"335028":{"93":"808","147":"46"},"335029":{"93":"808","147":"49"},"335030":{"93":"808","147":"63"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"335028":"845KE-90X-L","335029":"845KE-90X-M","335030":"845KE-90X-S"}} ); 11458 11459 const colorAttrCode = 93; 11460 const colorValue = '808'; 11461 11462 const swatchOptionsComponent = initSwatchOptions({"93":{"808":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/4\/845ke-90x-999-1-1298824.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/4\/845ke-90x-999-1-1298824.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05db\u05d4\u05d4"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 11463 11464 return Object.assign( 11465 configurableOptionsComponent, 11466 swatchOptionsComponent, 11467 { 11468 productUrl: "https://reserved-il.com/845ke-90x-מכנסיי-דגמ״ח-עם-אפקט-שטיפה", 11469 attributeCode: "color", 11470 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 11471 preselectOption() { 11472 this.selectedValues[colorAttrCode] = colorValue; 11473 this.dispatchSelectedOption(colorAttrCode, colorValue); 11474 }, 11475 selectOption(optionId, value) { 11476 this.selectedValues[optionId] = value; 11477 this.dispatchSelectedOption(optionId, value); 11478 }, 11479 dispatchSelectedOption(optionId, value) { 11480 window.dispatchEvent( 11481 new CustomEvent( 11482 "select-product-335186-option", 11483 {detail: {option: optionId, value: value}} 11484 ) 11485 ); 11486 } 11487 } 11488 ) 11489 }</script>
11489 </div><div x-data="initPriceBox__6ac33f9e146ba()" @update-prices-335186.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="335186" data-price-box="product-id-335186"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-335186" data-price-amount="159.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">159.90 ₪</span></span> </span></span> </div></div>
11489<script> 11490 function initPriceBox__6ac33f9e146ba() 11491 { 11492 return { 11493 updatePrice(priceData) { 11494 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 11495 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 11496 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 11497 regularPriceLabel.classList.add('hidden'); 11498 } else { 11499 regularPriceLabel.classList.remove('hidden'); 11500 } 11501 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 11502 } 11503 } 11504 }</script>
11504</div></form>
11504<script> 11505 function validateSuperAttrs(superAttributeInputs) { 11506 let isValid = true; 11507 11508 superAttributeInputs.forEach(input => { 11509 const value = input.value.trim(); 11510 if (!/^\d+$/.test(value)) { 11511 isValid = false; 11512 } 11513 }); 11514 11515 return isValid; 11516 } 11517 function formSubmitData_335186() { 11518 return { 11519 loading: false, 11520 success: false, 11521 open: false, 11522 form: null, 11523 init: function () { 11524 this.form = this.$el; 11525 }, 11526 ajaxFormSubmit: function () { 11527 const self = this; 11528 const data = new URLSearchParams(new FormData(self.form)); 11529 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 11530 if (!validateSuperAttrs(superAttributeInputs)) { 11531 alert('Please enter a valid number.'); 11532 self.loading = false; 11533 return; 11534 } 11535 fetch(self.form.action, { 11536 method: 'POST', 11537 body: data, 11538 headers: { 11539 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 11540 'X-Requested-With': 'XMLHttpRequest' 11541 } 11542 }).then(res => { 11543 if (!res.ok) { 11544 return self.form.submit(); 11545 } 11546 11547 if (res.redirected) { 11548 return []; 11549 } 11550 11551 return res.json(); 11552 }).then(data => { 11553 if (data.backUrl) { 11554 self.form.submit(); 11555 } 11556 11557 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 11558 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 11559 }).catch(err => { 11560 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 11561 11562 self.setMessage({ 11563 text: 'אירעה שגיאה בהוספת הפריט לסל.', 11564 type: 'error' 11565 }); 11566 }).finally(() => { 11567 let messages = hyva.getCookie('mage-messages'); 11568 self.loading = false; 11569 self.success = true; 11570 try { 11571 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 11572 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 11573 } catch (error) { 11574 console.warn('Error parsing Cookie Messages:', error); 11575 return; 11576 } 11577 11578 setTimeout(() => { 11579 messages.forEach(message => { 11580 self.setMessage(message); 11581 }); 11582 }, 1000); 11583 11584 setTimeout(() => { 11585 self.success = false; 11586 self.open = false; 11587 }, 3000); 11588 }); 11589 11590 }, 11591 setMessage: function(message) { 11592 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 11593 [message], 5000 11594 ); 11595 }, 11596 submitAddToCartForm(event) { 11597 event.preventDefault(); 11598 11599 this.loading = true; 11600 11601 this.ajaxFormSubmit(); 11602 } 11603 } 11604 }</script>
11604</div> <div class=""><form dir="rtl" method="post" action="https://reserved-il.com/checkout/cart/add/uenc/aHR0cHM6Ly9yZXNlcnZlZC1pbC5jb20v/product/342203/" class="relative item product product-item product_addtocart_form card card-interactive flex flex-col w-full" x-data="formSubmitData_342203()" x-defer="intersect"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV"> <input type="hidden" name="product" value="342203"> <a x-data="{open: false}" href="https://reserved-il.com/815ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA" class="product group photo product-item-photo block mx-auto w-full md:relative" :class="!open && 'relative'" x-ref="product_form_342203" @keydown.window.escape="open = false" @click="open && event.preventDefault()" @click.outside="open = loading ? true : false" @product-addtocart-error.window="open = false" tabindex="-1"> <div class="card-details absolute inset-0 flex flex-col items-start md:items-center justify-center before:bg-black/80 before:absolute before:inset-0 before:md:inset-2.5 before:transition-opacity before:duration-500 before:opacity-0 md:h-4/6 md:m-auto md:mx-5" :class="open ? 'open z-10 before:opacity-100 items-center' : 'before:opacity-0'"><!-- product details --> <div class="transition-all duration-300 block" :class="open ? 'opacity-100' : 'opacity-0'"><div x-cloak x-show="open" class="cart-details-overlay absolute inset-0 sm:inset-2.5 flex flex-col items-center justify-center pb-16 md:pb-32"><strong class="text-white font-semibold text-center p-0 md:p-3">הוספה מהירה</strong>
11604<script> 11605 function initConfigurableSwatchOptions_342203() { 11606 const configurableOptionsComponent = initConfigurableOptions( 11607 '342203', 11608 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["341869","341870","341871","341872"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341877","341878","341879"]},{"id":"865","label":"\u05e7\u05e4\u05d4","products":["341873","341874","341875","341876"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341872","341876","341879"]},{"id":"63","label":"S","products":["341871","341875","341878"]},{"id":"49","label":"M","products":["341870","341874","341877"]},{"id":"46","label":"L","products":["341869","341873"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341869":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341870":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341871":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341872":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341873":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341874":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341875":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341876":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341877":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341878":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341879":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"342203","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341869":{"93":"735","147":"46"},"341870":{"93":"735","147":"49"},"341871":{"93":"735","147":"63"},"341872":{"93":"735","147":"146"},"341873":{"93":"865","147":"46"},"341874":{"93":"865","147":"49"},"341875":{"93":"865","147":"63"},"341876":{"93":"865","147":"146"},"341877":{"93":"723","147":"49"},"341878":{"93":"723","147":"63"},"341879":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341869":"815KE-09M-L","341870":"815KE-09M-M","341871":"815KE-09M-S","341872":"815KE-09M-XS","341873":"815KE-84X-L","341874":"815KE-84X-M","341875":"815KE-84X-S","341876":"815KE-84X-XS","341877":"815KE-99X-M","341878":"815KE-99X-S","341879":"815KE-99X-XS"}} ); 11609 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-09m-999-1-1326050.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-09m-999-1-1326050.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"865":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-84x-999-1-1281461.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-84x-999-1-1281461.jpg","label":"\u05e7\u05e4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-99x-999-1-1326154.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-99x-999-1-1326154.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 11610 const colorAttrCode = 93; 11611 const sizeAttrCode = 147; 11612 const colorValue = '723'; 11613 11614 return Object.assign( 11615 configurableOptionsComponent, 11616 swatchOptionsComponent, 11617 { 11618 open: false, 11619 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 11620 init() { 11621 const self = this; 11622 window.addEventListener('select-product-342203-option', function(event) { 11623 if(event.detail) { 11624 const {option, value} = event.detail; 11625 self.changeOption(option, value); 11626 } 11627 }) 11628 }, 11629 changeOption(optionId, value, skipUpdateGallery) { 11630 this.selectedValues[optionId] = value; 11631 this.findSimpleIndex(); 11632 this.findAllowedAttributeOptions(); 11633 this.updatePrices(); 11634 !skipUpdateGallery && this.updateGallery(); 11635 }, 11636 toggleOption(optionId, value) { 11637 const optionIsSelected = this.selectedValues[optionId] === value; 11638 11639 if(optionIsSelected) { 11640 this.$el.querySelector('input').checked = false;
11641 this.selectedValues[optionId] = ''; 11642 11643 return; 11644 } 11645 11646 this.changeOption(optionId, value, true); 11647 }, 11648 preSelectColor() { 11649 this.changeOption(colorAttrCode, colorValue, 1); 11650 const allAttributeOptions = this.getAllowedAttributeOptions(sizeAttrCode); 11651 11652 if (allAttributeOptions.length === 1 && allAttributeOptions[0]?.label.toLowerCase() === 'one') { 11653 this.changeOption(sizeAttrCode, allAttributeOptions[0].id); 11654 } 11655 }, 11656 onGetCartData(data) { 11657 this.preSelectColor(); 11658 this.preselectCartItems(data); 11659 this.preselectQuerystringItems(); 11660 this.preselectLocationHashItems(); 11661 }, 11662 updateGallery() { 11663 if (!this.productIndex) { 11664 return; 11665 } 11666 11667 fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, { 11668 method: 'GET', 11669 headers: { 11670 'Content-Type': 'application/json', 11671 'X-Requested-With': 'XMLHttpRequest' 11672 } 11673 } 11674 ).then(response => { 11675 return response.json() 11676 } 11677 ).then(data => { 11678 if (data.errors) { 11679 11680 console.warn(data.errors); 11681 } else { 11682 const image = data && data.medium; 11683 11684 image && window.dispatchEvent( 11685 new CustomEvent( 11686 "update-gallery-342203", 11687 {detail: image} 11688 ) 11689 ); 11690 } 11691 }).catch(error => { 11692 console.warn(error) 11693 }); 11694 }, 11695 preselectQuerystringItems() { 11696 11697 const urlQueryParams = new URLSearchParams(window.location.search.replace('?', '')); 11698 Object.values(this.optionConfig.attributes).map(attribute => { 11699 11700 const skipUpdateGallery = true; 11701 11702 if(!urlQueryParams.get(attribute.code)) { 11703 return; 11704 } 11705 const selectedOption = attribute.options.filter(option => { 11706 return option.label === urlQueryParams.get(attribute.code); 11707 })[0]; 11708 11709 if(!this.optionIsActive(attribute.id, selectedOption.id)) { 11710 return; 11711 } 11712 11713 this.changeOption(attribute.id, selectedOption.id, skipUpdateGallery); 11714 }); 11715 }, 11716 preselectItemsBasedOnLocation(getLocationValue) { 11717 Object.values(this.optionConfig.attributes).map(attribute => { 11718 if(!getLocationValue(attribute)) { 11719 return; 11720 } 11721 this.changeOption(attribute.id, getLocationValue(attribute)) 11722 }); 11723 }, 11724 mouseDown: false, 11725 getLabelBySelectedSwatchId(defaultLabel, id) { 11726 if (this.selectedValues[id]) { 11727 return this.getSwatchText(id, this.selectedValues[id]); 11728 } 11729 11730 return defaultLabel; 11731 } 11732 } 11733 ); 11734 }</script>
11734<div x-data="initConfigurableSwatchOptions_342203()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" x-ref="options_container_342203" class="w-full flex-1"><div class="w-full h-full flex flex-col"> <div class="swatch-attribute color"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="flex flex-wrap justify-center max-h-[80px] md:max-h-full overflow-hidden" role="radiogroup"><label class="text-center text-white w-full mb-0 md:mb-2" for="attributecolor"><span> צבע</span></label> <template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)"><label :for="'attribute-option-342203-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(93, item.id) ? toggleOption(93, item.id) : changeOption(93, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id), 'w-5 h-5' : !isTextSwatch(93, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }" :style="getSwatchBackgroundStyle('93',item.id)"><input :id="'attribute-option-342203-'+item.id" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(93, item.id) ? changeOption(93, $event.target.value) : () => {}" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(93, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></label></template></div></template></div></template></div></div> <div class="swatch-attribute size"> <div class="w-full swatch-attribute-options"><template x-if="showSwatches"><div class="w-full flex justify-center" role="radiogroup"><label class="sr-only" for="attributesize"><span> מידה</span></label> <div class="z-20 max-w-full flex flex-col items-center transition-dimensions duration-[500ms] w-full border border-white w-32 h-[35px]" :class="open ? 'bg-brand-gray-200' : 'bg-transparent'" @click.outside="open = false" x-bind:style="open ? 'width:' + ($refs.options_container_342203.offsetWidth - 8) + 'px; height: ' + ($refs.options_swatches_342203.offsetHeight + 34) + 'px; '+ 'margin-bottom:' + (-1 * $refs.options_swatches_342203.offsetHeight - 54) + 'px': 'margin-bottom:' + (-1 * $refs.options_swatches_342203.offsetHeight - 54) + 'px'"><div class="flex justify-between items-center w-full px-4 py-2 max-h-[35px] text-white" @click.prevent="open = !open"><span class="flex" x-text="!open ? getLabelBySelectedSwatchId('מידה', 147) : 'מידה' "></span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4 translate-all duration-500" width="16" height="16" :class="{ 'rotate-180' : open, 'rotate-0': !open }" role="img"> 11735 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11736<title>chevron-up</title></svg> 11737</div><div class="transition-opacity duration-300 delay-300 w-full max-w-full" :class="open ? 'opacity-100' : 'opacity-0'"><div class="flex justify-center" :class="open ? 'visible' : 'invisible'"><div class="attribute-container no-scrollbar" x-ref="options_swatches_342203"><template x-for="(item, index) in optionConfig.attributes[147].options.slice(0, 12)" :key="item.id"><div @click="open = false" x-show="optionIsActive(147, item.id)"> <div class="flex items-center justify-center"><template x-if="optionIsEnabled(147, item.id) && optionIsActive(147, item.id)"><label :for="'attribute-option-342203-'+item.id" class="swatch-option relative border-2 cursor-pointer select-none product-option-value-label" x-on:click="isTextSwatch(147, item.id) ? toggleOption(147, item.id) : changeOption(147, item.id)" :class="{ 'border-black ring-2 ring-white': (selectedValues[147] === item.id), 'border-transparent': (selectedValues[147] !== item.id), 'w-5 h-5' : !isTextSwatch(147, item.id), 'border-black ring-2 ring-white' : focusedLabel === item.id }
11737" :style="getSwatchBackgroundStyle('147',item.id)"><input :id="'attribute-option-342203-'+item.id" :value="item.id" name="super_attribute[147]" type="radio" class="inline-block invisible absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input bg-transparent" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="!isTextSwatch(147, item.id) ? changeOption(147, $event.target.value) : () => {}" x-model="selectedValues[147]" :required="getAllowedAttributeOptions(147).filter( attributeOption => selectedValues[attributeOption] ).length === 0"><div x-html="getSwatchText(147, item.id)" class="leading-relaxed text-center" :class="{ 'sr-only' : !isTextSwatch(147, item.id) }"></div></label></template></div></div></template></div></div></div></div></div></template></div></div></div></div> <div class="flex flex-wrap justify-center mt-auto hidden" x-data="{value: 1}"><label class="w-full text-white text-center mb-0 md:mb-2" for="qty_342203"><span class="inline">כמות</span></label> <button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="decrease_qty" @click.prevent="value > 1 ? value -= 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11738 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> 11739<title>chevron-down</title></svg> 11740</button> <input class="appearance-none bg-transparent border border-white text-white text-center w-[66px] h-8 -mx-px" type="number" name="qty" id="qty_342203" x-bind:value="value"><button class="bg-transparent border border-white text-white text-center w-8 h-8 flex items-center justify-center" data-role="increase_qty" @click.prevent="value >= 1 ? value += 1 : value"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="16" height="16" role="img"> 11741 <path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path> 11742<title>chevron-up</title></svg> 11743</button></div></div></div> <div class="cart-details-actions z-10 md:opacity-0 group-hover:md:opacity-100 flex justify-center items-center transition-opacity duration-500 mt-auto mx-4 mb-4 md:mb-8 md:mb-10 md:w-full" :class="open ? 'open opacity-100 md:opacity-100 w-full' : 'mb-4 md:mb-10'"> <button class="flex justify-center btn btn-secondary text-center max-w-[145px] md:w-full md:max-w-[184px] md:h-auto md:px-8 md:btn-size-lg md:text-sm md:absolute md:bottom-[-22%]" aria-label="הוספה לסל" :class="open ? '!bg-white !text-black w-full h-auto md:btn-size-lg px-8' : 'w-6 h-6 px-0 rounded-full md:rounded-none'" type="submit" @click.prevent="!open ? open = true : event => submitAddToCartForm(event)"><span class="md:hidden" :class="open ? 'hidden' : 'inline'"><?xml version="1.0" encoding="utf-8"?> 11744<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 18 20" class="w-3 h-3 fill-current" width="16" height="16" aria-hidden="true"> 11745<path d="M16.6,4h-3.5c-0.1-1.1-0.6-2.1-1.4-2.9c-1.4-1.5-3.8-1.5-5.3-0.1c0,0,0,0-0.1,0.1C5.6,1.9,5.1,2.9,4.9,4H1.4 C1,4,0.6,4.2,0.4,4.5C0.1,4.8,0,5.2,0,5.6v12.8c0,0.4,0.1,0.8,0.4,1.1C0.6,19.8,1,20,1.4,20h15.2c0.4,0,0.7-0.2,1-0.5 c0.3-0.3,0.4-0.7,0.4-1.1V5.6c0-0.4-0.1-0.8-0.4-1.1C17.4,4.2,17,4,16.6,4z M9,1.6c0.6,0,1.2,0.2,1.7,0.7c0.5,0.5,0.8,1.1,1,1.7H6.3 c0.1-0.7,0.5-1.3,1-1.7C7.8,1.8,8.4,1.6,9,1.6z M16.6,18.4H1.4V5.6h3.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1 C6,8.6,6,8.6,6,8.6C6.2,8.4,6.2,8.2,6.2,8V5.6h5.5V8c0,0.2,0.1,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.9,0.1c0,0,0.1-0.1,0.1-0.1 c0.1-0.2,0.2-0.4,0.2-0.6V5.6h3.5L16.6,18.4z"></path> 11746</svg> 11747</span> <span class="md:inline" :class="open ? 'inline' : 'hidden'"><template x-if="success"><span>נוסף</span></template><template x-if="!success"><span>הוספה לסל</span></template></span></button> </div><div x-cloak class="cart-loading absolute inset-0 flex flex-col items-center justify-center transition-opacity duration-500 before:bg-white/80 before:absolute before:inset-0 before:md:inset-0" :class="loading ? 'z-20 opacity-100' : '-z-20 opacity-0'"><span class="z-10"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 11748<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-black" width="40" height="40" role="img"> 11749 <g fill="none" fill-rule="evenodd"> 11750 <g transform="translate(1 1)" stroke-width="2"> 11751 <circle cx="5" cy="50" r="5">
11752 <animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"></animate> 11753 <animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"></animate> 11754 </circle> 11755 <circle cx="27" cy="5" r="5"> 11756 <animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"></animate> 11757 <animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"></animate> 11758 </circle> 11759 <circle cx="49" cy="50" r="5"> 11760 <animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"></animate> 11761 <animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"></animate> 11762 </circle> 11763 </g> 11764 </g> 11765<title>loader</title></svg> 11766</span></div></div> <div class="absolute w-full h-full" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea","id":"342203","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/815ke-99x-מכנסיים-בגזרה-משוחררת';return false; }});"></div> <picture><source media="(max-width: 1024px)" srcset="https://reserved-il.com/media/catalog/product/cache/6901ab4c0e3d388e3b7dd7d00138500f/8/1/815ke-99x-001-1-1326154.jpg"></source> <img class="object-contain product-image-photo w-full" x-data="" @update-gallery-342203.window="$root.src = $event.detail" src="https://reserved-il.com/media/catalog/product/cache/1086556869a4aed5e19a90ae648afc84/8/1/815ke-99x-001-1-1326154.jpg" loading="lazy" width="900" height="1200" alt="מכנסיים בגזרה משוחררת" title="מכנסיים בגזרה משוחררת"></picture> <div x-cloak class="product-item-photo absolute inset-0 transition-opacity hidden md:block" :class="open ? 'opacity-0' : 'opacity-0 group-hover:opacity-100'"><picture><source media="(max-width: 1024px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></source> <img class="object-contain product-image-photo w-full" src="https://reserved-il.com/media/catalog/product/cache/7777ae107ee6d4b37d57b513f3b96ac6/8/1/815ke-99x-002-1-1326154.jpg" loading="lazy" width="675" height="900" alt="מכנסיים בגזרה משוחררת" title="מכנסיים בגזרה משוחררת"></picture></div></a> <div class="product-info grid grid-flow-col-dense py-1 px-1 sm:px-3 gap-1 6666"> <div class="text-right"><a class="product-item-link" href="https://reserved-il.com/815ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA" onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"productClick","eventLabel":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u
1176605ea","ecommerce":{"click":{"actionField":{"list":""},"products":[{"name":"\u05de\u05db\u05e0\u05e1\u05d9\u05d9\u05dd \u05d1\u05d2\u05d6\u05e8\u05d4 \u05de\u05e9\u05d5\u05d7\u05e8\u05e8\u05ea","id":"342203","price":"129.90","category":"\u05e0\u05e9\u05d9\u05dd","position":null}]}}, 'eventCallback': function() { document.location = 'https://reserved-il.com/815ke-99x-מכנסיים-בגזרה-משוחררת';return false; }});">מכנסיים בגזרה משוחררת</a> <div class="flex items-center justify-start" x-data="initConfigurablePreview_342203()" x-init="preselectOption()"><template x-for="(item, index) in optionConfig.attributes[93].options.slice(0, 5)" :key="item.id"> <template x-if="optionIsEnabled(93, item.id)"><div class="flex items-center justify-center ml-1 md:ml-2"><button type="button" x-on:click.prevent="selectOption(93, item.id)" class="inline-block border w-4 h-4 md:w-[1.3rem] md:h-[1.3rem] block rounded-full" :style="getSwatchBackgroundStyle('93',item.id)" :class="{ 'border-white ring-2 ring-brand-gray-800': (selectedValues[93] === item.id), 'border-transparent': (selectedValues[93] !== item.id) }"><div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div></button></div></template></template><a x-cloak x-show="optionConfig.attributes[93].options && optionConfig.attributes[93].options.length > 5" href="https://reserved-il.com/815ke-99x-%D7%9E%D7%9B%D7%A0%D7%A1%D7%99%D7%99%D7%9D-%D7%91%D7%92%D7%96%D7%A8%D7%94-%D7%9E%D7%A9%D7%95%D7%97%D7%A8%D7%A8%D7%AA"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-3 h-3 md:w-4 md:h-4" width="16" height="16" role="img"> 11767 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> 11768<title>arrow-left</title></svg> 11769</a></div>
11769<script> 11770 'use strict'; 11771 function initConfigurablePreview_342203() { 11772 const configurableOptionsComponent = initConfigurableOptions( 11773 '342203', 11774 {"attributes":{"93":{"id":"93","code":"color","label":"\u05e6\u05d1\u05e2","options":[{"id":"735","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8","products":["341869","341870","341871","341872"]},{"id":"723","label":"\u05e9\u05d7\u05d5\u05e8","products":["341877","341878","341879"]},{"id":"865","label":"\u05e7\u05e4\u05d4","products":["341873","341874","341875","341876"]}],"position":"0"},"147":{"id":"147","code":"size","label":"\u05de\u05d9\u05d3\u05d4","options":[{"id":"146","label":"XS","products":["341872","341876","341879"]},{"id":"63","label":"S","products":["341871","341875","341878"]},{"id":"49","label":"M","products":["341870","341874","341877"]},{"id":"46","label":"L","products":["341869","341873"]}],"position":"1"}},"template":"<%- data.price %>\u00a0\u20aa","currencyFormat":"%s\u00a0\u20aa","optionPrices":{"341869":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341870":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341871":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341872":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341873":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341874":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341875":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341876":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341877":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341878":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}},"341879":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9},"tierPrices":[],"msrpPrice":{"amount":0}}},"priceFormat":{"pattern":"%s\u00a0\u20aa","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":129.9},"oldPrice":{"amount":129.9},"basePrice":{"amount":129.9},"finalPrice":{"amount":129.9}},"productId":"342203","chooseText":"\u05d1\u05d7\u05e8\u05d5 \u05d0\u05e4\u05e9\u05e8\u05d5\u05ea...","images":[],"index":{"341869":{"93":"735","147":"46"},"341870":{"93":"735","147":"49"},"341871":{"93":"735","147":"63"},"341872":{"93":"735","147":"146"},"341873":{"93":"865","147":"46"},"341874":{"93":"865","147":"49"},"341875":{"93":"865","147":"63"},"341876":{"93":"865","147":"146"},"341877":{"93":"723","147":"49"},"341878":{"93":"723","147":"63"},"341879":{"93":"723","147":"146"}},"salable":[],"canDisplayShowOutOfStockStatus":false,"channel":"website","salesChannelCode":"base","sku":{"341869":"815KE-09M-L","341870":"815KE-09M-M","341871":"815KE-09M-S","341872":"815KE-09M-XS","341873":"815KE-84X-L","341874":"815KE-84X-M","341875":"815KE-84X-S","341876":"815KE-84X-XS","341877":"815KE-99X-M","341878":"815KE-99X-S","341879":"815KE-99X-XS"}} ); 11775 11776 const colorAttrCode = 93; 11777 const colorValue = '723'; 11778 11779 const swatchOptionsComponent = initSwatchOptions({"93":{"735":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-09m-999-1-1326050.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-09m-999-1-1326050.jpg","label":"\u05d0\u05e4\u05d5\u05e8 \u05d1\u05d4\u05d9\u05e8"},"865":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-84x-999-1-1281461.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-84x-999-1-1281461.jpg","label":"\u05e7\u05e4\u05d4"},"723":{"type":2,"value":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/354dc6c3c5994b01bbf31ce70e29571e\/8\/1\/815ke-99x-999-1-1326154.jpg","thumb":"https:\/\/reserved-il.com\/media\/catalog\/product\/cache\/68b195e35973a893fb83f80df4ba12c6\/8\/1\/815ke-99x-999-1-1326154.jpg","label":"\u05e9\u05d7\u05d5\u05e8"},"additional_data":"{\"swatch_input_type\":\"visual\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":\"1\"}"},"147":{"146":{"type":"0","value":"XS","label":"XS"},"63":{"type":"0","value":"S","label":"S"},"49":{"type":"0","value":"M","label":"M"},"46":{"type":"0","value":"L","label":"L"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}}); 11780 11781 return Object.assign( 11782 configurableOptionsComponent, 11783 swatchOptionsComponent, 11784 { 11785 productUrl: "https://reserved-il.com/815ke-99x-מכנסיים-בגזרה-משוחררת", 11786 attributeCode: "color", 11787 mediaCallback: "https\u003A\u002F\u002Freserved\u002Dil.com\u002Fswatches\u002Fajax\u002Fmedia\u002F", 11788 preselectOption() { 11789 this.selectedValues[colorAttrCode] = colorValue; 11790 this.dispatchSelectedOption(colorAttrCode, colorValue); 11791 }, 11792 selectOption(optionId, value) { 11793 this.selectedValues[optionId] = value; 11794 this.dispatchSelectedOption(optionId, value); 11795 }, 11796 dispatchSelectedOption(optionId, value) { 11797 window.dispatchEvent( 11798 new CustomEvent( 11799 "select-product-342203-option", 11800 {detail: {option: optionId, value: value}} 11801 ) 11802 ); 11803 } 11804 } 11805 ) 11806 }</script>
11806 </div><div x-data="initPriceBox__6ac33f9e1f06e()" @update-prices-342203.window="updatePrice($event.detail);" class="text-left" x-defer="intersect"><div class="price-box price-final_price" data-role="priceBox" data-product-id="342203" data-price-box="product-id-342203"> <span class="normal-price "> <span class="price-container price-final_price tax weee"> <span class="price-label sr-only">החל מ</span> <span id="product-price-342203" data-price-amount="129.9" data-price-type="finalPrice" class="price-wrapper "><span class="price">129.90 ₪</span></span> </span></span> </div></div>
11806<script> 11807 function initPriceBox__6ac33f9e1f06e() 11808 { 11809 return { 11810 updatePrice(priceData) { 11811 const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); 11812 const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price'); 11813 if (priceData.finalPrice.amount < priceData.oldPrice.amount) { 11814 regularPriceLabel.classList.add('hidden'); 11815 } else { 11816 regularPriceLabel.classList.remove('hidden'); 11817 } 11818 regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); 11819 } 11820 } 11821 }</script>
11821</div></form>
11821<script> 11822 function validateSuperAttrs(superAttributeInputs) { 11823 let isValid = true; 11824 11825 superAttributeInputs.forEach(input => { 11826 const value = input.value.trim(); 11827 if (!/^\d+$/.test(value)) { 11828 isValid = false; 11829 } 11830 }); 11831 11832 return isValid; 11833 } 11834 function formSubmitData_342203() { 11835 return { 11836 loading: false, 11837 success: false, 11838 open: false, 11839 form: null, 11840 init: function () { 11841 this.form = this.$el; 11842 }, 11843 ajaxFormSubmit: function () { 11844 const self = this; 11845 const data = new URLSearchParams(new FormData(self.form)); 11846 const superAttributeInputs = this.form.querySelectorAll('input[name^="super_attribute["]'); 11847 if (!validateSuperAttrs(superAttributeInputs)) { 11848 alert('Please enter a valid number.'); 11849 self.loading = false; 11850 return; 11851 } 11852 fetch(self.form.action, { 11853 method: 'POST', 11854 body: data, 11855 headers: { 11856 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 11857 'X-Requested-With': 'XMLHttpRequest' 11858 } 11859 }).then(res => { 11860 if (!res.ok) { 11861 return self.form.submit(); 11862 } 11863 11864 if (res.redirected) { 11865 return []; 11866 } 11867 11868 return res.json(); 11869 }).then(data => { 11870 if (data.backUrl) { 11871 self.form.submit(); 11872 } 11873 11874 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 11875 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 11876 }).catch(err => { 11877 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 11878 11879 self.setMessage({ 11880 text: 'אירעה שגיאה בהוספת הפריט לסל.', 11881 type: 'error' 11882 }); 11883 }).finally(() => { 11884 let messages = hyva.getCookie('mage-messages'); 11885 self.loading = false; 11886 self.success = true; 11887 try { 11888 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 11889 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 11890 } catch (error) { 11891 console.warn('Error parsing Cookie Messages:', error); 11892 return; 11893 } 11894 11895 setTimeout(() => { 11896 messages.forEach(message => { 11897 self.setMessage(message); 11898 }); 11899 }, 1000); 11900 11901 setTimeout(() => { 11902 self.success = false; 11903 self.open = false; 11904 }, 3000); 11905 }); 11906 11907 }, 11908 setMessage: function(message) { 11909 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 11910 [message], 5000 11911 ); 11912 }, 11913 submitAddToCartForm(event) { 11914 event.preventDefault(); 11915 11916 this.loading = true; 11917 11918 this.ajaxFormSubmit(); 11919 } 11920 } 11921 }</script>
11921</div> </div> <div class="direction-ltr carousel-nav flex items-center justify-center flex-1 p-4"><button aria-label="הקודם" class="glider-prev w-10 h-10 mr-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M716.8 1024c6.552 0 13.102-2.499 18.101-7.499 9.998-9.997 9.998-26.206 0-36.203l-442.698-442.698 442.698-442.699c9.998-9.997 9.998-26.206 0-36.203s-26.206-9.998-36.203 0l-460.8 460.8c-9.998 9.997-9.998 26.206 0 36.203l460.8 460.8c5 5 11.55 7.499 18.102 7.499z"></path></svg></button> <div role="tablist" class="glider-dots select-none flex flex-wrap mx-1 justify-center p-0 focus:outline-none"></div><button aria-label="הבא" class="glider-next w-10 h-10 ml-1 text-black rounded-full outline-none focus:outline-none hidden"><svg viewbox="0 0 1024 1024"><path class="path1" d="M256 1024c-6.552 0-13.102-2.499-18.101-7.499-9.998-9.997-9.998-26.206 0-36.203l442.698-442.698-442.698-442.699c-9.998-9.997-9.998-26.206 0-36.203s26.206-9.998 36.203 0l460.8 460.8c9.998 9.997 9.998 26.206 0 36.203l-460.8 460.8c-5 5-11.55 7.499-18.102 7.499z"></path></svg></button></div></div></div></div></div></div></main><footer class="page-footer"><div class="footer content">
11921<script> 11922 "use strict"; 11923 11924 var utm_source = new URLSearchParams(window.location.search).get("utm_source"); 11925 var transaction_id = new URLSearchParams(window.location.search).get("tid"); 11926 if (utm_source && transaction_id){ 11927 var d = new Date(); 11928 var date = new Date(); 11929 date.setTime(date.getTime() + 24 * 60 * 60 * 3); 11930 hyva.setCookie('AmbassadorId', transaction_id, {expires:date,path:'/'} ) 11931 }</script>
11931
11931<script> 11932 "use strict"; 11933 11934 (function() { 11935 try { 11936 11937 function deleteCookie(cookieName) { 11938 document.cookie = cookieName + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/'; 11939 } 11940 11941 11942 if (!window.mamiCookieListenerSet) { 11943 window.addEventListener('affiliateCookieSet', function(event) { 11944 11945 if (event.detail.cookieName !== 'MamiClickId') { 11946 deleteCookie('MamiClickId'); 11947 console.log('Mami cookie cleared due to new affiliate:', event.detail.module); 11948 } 11949 }); 11950 window.mamiCookieListenerSet = true; 11951 } 11952 11953 11954 const urlParams = new URLSearchParams(window.location.search); 11955 const utmSource = urlParams.get('utm_source'); 11956 const clickId = urlParams.get('click_id'); 11957 11958 11959 11960 const utmSourceRequired = ''; 11961 const isValidTraffic = clickId && (utmSourceRequired === '' || utmSource === utmSourceRequired); 11962 11963 if (isValidTraffic) { 11964 11965 window.dispatchEvent(new CustomEvent('affiliateCookieSet', { 11966 detail: { 11967 module: 'mami', 11968 cookieName: 'MamiClickId' 11969 } 11970 })); 11971 11972 11973 const date = new Date(); 11974 date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); 11975 11976 11977 if (typeof hyva !== 'undefined' && typeof hyva.setCookie === 'function') { 11978 hyva.setCookie('MamiClickId', clickId, 7); 11979 } else { 11980 11981 document.cookie = 'MamiClickId=' + encodeURIComponent(clickId) + 11982 '; expires=' + date.toUTCString() + 11983 '; path=/'; 11984 } 11985 11986 console.log('Mami Click ID saved:', clickId, utmSource ? '(utm_source: ' + utmSource + ')' : '(no utm_source)'); 11987 } 11988 } catch (error) { 11989 console.error('Error processing Mami tracking:', error); 11990 } 11991 })();</script>
11991<script> 11992 "use strict"; 11993 11994 var utm_source = new URLSearchParams(window.location.search).get("utm_source"); 11995 var transaction_id = new URLSearchParams(window.location.search).get("cgid"); 11996 if (utm_source == 'wesell' && transaction_id){ 11997 var date = new Date(); 11998 date.setTime(date.getTime() + 24 * 60 * 60 * 3); 11999 hyva.setCookie('WeSellId', transaction_id, {expires:date,path:'/'} ) 12000 }</script>
12000 <div class="footer-newsletter bg-white md:h-72 flex items-center justify-center lg:py-8 md:py-8 md:max-h-[276px] border-t"><div class="container max-auto flex justify-center items-center mb-4"> <div class="max-w-[282px] md:max-w-[665px] w-full flex flex-col w-full items-center"><div class="newsletter-copy text-center"><style>#html-body [data-pb-style=PG0G8M3]{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=QRBLUBB]{text-align:center}</style><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="PG0G8M3"><h4 data-content-type="heading" data-appearance="default" data-element="main" data-pb-style="QRBLUBB">Join Our Newsletter</h4><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">××רש×× ××¢×××× ××, ×× ××ת ×××××ת!</p></div></div></div></div><form class="form subscribe w-full" action="https://reserved-il.com/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()" id="newsletter-validate-detail"><div class="flex flex-nowrap items-center justify-center mx-auto mb-4"><label for="newsletter-subscribe" class="sr-only hidden">××××</label> <input name="email" type="email" required id="newsletter-subscribe" class="form-input text-xs leading-none border-brand-gray-700 max-h-[29px] md:max-h-[44px] md:text-xl border-l-0 inline-flex w-full rounded-none rounded-r" placeholder="מייל"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <button class="btn btn-primary inline-flex text-xs px-7 h-8 max-h-[29px] md:text-base md:h-11 md:px-8 md:px-10 flex-shrink-0 md:max-h-[45px] rounded-none rounded-l bg-black hover:bg-brand-accent">ש××</button></div><div class="field choice flex flex-nowrap items-center justify-center"><input class="self-start mx-2 mt-2 md:mx-4" type="checkbox" id="newsletter_agreements" name="newsletter_agreements" required oninvalid="setCustomValidity('×ש ×ס×× ××ש×ר ×§××ת ××××¢ ש××××§×')"/><label for="newsletter_agreements" class="label"><span class="text-xs md:text-base md:font-semibold ml-4">×× × ××שר/ת ××ס×××/× ××§××ת ××××ר ×ש×ר, ××××¢×ת ×פרס×××× ×©××××§××× ×××ת×× ×§××צת H&O ×××צע×ת ×××''×, ×סר×× ×× (SMS) ××× ××× ×××¦×¢× ×ª×§×©×רת ×××§×ר×× × ××ר</span></label></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-width="2" stroke="currentColor" width="24" height="24" role="img"> 12001 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 12002<title>exclamation-circle</title></svg> 12003</span> <template x-for="errorMessage in errorMessages"><span x-html="errorMessage"></span></template></p></template></div></form><div class="w-full"></div>
12003<script> 12004 function initNewsletterForm() { 12005 return { 12006 errors: 0, 12007 hasCaptchaToken: 0, 12008 displayErrorMessage: false, 12009 errorMessages: [], 12010 setErrorMessages(messages) { 12011 this.errorMessages = [messages] 12012 this.displayErrorMessage = this.errorMessages.length 12013 }, 12014 submitForm() { 12015 12016 const $form = document.querySelector('#newsletter-validate-detail'); 12017 12018 if (this.errors === 0) { 12019 $form.submit(); 12020 } 12021 } 12022 } 12023 }</script>
12023</div></div></div><div class="container flex justify-center items-center"><!--Footer Social Icons--> <ul class="social-links flex"> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.facebook.com/ReservedIsrael" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 25 24" class="w-6 h-6 fill-current" role="img"> 12024 <path d="M25,12.074A12.293,12.293,0,0,0,12.5,0,12.29,12.29,0,0,0,0,12.074,12.211,12.211,0,0,0,10.547,24V15.565H7.373v-3.49h3.174V9.413c0-3.025,1.863-4.7,4.72-4.7a19.948,19.948,0,0,1,2.8.235V7.924H16.487A1.776,1.776,0,0,0,14.453,9.81v2.264H17.92l-.557,3.49H14.453V24A12.215,12.215,0,0,0,25,12.074Z"/> 12025<title>facebook</title></svg> 12026 <span class="hidden">Facebook</span></a></li> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.instagram.com/reserved/" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="w-6 h-6 fill-current" role="img"> 12027 <path d="M12,8a4,4,0,1,0,4,4A4.01,4.01,0,0,0,12,8Zm12,4c0-1.657.015-3.3-.078-4.953a7.136,7.136,0,0,0-1.936-5.031A7.128,7.128,0,0,0,16.953.079C15.3-.014,13.654,0,12,0S8.7-.014,7.047.079A7.136,7.136,0,0,0,2.015,2.015,7.128,7.128,0,0,0,.079,7.047C-.014,8.7,0,10.346,0,12s-.015,3.3.078,4.953a7.136,7.136,0,0,0,1.936,5.031,7.128,7.128,0,0,0,5.031,1.936C8.7,24.014,10.346,24,12,24s3.3.015,4.953-.078a7.136,7.136,0,0,0,5.031-1.936,7.128,7.128,0,0,0,1.936-5.031c.1-1.654.078-3.3.078-4.953ZM12,18.157A6.157,6.157,0,1,1,18.154,12,6.148,6.148,0,0,1,12,18.157ZM18.406,7.029a1.436,1.436,0,1,1,.551-.109,1.436,1.436,0,0,1-.551.109Z"/> 12028<title>instagram</title></svg> 12029 <span class="hidden">Instagram</span></a></li> <li class="social-item flex"><a class="social-link flex text-black hover:text-brand-accent" href="https://www.youtube.com/user/reservedTV" target="_blank" rel="nofollow noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 34 24" class="w-[34px] h-6 fill-current" role="img"> 12030 <path d="M33.29,3.749a4.3,4.3,0,0,0-1.1-1.92,4.255,4.255,0,0,0-1.9-1.111C27.633,0,17,0,17,0S6.367,0,3.715.715a4.248,4.248,0,0,0-1.906,1.11A4.292,4.292,0,0,0,.71,3.745,45.067,45.067,0,0,0,0,12a45.011,45.011,0,0,0,.71,8.251,4.276,4.276,0,0,0,3.005,3.031C6.367,24,17,24,17,24s10.633,0,13.285-.718a4.27,4.27,0,0,0,3.005-3.031A45.011,45.011,0,0,0,34,12,45.011,45.011,0,0,0,33.29,3.749ZM13.623,17.121V6.879l8.8,5.083Z"/> 12031<title>youtube</title></svg> 12032 <span class="hidden">Youtube</span></a></li> </ul></div><div class="footer-main text-brand-gray-300 bg-brand-white-800 lg:flex lg:justify-center"> <div x-data="initFooterColumns()" class="w-full flex flex-col lg:flex-row lg:justify-between lg:py-10 lg:-mx-4 lg:max-w-[63rem]"> <div class="footer-column lg:px-4 lg:min-w-[180px]"><div class="border-b border-brand-white-900 lg:border-none font-semibold text-brand-accent"><a class="block p-2 text-center text-base lg:pointer-events-none lg:text-right lg:py-0" href="#0" @click.prevent="toggleAccordion($event, 'accordion_0')" >שר×ת ××§×××ת</a></div><div id="footer-cms-column-1" class="transition-all max-h-0 duration-500 overflow-hidden text-sm lg:max-h-none font-normal leading-6" x-ref="accordion_container_0" x-bind:style="openedAccordion === 'accordion_0' ? 'max-height: ' + $refs.accordion_container_0.scrollHeight + 'px' : ''" ><div class="column-container p-2 text-center lg:text-right"><style>#html-body [data-pb-style=K8M986O]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=EHXIE1Q]{display:flex;width:100%}#html-body [data-pb-style=GE571UR]{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="K8M986O"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EHXIE1Q"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GE571UR"><div data-content-type="text" data-appearance="default" data-element="main"><p id="OQC0K9U"><a tabindex="0" href="/deliveries">משלוחים</a></p> 12033<p><a id="S970QTY" tabindex="0" href="https://reserved-il.com/returns">החזרות</a></p> 12034<p><a tabindex="0" href="https://reserved-il.com/cancel">ביטול עסקה</a></p> 12035<p><a tabindex="0" href="/questions">שאלות ותשובות</a></p> 12036<p><a href="https://reserved-il.com/store-openinghours-holiday">שעות פעילות בחגים</a></p></div></div></div></div></div></div></div> <div class="footer-column lg:px-4 lg:min-w-[180px]"><div class="border-b border-brand-white-900 lg:border-none font-semibold text-brand-accent"><a class="block p-2 text-center text-base lg:pointer-events-none lg:text-right lg:py-0" href="#2" @click.prevent="toggleAccordion($event, 'accordion_2')" >××××ת</a></div><div id="footer-cms-column-3" class="transition-all max-h-0 duration-500 overflow-hidden text-sm lg:max-h-none font-normal leading-6" x-ref="accordion_container_2" x-bind:style="openedAccordion === 'accordion_2' ? 'max-height: ' + $refs.accordion_container_2.scrollHeight + 'px' : ''" ><div class="column-container p-2 text-center lg:text-right"><style>#html-body [data-pb-style=S87W2IS]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=GAKFLO1]{display:flex;width:100%}#html-body [data-pb-style=X469F6G]{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="S87W2IS"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="GAKFLO1"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="X469F6G"><div data-content-type="text" data-appearance="default" data-element="main"><p><a tabindex="0" href="/access">הצהרת נגישות</a></p> 12037<p><a tabindex="0" href="/privacy">שמירת פרטיות</a></p> 12038<p><a tabindex="0" href="https://reserved-il.com/takanon">תקנון האתר</a></p> 12039<p> </p> 12040<p> </p></div></div></div></div></div></div></div> <div class="footer-column lg:px-4 lg:min-w-[180px]"><div class="border-b border-brand-white-900 lg:border-none font-semibold text-brand-accent"><a class="block p-2 text-center text-base lg:pointer-events-none lg:text-right lg:py-0" href="#3" @click.prevent="toggleAccordion($event, 'accordion_3')" >×ס×פ×ר ש×× ×</a></div><div id="footer-cms-column-4" class="transition-all max-h-0 duration-500 overflow-hidden text-sm lg:max-h-none font-normal leading-6" x-ref="accordion_container_3" x-bind:style="openedAccordion === 'accordion_3' ? 'max-height: ' + $refs.accordion_container_3.scrollHeight + 'px' : ''" ><div class="column-container p-2 text-center lg:text-right"><style>#html-body [data-pb-style=JD840L6]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}
12040#html-body [data-pb-style=UK6U01A]{display:flex;width:100%}#html-body [data-pb-style=KJLUSDJ]{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="JD840L6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="UK6U01A"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KJLUSDJ"><div data-content-type="text" data-appearance="default" data-element="main"><p><a tabindex="0" title="אודותינו" href="https://reserved-il.com/about">אודותינו</a></p> 12041<p><a href="https://www.reserved.com/gb/en/women/product-care?brick=S_PRODUCT_CARE_W&place=women">הוראות בטיפול במוצרים</a></p> 12042<p><a tabindex="0" title="הסניפים שלנו" href="/store-locator">הסניפים שלנו</a></p> 12043<p id="S5U4RPK"><a id="T8K540L" tabindex="0" title="מאמרים" href="https://reserved-il.com/articles">מאמרים</a></p></div></div></div></div></div></div></div> <div class="footer-column lg:px-4 lg:min-w-[180px]"><div class="border-b border-brand-white-900 lg:border-none font-semibold text-brand-accent"><a class="block p-2 text-center text-base lg:pointer-events-none lg:text-right lg:py-0" href="#4" @click.prevent="toggleAccordion($event, 'accordion_4')" >×××ת ××××ת</a></div><div id="footer-cms-column-5" class="transition-all max-h-0 duration-500 overflow-hidden text-sm lg:max-h-none font-normal leading-6" x-ref="accordion_container_4" x-bind:style="openedAccordion === 'accordion_4' ? 'max-height: ' + $refs.accordion_container_4.scrollHeight + 'px' : ''" ><div class="column-container p-2 text-center lg:text-right"><style>#html-body [data-pb-style=QT07CCL]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=CT4LNP0]{display:flex;width:100%}#html-body [data-pb-style=C6SSHT0]{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="QT07CCL"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="CT4LNP0"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C6SSHT0"><div data-content-type="text" data-appearance="default" data-element="main"><p><a tabindex="0" href="https://reserved-il.com/women-size">נשים</a></p> 12044<p><a href="https://reserved-il.com/shoes-size">נעליים</a></p> 12045<p><a href="https://reserved-il.com/kids-size">ילדים</a></p> 12046<p><a href="https://reserved-il.com/uw-size">הלבשה תחתונה</a></p></div></div></div></div></div></div></div></div></div><div class="footer-frame bg-black text-white px-6 py-3 lg:flex justify-between hidden"><p><span class="copyright">©</span> ×× ××××××ת ש××ר×ת ×- <span>Reserved</span></p><p>××××¥ ×× × ×× ×¨×©×ª×ת ×××¤× × (2003) ××¢"× ×.פ. 513480947 , ××צ×ת שפ××× ×§××××¥ שפ××× 6099000</p><p><span class="copyright"></span><a href="https://signature-it.co.il/" target="_blank" rel="nofollow">Signature-IT Group</a></p></div><div class="footer-frame bg-black text-white px-6 py-3 lg:flex justify-between lg:hidden block text-center"><p class="text-xs">××××¥ ×× × ×× ×¨×©×ª×ת ×××¤× × (2003) ××¢"× ×.פ. 513480947 , ××צ×ת שפ××× ×§××××¥ שפ××× 6099000</p></div>
12046<script> 12047 'use strict'; 12048 12049 const initFooterColumns = () => { 12050 return { 12051 isDesktop: false, 12052 openedAccordion: null, 12053 mediaQuery: `(min-width: 768px)`, 12054 mediaQueryList: false, 12055 init() { 12056 this.mediaQueryList = window.matchMedia(this.mediaQuery); 12057 this.isDesktop = this.mediaQueryList.matches; 12058 12059 if (this.mediaQueryList.addEventListener) { 12060 this.mediaQueryList.addEventListener('change', event => { this.breakpointsChange(event) }); 12061 } else { 12062 this.mediaQueryList.addListener(event => { this.breakpointsChange(event) }); 12063 } 12064 }, 12065 breakpointsChange(event) { 12066 this.isDesktop = event.matches; 12067 }, 12068 toggleAccordion(event, id) { 12069 if(this.openedAccordion === id) { 12070 this.openedAccordion = null; 12071 return; 12072 } 12073 12074 this.openedAccordion = id; 12075 } 12076 } 12077 }</script>
12077</div></footer> <style> .is-loading > :not(.loader) { visibility: hidden; }</style>
12077<script> 12078 window.setAjaxCart = (selectors = '.product_addtocart_form, #product_addtocart_form', recursive = true) => { 12079 const addToCartForms = document.querySelectorAll(selectors); 12080 function validateSuperAttributes(superAttributeInputs) { 12081 let isValid = true; 12082 12083 superAttributeInputs.forEach(input => { 12084 const value = input.value.trim(); 12085 if (!/^\d+$/.test(value)) { 12086 isValid = false; 12087 } 12088 }); 12089 12090 return isValid; 12091 } 12092 addToCartForms.forEach(form => { 12093 form.addEventListener('submit', e => { 12094 e.preventDefault(); 12095 const superAttributeInputs = document.querySelectorAll('input[name^="super_attribute"]'); 12096 12097 if (!validateSuperAttributes(superAttributeInputs)) { 12098 alert('Please enter a valid number.'); 12099 return; 12100 } 12101 const data = new URLSearchParams(new FormData(form)), 12102 button = form.querySelector('button[type="submit"]') ? 12103 form.querySelector('button[type="submit"]') : 12104 document.getElementById('product-addtocart-button'), 12105 loader = document.createElement('div'); 12106 12107 loader.className = 'absolute inset-0 flex justify-center items-center loader'; 12108 loader.innerHTML = ` 12109 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="32" height="32"> 12110 <path fill="#fff" d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50"> 12111 <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/></path></svg> 12112 `; 12113 12114 button.prepend(loader); 12115 button.classList.add('relative', 'is-loading'); 12116 12117 fetch(e.currentTarget.action, { 12118 method: 'POST', 12119 body: data, 12120 headers: { 12121 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 12122 'X-Requested-With': 'XMLHttpRequest' 12123 } 12124 }) 12125 .then(res => { 12126 if (!res.ok) { 12127 form.submit(); 12128 } 12129 12130 return res.json(); 12131 }) 12132 .then(data => { 12133 if (data.backUrl) { 12134 form.submit(); 12135 } 12136 12137 if (recursive) { 12138 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 12139 } 12140 12141 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 12142 }) 12143 .catch(err => { 12144 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 12145 12146 setMessage({ 12147 text:'×××¨×¢× ×©×××× ×××ספת ×פר×× ×ס×.', 12148 type: 'error' 12149 }); 12150 }) 12151 .finally(() => { 12152 try { 12153 var messages = hyva.getCookie('mage-messages'); 12154 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 12155 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 12156 12157 } catch (error) { 12158 console.warn('Error parsing Cookie Messages:', error); 12159 return; 12160 } 12161 12162 setTimeout(() => { 12163 loader.remove(); 12164 button.classList.remove('is-loading'); 12165
12166 messages.forEach(message => { 12167 setMessage(message); 12168 }); 12169 }, 1000); 12170 }); 12171 }); 12172 }); 12173 } 12174 12175 /** 12176 * Set Message 12177 */ 12178 function setMessage(message) { 12179 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12180 [message], 5000 12181 ); 12182 } 12183 12184 /** Init on pageload */ 12185 window.setAjaxCart();</script>
12185<div id="login-popup-modal" class="login_form_popup">
12185<script> 12186 "use strict"; 12187 12188 function checkTzInEdea(self, tz) { 12189 self.isLoading = true; 12190 12191 let path = 'V1/edeacustomer/searchpcnbytz'; 12192 12193 let data = JSON.stringify({ 12194 customerTz: tz 12195 }); 12196 self.stepFourSubmitDisabled = true; 12197 fetch(BASE_URL + '/rest/' + path, { 12198 "headers": { 12199 "content-type": "application/json", 12200 'X-Requested-With': 'XMLHttpRequest' 12201 }, 12202 "body": data, 12203 "method": "POST", 12204 "mode": "cors", 12205 "credentials": "include" 12206 }).then(response => { 12207 self.stepFourSubmitDisabled = true; 12208 window.dispatchEvent(new CustomEvent('processStop')); 12209 12210 if (response.ok) { 12211 var res = response.clone().json(); 12212 return res; 12213 } else { 12214 var res1 = response.clone().json(); 12215 var res = res1[0]; 12216 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12217 [{ 12218 type: "warning", 12219 text: "Post request failed" 12220 }], 5000 12221 ); 12222 } 12223 }).then(function(res1) { 12224 var res = res1[0]; 12225 if (!res) { 12226 return; 12227 } 12228 self.stepFourSubmitDisabled = false; 12229 12230 if (res.messages) self.messages = res.messages; 12231 else self.messages = []; 12232 12233 if (res.success) { 12234 12235 if (res.step) 12236 self.step = res.step; 12237 12238 if (res.phones) { 12239 var phones = res.phones; 12240 self.phones = phones; 12241 if (phones.length == 1) { 12242 self.setPhone(0, phones[0]); 12243 } 12244 } 12245 if (res.subStep) 12246 self.subStep = res.subStep; 12247 12248 if (res.edea_data) { 12249 self.edea_data = res.edea_data; 12250 if (self.step == 'step_2') { 12251 self.edea_data_step2 = res.edea_data; 12252 } else if (self.step == 'step_3') { 12253 self.edea_data_step3 = res.edea_data; 12254 self.edea_data_step2 = res.edea_data; 12255 } 12256 } 12257 12258 } else { 12259 12260 12261 self.newCustomer = true; 12262 if(res.message) document.getElementsByClassName("cu_message").text=res.message; 12263 if(res.pcn) document.getElementsByName("pos_customer_number")[0].value=res.pcn; 12264 12265 12266 12267 } 12268 12269 self.isLoading = false; 12270 12271 }).catch(function(error) { 12272 self.isLoading = false; 12273 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12274 [{ 12275 type: "error", 12276 text: error 12277 }], 5000 12278 ); 12279 }); 12280 12281 }</script>
12281
12281<script> 12282 /** 12283 * Validator arguments 12284 * @param {string} value - input value 12285 * @param {*} options - additional options passed by data-validator='{"validatorName": {"option": 1}}' 12286 * @param {Object} field - Alpine.js object which contains element, validators and validation state 12287 * @param {Object} context - The Alpine.js component instance 12288 */ 12289 12290 12291 hyva.formValidation.addRule('israeli-id', function(value, options, field, context) { 12292 var tz = value.trim().replace(' ', ''); 12293 12294 if (tz.length > 9 || tz.length < 5 || isNaN(tz)) { 12295 return false; 12296 } 12297 12298 if (parseInt(tz) == 0) { 12299 return false; 12300 } 12301 12302 12303 tz = (tz.length < 9 ? ("00000000" + tz).slice(-9) : tz); 12304 12305 return Array.from(tz, Number).reduce(function(counter, digit, i) { 12306 var step = digit * (i % 2 + 1); 12307 return counter + (step > 9 ? step - 9 : step); 12308 }) % 10 === 0; 12309 12310 }); 12311 12312 hyva.formValidation.addRule('validate-phone-number', function(value, options, field, context) { 12313 const phone = value; 12314 if ((/^\d+$/.test(phone)) == false || phone.length != 10) { 12315 return '\u05DE\u05E1\u05E4\u05E8\u0020\u05D4\u05D8\u05DC\u05E4\u05D5\u05DF\u0020\u05DC\u05D0\u0020\u05EA\u05E7\u05D9\u05DF'; 12316 } else 12317 return true; 12318 12319 });</script>
12319
12319<script> 12320 "use strict"; 12321 12322 function initEdeaLogin() { 12323 return { 12324 /** 12325 * @var {Array} 12326 */ 12327 messages: {}, 12328 subStep: '', 12329 step: '', 12330 inputError: '', 12331 phones: [], 12332 loginPhoneIndex: '', 12333 loginPhone: '', 12334 loginEmail: '', 12335 emailValidation: false, 12336 emailValidationEdea: false, 12337 sendbyinforu: false, 12338 clubmemberidentification:false, 12339 edea_data: null, 12340 edea_data_step2: null, 12341 edea_data_step3: null, 12342 isCUmember: null, 12343 newCustomer: false, 12344 stepFourSubmitDisabled: true, 12345 isSubscribed: false, 12346 termsAndConditions: true, 12347 pcn: '', 12348 tz: '', 12349 isLoading: false, 12350 isFormBusy: false, 12351 isCustomerLoggedIn: false, 12352 12353 setPhone: function(index, value) { 12354 this.loginPhoneIndex = index; 12355 this.loginPhone = value; 12356 }, 12357 12358 initializeEdeaLogin: function() { 12359 console.log('initializeEdeaLogin'); 12360 12361 this.messages = []; 12362 this.step = 'step_1'; 12363 this.emailValidation = false; 12364 this.emailValidationEdea = true; 12365 this.sendbyinforu = true; 12366 this.clubmemberidentification = false; 12367 this.subStep = ''; 12368 this.phones = []; 12369 this.inputError = ''; 12370 this.loginPhoneIndex = ''; 12371 this.loginPhone = ''; 12372 this.loginEmail = ''; 12373 this.isFormBusy = false; 12374 this.edea_data = null; 12375 this.edea_data_step2 = null; 12376 this.edea_data_step3 = null; 12377 12378 if(this.clubmemberidentification == false) 12379 this.isCUmember = 'true'; 12380 12381 this.stepFourSubmitDisabled = true; 12382 this.newCustomer = false; 12383 this.isSubscribed = false; 12384 this.isLoading = false; 12385 this.termsAndConditions = true; 12386 this.pcn = ''; 12387 this.tz = ''; 12388 12389 }, 12390 verifyCustomerData: function (data) { 12391 this.isCustomerLoggedIn = !!data.customer && !!data.customer.firstname; 12392 }, 12393 validateTz: function(value) { 12394 const form = document.querySelector('#register-form'); 12395 let self = this; 12396 12397 this.formValidate(form).then(response => { 12398 checkTzInEdea(this, value) 12399 }) 12400 .catch(e => { 12401 console.log(e); 12402 }); 12403 }, 12404 setTz: function(value) { 12405 this.tz = value; 12406 this.stepFourSubmitDisabled = true; 12407 this.validateTz(value); 12408 }, 12409 12410 12411 12412 12413 setIsCUmember: function(value) { 12414 this.isCUmember = value; 12415 if (value == false) 12416 this.stepFourSubmitDisabled = false; 12417 else if (!this.newCustomer) this.stepFourSubmitDisabled = true; 12418 }, 12419 phoneMask(phone) { 12420 var str = phone; 12421 12422 return str.slice(0, 3) + '-XXXX' + str.slice(-3) 12423 }, 12424 checkTzAvailability: function(val, element) { 12425 var self = this; 12426 12427 this.isTzCheckComplete = $.Deferred(); 12428 12429 }, 12430 12431 12432 12433 12434 12435 12436 resendCode: function(form){ 12437 let self = this; 12438 this.formValidate(form).then(response => { 12439 12440 12441 let addintinalInfo; 12442 if(self.edea_data_step2){ 12443 addintinalInfo = {edea_data: self.edea_data_step2}; 12444 } else{ 12445 addintinalInfo = {edea_data: self.edea_data}; 12446 } 12447 self.ajaxSubmitForm(form, addintinalInfo); 12448 window.dispatchEvent(new CustomEvent("sendVerificationCodeAgain")); 12449 12450 }).catch(e => { 12451 console.log(e); 12452 }); 12453 12454 }, 12455 12456 ajaxSubmitEmailValidation: function(form) { 12457 let self = this; 12458 this.formValidate(form).then(response => { 12459 12460 let addintinalInfo = { 12461 validation_type: 'email', 12462 edea_data: self.edea_data_step3, 12463 loginEmail: self.loginEmail, 12464 loginPhone: self.loginPhone 12465 }; 12466 self.ajaxSubmitForm(form, addintinalInfo); 12467 12468 }).catch(e => { 12469 console.log(e); 12470 }); 12471 12472 12473 }, 12474 12475 ajaxSubmitForm: function(form, addintinalInfo = null) { 12476 if (!form.action) { 12477 return; 12478 } 12479 const action = form.action; 12480 const formData = new FormData(form); 12481 12482 12483 var data = []; 12484 formData.forEach((value, key) => data.push({ 12485 name: key, 12486 value: value 12487 })); 12488 12489 data.push({ 12490 name: "addintinalInfo", 12491 value: addintinalInfo 12492 }); 12493 12494 var jsondata = JSON.stringify(data); 12495 12496 this.ajaxSubmit(action, jsondata); 12497 }, 12498 12499 ajaxSubmitStepFour: function(form) { 12500 let self = this; 12501 12502 this.formValidate(form).then(response => { 12503 12504 let addintinalInfo = { 12505 edea_data: self.edea_data, 12506 loginEmail: self.loginEmail, 12507 loginPhone: self.loginPhone 12508 }; 12509 self.ajaxSubmitForm(form, addintinalInfo); 12510 12511 }).catch(e => { 12512 console.log(e); 12513 }); 12514 12515 }, 12516 12517 ajaxSubmitStepThree: function(form) { 12518 let self = this; 12519 12520 this.formValidate(form).then(response => { 12521 let addintinalInfo = { 12522 edea_data: self.edea_data_step3, 12523 loginEmail: self.loginEmail, 12524 loginPhone: self.loginPhone 12525 }; 12526 self.ajaxSubmitForm(form, addintinalInfo); 12527 }).catch(e => { 12528 console.log(e); 12529 }); 12530 12531 }, 12532 12533 ajaxSubmitStepTwo: function(form) { 12534 12535 let self = this; 12536 this.formValidate(form).then(response => { 12537 let addintinalInfo = { 12538 edea_data: self.edea_data_step2, 12539 loginEmail: self.loginEmail, 12540 loginPhone: self.loginPhone 12541 }; 12542 12543 var formData = new FormData(form); 12544 12545 var data = []; 12546 formData.forEach((value, key) => 12547 data.push({ 12548 name: key, 12549 value: value 12550 })); 12551 12552 if(data.find(e => e.name=='emailValidationEdea') ) 12553 window.dispatchEvent(new CustomEvent('sendemailvalidation')); 12554 12555 self.ajaxSubmitForm(form, addintinalInfo); 12556 }).catch(e => { 12557 console.log(e); 12558 }); 12559 12560 }, 12561 12562 phoneHasChanged: function(element) { 12563 this.setPhone(0, element.value); 12564 const form = document.querySelector('#form-edea-login-step1'); 12565 }, 12566 12567 emailHasChanged: function(element) { 12568 this.loginEmail = element.value; 12569 12570 12571 12572 }, 12573 12574 formValidate: function(form) { 12575 let s = this; 12576 let hyvaformValidate = hyva.formValidation(form, null); 12577 12578 return new Promise(function(resolve, reject) { 12579 hyvaformValidate.validate() 12580 .then(() => { 12581 resolve(); 12582 }) 12583 .catch((invalid) => { 12584 if (invalid.length > 0) { 12585 invalid[0].focus(); 12586 } 12587 reject(); 12588 }); 12589 }); 12590 }, 12591 12592 emailValidationClick: function() { 12593 let addintinalInfo; 12594 if (this.edea_data_step2) { 12595 addintinalInfo = { 12596 edea_data: this.edea_data_step2 12597 }; 12598 } else { 12599 addintinalInfo = { 12600 edea_data: this.edea_data 12601 }; 12602 } 12603 let data = []; 12604 data.push({ 12605 name: "addintinalInfo", 12606 value: addintinalInfo 12607 }); 12608 data.push({ 12609 name: "loginPhone", 12610 value: this.loginPhone 12611 }); 12612 data.push({ 12613 name: "loginEmail", 12614 value: this.loginEmail 12615 }); 12616 data.push({ 12617 name: "form_key", 12618 value: hyva.getFormKey() 12619 }); 12620 12621 window.dispatchEvent(new CustomEvent('sendemailvalidation')) 12622 12623 12624 var jsondata = JSON.stringify(data); 12625 this.ajaxSubmit('/login/prelogin/sendemailvalidation', jsondata, null); 12626 }, 12627 12628 ajaxSubmitStepOne: function(form) { 12629 12630 let self = this; 12631 12632 12633 this.formValidate(form).then(response => { 12634 if (self.isFormBusy === false) { 12635 const formData = new FormData(form); 12636 self.isFormBusy = true; 12637 for (var item of formData.entries()) { 12638 if (item[0] === 'is_subscribed') { 12639 if (item[1] == '1') 12640 self.isSubscribed = true; 12641 break; 12642 } 12643 } 12644 12645 self.ajaxSubmitForm(form, null); 12646 } 12647 }).catch(e => { 12648 console.log(e); 12649 }); 12650 12651 }, 12652 12653 /** 12654 * @param {jQuery} form 12655 * @param addintinalInfo 12656 */ 12657 12658 /** 12659 * @private 12660 */ 12661 _redirect: function(url, parentForm) { 12662 this.isLoading = false;
12663 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 12664 window.location.href = url; 12665 }, 12666 12667 ajaxSubmit: function(url, data) { 12668 this.isLoading = true; 12669 var self = this; 12670 var parentForm = document.querySelector('.block-customer-login'); 12671 12672 fetch(url, { 12673 "headers": { 12674 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 12675 'X-Requested-With': 'XMLHttpRequest' 12676 }, 12677 "body": data, 12678 "method": "POST", 12679 "mode": "cors", 12680 "credentials": "include" 12681 }).then(response => { 12682 window.dispatchEvent(new CustomEvent('processStop')); 12683 12684 if (response.ok) { 12685 var res = response.clone().json(); 12686 return res; 12687 } else { 12688 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12689 [{ 12690 type: "warning", 12691 text: "Post request failed" 12692 }], 5000 12693 ); 12694 } 12695 }).then(function(res) { 12696 if (!res) { 12697 return; 12698 } 12699 12700 12701 12702 let basePhone = self.loginPhone; 12703 let baseEmail = self.loginEmail; 12704 if (!res.error) { 12705 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 12706 } 12707 if (res.messages && url.indexOf('sendemailvalidation')<=0) 12708 { 12709 if (res.messages !== null 12710 && ((typeof res.messages === 'object' && Array.isArray(res.messages)==false ) 12711 || (Array.isArray(res.messages)==true && res.messages.length>0))) 12712 self.messages.push(res.messages); 12713 } 12714 else self.messages = []; 12715 12716 if (res.redirect) { 12717 window.dispatchEvent(new CustomEvent("successLoginOrRegisterAjax",[res.customerData])); 12718 self._redirect(res.redirect, parentForm); 12719 } else { 12720 if (res.step) { 12721 self.step = res.step; 12722 } 12723 if (res.subStep) { 12724 self.subStep = res.subStep; 12725 } 12726 12727 if (res.phones) { 12728 var phones ; 12729 if (Array.isArray(res.phones)) 12730 phones = res.phones; 12731 else 12732 phones=Object.values(res.phones); 12733 12734 self.phones = phones; 12735 if (phones.length == 1 && (!basePhone || phones[0] == basePhone)) { 12736 self.setPhone(0, phones[0]); 12737 } else { 12738 self.setPhone(0, basePhone); 12739 } 12740 if (res.edeaEmail && res.edeaEmail != self.loginEmail()) { 12741 self.emailValidation = false; 12742 } 12743 12744 } 12745 if(res.inputError){ 12746 self.stepFourSubmitDisabled = false; 12747 window.dispatchEvent(new CustomEvent("login-ajax-failed", [res.inputError])); 12748 } 12749 self.inputError = (res.inputError ? res.inputError : ''); 12750 12751 if (res.edea_data) { 12752 self.edea_data = res.edea_data; 12753 if (self.step == 'step_2') { 12754 self.edea_data_step2 = res.edea_data; 12755 } else if (self.step == 'step_3' || self.step == 'step_3_1' || self.step == 'step_3_emailedea') { 12756 self.edea_data_step3 = res.edea_data; 12757 self.edea_data_step2 = res.edea_data; 12758 } 12759 } 12760 if (self.step == 'step_4' && !res.inputError) { 12761 self.stepFourSubmitDisabled = true; 12762 self.pcn = (res.pcn ? res.pcn : ''); 12763 } 12764 if (res.error) { 12765 self.step = 'step_1'; 12766 } 12767 } 12768 self.isLoading = false;
12769 self.isFormBusy = false; 12770 }).catch(function(error) { 12771 self.isLoading = false; 12772 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12773 [{ 12774 type: "error", 12775 text: error 12776 }], 5000 12777 ); 12778 }); 12779 }, 12780 12781 open: false 12782 12783 } 12784 12785 }</script>
12785 <div class="text-black" data-block='edea-login-popup' id="edealogin" class="block block-customer-login" data-bind="scope: 'edealoginpopup'"><section id="customer-login-edea" x-data="initEdeaLogin()" x-init="initializeEdeaLogin()" @toggle-customer-login-edea.window="initializeEdeaLogin(); open = !isCustomerLoggedIn ? true : window.location.href = 'https://reserved-il.com/customer/account/'" @keydown.window.escape="open=false" @private-content-loaded.window="verifyCustomerData($event.detail.data)" ><div x-show="open==true" x-cloak><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.away="open=false" class="left-0 fixed inset-y-0 right-0 z-30 flex max-w-full" x-show="open"> <div class="z-10 absolute flex flex-row justify-center items-center w-full h-full fixed select-none" style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" x-show="isLoading" x-transition:enter="ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"><!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> 12786<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img"> 12787 <g fill="none" fill-rule="evenodd"> 12788 <g transform="translate(1 1)" stroke-width="2"> 12789 <circle cx="5" cy="50" r="5"> 12790 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> 12791 <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> 12792 </circle> 12793 <circle cx="27" cy="5" r="5"> 12794 <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> 12795 <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> 12796 </circle> 12797 <circle cx="49" cy="50" r="5"> 12798 <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> 12799 <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> 12800 </circle> 12801 </g> 12802 </g> 12803<title>loader</title></svg> 12804 <div class="ml-10 text-primary text-xl">×××¢×...</div></div> <div class="backdrop" x-show="open" @click="open=false" aria-label="Close panel"></div><div class="absolute right-2/4 top-2/4 left-2/4 translate-x-1/2 translate-y-[-50%] md:w-screen w-11/12 max-w-[660px] text-center rounded" x-show="open"><div class="btn-close absolute bg-no-repeat w-3.5 right-1 top-5 z-20 mr-4 sm:w-[15px]" x-show="open"><button @click="open=false" aria-label="Close panel" class="p-2"></button></div><div x-show="open" class="flex flex-col py-6 space-y-6 bg-white shadow-md rounded pt-0"><div class="relative grid px-4 py-6 overflow-y-auto bg-white sm:px-6 rounded pt-12"><div id="terms-and-conditions-popup" style="display:none"></div><div class="block-content" data-bind="visible: true" aria-labelledby="block-customer-login-heading"><header class="modal-login-header"><div class="modal-login-title text-red-500 sm:text-[40px] text-2xl"><span x-show="step==='step_1'" class="direction-ltr block sm:mb-[31px] mb-5"> <div class="w-full sm:w-auto"><a class="p-1 sm:p-0 flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://reserved-il.com/" title="" aria-label="store logo"><img class="md:h-8 w-auto h-4" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/images/reserved-logo.svg" title="" alt="" width="189" height="64" /></a></div></span> <span x-show="step==='step_4' || step==='step_2'" class="block sm:mb-[31px] mb-5"> <div class="w-full sm:w-auto"><a class="p-1 sm:p-0 flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://reserved-il.com/" title="" aria-label="store logo"><img class="md:h-8 w-auto h-4" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/images/reserved-logo.svg" title="" alt="" width="189" height="64" /></a></div></span> <span x-show="step==='step_3' || step==='step_3_1' || step==='step_3_emailedea' || step==='step_5'" class="block sm:mb-[31px] mb-5"> <div class="w-full sm:w-auto"><a class="p-1 sm:p-0 flex items-center justify-center text-xl font-medium tracking-wide text-gray-800 no-underline hover:no-underline font-title" href="https://reserved-il.com/" title="" aria-label="store logo"><img class="md:h-8 w-auto h-4" src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/images/reserved-logo.svg" title="" alt="" width="189" height="64" /></a></div></span> <div x-show="step==='step_1'"></div></div></header></div><div role="alert" class="messages"><template x-for="message in messages"><div x-bind:class="'message-' + message.type + ' '+ message.type + ' message'" class="justify-center absolute right-0 rounded-none top-0 text-sm p-2.5 bg-transparent shadow-none text-black" x-bind:data-ui-id="'message-' + message.type"><div x-html="message.text"></div></div></template></div> <div class="modal-login-content"><h2 class="login-popup-titl sm:text-[23px] text-lg font-medium pb-[15px]">××× ×¤×¨××× ××תק××××</h2><div x-show="step==='step_1'"><form id="form-edea-login-step1" class="form form-login edea-login login-form" @submit.prevent="ajaxSubmitStepOne($event.target)" action="/login/prelogin/stepone" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <fieldset class="fieldset login sm:w-[331px] w-full text-right mx-auto" data-hasrequired="* ש××ת ××××"><div class="field email required"><div class="control"><input x-bind:value="loginEmail" placeholder="×ת××ת ×××ר ×××§×ר×× ×" @change="emailHasChanged($event.currentTarget)" name="email" value="" autocomplete="off" type="email" class="input-text email w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" title="מייל" required email data-msg-required="×ת××ת ×××× ×× ×ª×§×× ×, × × ××§×× ×©××" data-msg-email="×ת××ת ×××× ×× ×ª×§×× ×, × × ××§×× ×©××"></div></div><div x-show="subStep==='1.1'" class="field phone required"><div class="control"><input class="input-text required-entry w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" data-bind="css:(inputError ? ' mage-error' : '') " name="phone" value="" autocomplete="off" id="phone" @change="phoneHasChanged($event.currentTarget)" placeholder="××פ××" tel data-validate='{"validate-phone-number": {}}' pattern="[0-9]{10}" type="tel" title="Phone Mobile" aria-label="3-digit area code" x-bind:value="loginPhone" ><div x-show="inputError" generated="true" class="mage-error" id="phone-error" x-html="inputError" style="display: block;"></div></div></div><div class="actions-toolbar"><div class="primary red-btn"><button type="submit" class="action login primary red-btn rounded-[32px]" name="send" id="send2"><span>××ש×</span></button></div></div><div x-show="subStep==='1.1'"><div class="field choice newsletter text-[13px] leading-4"><input type="checkbox" name="is_subscribed" data-bind="checked: isSubscribed" :checked="subStep=='1.1' ? true : false" value="1" id="is_subscribed" class="checkbox"><label for="is_subscribed" class="label"><span>×× × ××שר/ת ××ס×××/× ×ר×ש×× ×¤×¨××× ××××ר ××××¢, ×ר××ת ×צ××¨× ××××ר ×ש×ר ×©× ×× ××ר פרס××ת ××¢×××× ×× ××§××צת H&O ××××¦×¢× ××××× ×ש×× ××, ×ר××ת ×××"×, SMS, ××××"×</span></label></div><div class="field choice terms-and-conditions"><input required data-msg-required="ש×× ×× ××× ××××." data-bind="checked: termsAndConditions" type="checkbox" name="terms-and-conditions" checked value="1" id="terms-and-conditions" class="checkbox"><label for="terms-and-conditions" class="label text-right text-[13px] leading-4 "><span> ×× × ××שר/ת ×ת <a href="https://reserved-il.com/takeon/" target="_blank" class="underline">×ª×§× ×× ××תר</a></span></label></div></div></fieldset></form></div><div x-show="step==='step_2'" class="login-step2"><div class="block-title">××ר ×ת ×ספר ×××פ×× ×©××</div><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepTwo($event.target)" action="/login/prelogin/steptwo" method="post" id="choose-phone-form"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <template class="edea-phones" x-for="(phone,index) in phones" :key="index"><div class="field flex items-center justify-center"><input class="as-label " required :id="'btn_' + index" :value="index" data-msg-required="ש×× ×× ××× ××××." x-bind:text="phone" @change="setPhone(index,phone)" type="radio" name="phone"><label x-html="phoneMask(phone)" x-bind:for="'btn_' + index" class="mb-0 mr-1.5 phone-dir"></label></div></template><div class="actions-toolbar red-btn rounded-[32px] relative"><div class="primary red-btn"><button type="submit" class="action red-btn primary rounded-[32px]"><span>××ש×</span></button></div><div x-show="inputError" for="submit" generated="true" class="mage-error absolute top-[-9px]" id="stepTwo-error" x-html="inputError" style="display: block;"></div></div><div x-show="emailValidation || sendbyinforu" class="email-validate-link bg-transparent underline cursor-pointer text-sm" x-on:click="emailValidationClick">×××××ת ×××צע×ת ×ת××ת ××××××</div></form></div><div x-show="step==='step_3'" class="login-step3"><div class="block-title text-[13px] leading-4 sm:mb-[31px] mb-5">×ר××¢×× ××× × ×©×× ×××× ×§×× ××××ת ×× ××× <span class="phone-mask inline-block" x-html=" phoneMask(loginPhone)"></span>, <br/>××× ×××ª× ×עת</div><h2 class="login-popup-titl sm:text-[23px] text-lg font-medium pb-[15px]">×××× ×ª ××§××</h2><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepThree($event.target)" action="/login/prelogin/stepthree" method="post" id="send-sms-form"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <fieldset class="fieldset login w-full sm:w-[331px] text-right mx-auto" data-hasrequired="* ש××ת ××××"><div class="field token required"><div class="control"><input placeholder="×§×× ××××ת" name="code" value="" autocomplete="off" id="code" type="text" class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" title="Code" required></div></div><div class="actions-toolbar mb-3 relative"><div class="primary red-btn"><button type="submit" class="red-btn rounded-[32px] action login primary" name="send"><span>××ש×</span></button></div></div></fieldset></form><form class="form form-login edea-login" @submit.prevent="resendCode($event.target)" action="/login/prelogin/steptwo" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <input type="hidden" name="phone" :value="loginPhoneIndex"><input type="hidden" name="resend" value="1"><input type="submit" class="resend-link bg-transparent underline cursor-pointer text-sm" value="×× ×§××××ª× ×§××, ש×× ×©× ×ת"></form><div x-show="emailValidationEdea && sendbyinforu==false"><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepTwo($event.target)" action="/login/prelogin/steptwo" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <input type="hidden" name="phone" data-bind="value: loginPhoneIndex"><input type="hidden" name="emailValidationEdea" value="1"><input type="submit" name="submit" class="email-validate-link bg-transparent underline cursor-pointer text-sm" value="×××××ת ×××צע×ת ×ת××ת ××××××"></form></div><div x-show="emailValidation || sendbyinforu" class="email-validate-link bg-transparent underline cursor-pointer text-sm" x-on:click="emailValidationClick">×××××ת ×××צע×ת ×ת××ת ××××××</div></div><div x-show="step==='step_3_1'" class="login-step3_1"><div class="block-title text-[13px] leading-4 sm:mb-[31px] mb-5">×ר××¢×× ××× × ×©×× ×××× ×§×× ××××ת ××××× <span class="email-mask" x-html="loginEmail"></span>, <br/>××× ×××ª× ×עת</div><h2 class="login-popup-titl sm:text-[23px] text-lg font-medium pb-[15px]">×××× ×ª ××§××</h2><form class="form form-login edea-login" @submit.prevent="ajaxSubmitEmailValidation($event.target)" action="/login/prelogin/stepvalidateemail" method="post" id="send-sms-form"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <fieldset class="fieldset login w-full sm:w-[331px] text-right mx-auto" data-hasrequired="* ש××ת ××××"><div class="field token required"><div class="control"><input placeholder="×§×× ××××ת" name="code" value="" autocomplete="off" id="code" type="text" class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" title="Code" required></div></div><div class="actions-toolbar relative"><div class="primary red-btn"><button type="submit" class="red-btn rounded-[32px] action login primary" name="send"><span>××ש×</span></button></div><div for="submit" generated="true" class="mage-error absolute top-[-9px] hidden" id="stepTwo-error" x-show="inputError" x-html="inputError" style="display: block;"></div></div></fieldset></form><div x-show="emailValidationEdea && sendbyinforu==false"><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepTwo($event.target)" action="/login/prelogin/steptwo" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <input type="hidden" name="phone" data-bind="value: loginPhoneIndex"><input type="hidden" name="emailValidationEdea" value="1"><input type="submit" name="submit" class="email-validate-link bg-transparent underline cursor-pointer text-sm" value="×× ×§××××ª× ×§××, ש×× ×©× ×ת"></form></div><div x-show="emailValidation || sendbyinforu" class="email-validate-link bg-transparent underline cursor-pointer text-sm" x-on:click="emailValidationClick">×× ×§××××ª× ×§××, ש×× ×©× ×ת</div></div><div x-show="step==='step_4'" class="login-stpe4"><div x-show="inputError" generated="true" class="mage-error" x-html="inputError" style="display: block;"></div><div id="edea-register-form" ><form class="form form-register edea-register" data-mage-init='{"validation":{}}' action="/login/prelogin/stepfour" method="post" @submit.prevent="ajaxSubmitStepFour($event.target)" id="register-form" ><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <fieldset class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}""><div class="field email required mb-3"><div class="control"><input placeholder="×ת××ת ×××ר ×××§×ר×× ×" title="××××" x-bind:value="loginEmail" x-html="loginEmail" name="email" id="email" type="email" class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" data-mage-init='{"mage/trim-input":{}}' required readonly data-msg-required="×ת××ת ×××× ×× ×ª×§×× ×, × × ××§×× ×©××" data-msg-email="×ת××ת ×××× ×× ×ª×§×× ×, × × ××§×× ×©××"></div></div><div class="field phone required mb-3"><div class="control"><input placeholder="××פ××" title="Mobile Number" x-bind:value="loginPhone" x-html="loginPhone" name="phone" id="phone" type="text" class="input-text required-entry validate-phone-number w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" data-mage-init='{"mage/trim-input":{}}' required tel readonly data-validate='{"validate-phone-number": {}}' pattern="[0-9]{10}" type="tel" title="Phone Mobile" ></div></div><div x-show="clubmemberidentification==true" class="field mb-3"><span>××× ×ת/× ××ר/ת ×××¢×××? </span> <input class="radiobtn radio" type="radio" required @change="setIsCUmember($event.currentTarget.value)" name="is_cu" value="true" id="cu_radio"><label for="cu_radio" >××</label> <input class="radiobtn radio" type="radio" required @change="setI
12804sCUmember($event.currentTarget.value)" name="is_cu" value="false" id="notcu_radio"><label for="notcu_radio" >××</label></div><div x-show="clubmemberidentification==false" class="field"><input class="radiobtn radio" type="hidden" required @change="setIsCUmember($event.currentTarget.value)" name="is_cu" value="true" id="cu_radio"></div><div x-show="isCUmember=='true'" class=""><div class="fieldset field field-tz required mb-3"><div class="control"><input autocomplete="off" aria-required="true" title="TZ. Number" data-validate='{"israeli-id": {}}' placeholder="××× ×ª.×" @change="setTz($event.currentTarget.value)" data-msg-israeli-id="××× ×ספר ×××ת תק××" x-bind:value="tz" data-bind="value: $parent.tz, event: { change: $parent.tzHasChanged.bind($data, $parent.tz(), $element) }" type="text" israeli-id id="customer_id" name="tz" value="" class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9] required-entry israeli-id validate-number"></div></div></div><div x-show="isCUmember=='true' && newCustomer==true" class="cu_message hidden"> ×× ×צ××× × ××××ת ×××ª× ×××ר ×××¢×××. ××פשר××ª× ××צ×רף ××××¢××× ×ת×××× ××רש×× ×× ××צ×ר קשר ×¢× ×©×ר×ת ×××§×××ת.</div><div x-show="isCUmember=='false' || newCustomer==true" class="fieldset"><div class="field field-name-firstname required mb-3"><div class="control"><input type="text" id="firstname" pattern="^[a-zA-Z\u0590-\u05FF0-9\s]+$" name="firstname" required title="×©× ×¤×¨××" data-msg-required="ש×× ×× ××× ××××." data-msg-pattern="× × ××××× ××ת××ת ××××" placeholder="×©× ×¤×¨××" value="" class="input-text required-entry' w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" ></div></div><div class="field field-name-lastname required mb-3"><div class="control"><input type="text" id="lastname" pattern="^[a-zA-Z\u0590-\u05FF0-9\s]+$" name="lastname" value="" title="×©× ×שפ××" data-msg-required="ש×× ×× ××× ××××." data-msg-pattern="× × ××××× ××ת××ת ××××" placeholder="×©× ×שפ××" required class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" required-entry ></div></div></div><div class="actions-toolbar red-btn"><div class="primary red-btn"><button :disabled="stepFourSubmitDisabled==true" type="submit" class="action red-btn login primary rounded-[32px]" name="send" id="send2">×ת××ר×ת</button></div></div><input type="hidden" name="pos_customer_number" x-bind:value="pcn"><input type="hidden" name="terms_and_conditions" x-bind:value="termsAndConditions" ><input type="hidden" name="is_subscribed" x-bind:value="isSubscribed" ></fieldset></form></div></div> <div x-show="step==='step_3_emailedea'" class="login-step3"><div class="block-title substep_msg text-[13px] leading-4 sm:mb-[31px] mb-5">×ר××¢×× ××× × ×©×× ×××× ×§×× ××××ת ××××× <span class="email-mask" x-html="loginEmail"></span> ××× ×××ª× ×עת <span class="minutes block">××§×× ×ª×§×£ ×-5 ××§×ת</span></div><h2 class="login-popup-titl sm:text-[23px] text-lg font-medium pb-[15px]">×××× ×ª ××§××</h2><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepThree($event.target)" action="/login/prelogin/stepthree" method="post" id="send-sms-form"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <fieldset class="fieldset login w-full sm:w-[331px] text-right mx-auto" data-hasrequired="* ש××ת ××××"><div class="field token required"><div class="control"><input type="hidden" name="emailValidationEdea" value="1"><input placeholder="×§×× ××××ת" name="code" value="" autocomplete="off" id="code" type="text" class="input-text w-full sm:w-[331px] h-[57px] bg-[#F7F8F9]" title="Code" required></div></div><div class="actions-toolbar relative"><div class="primary red-btn"><button type="submit" class="red-btn rounded-[32px] action login primary" name="send"><span>××ש×</span></button></div><div x-show="inputError" for="submit" generated="true" class="mage-error absolute top-[-9px] hidden" id="stepTwo-error" x-html="inputError" style="display: block;"></div></div></fieldset></form><form class="form form-login edea-login resend-code" @submit.prevent="resendCode($event.target)" action="/login/prelogin/steptwo" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <input type="hidden" name="phone" :value="loginPhoneIndex"><input type="hidden" name="resend" value="1"><input type="submit" class="resend-link bg-transparent underline cursor-pointer text-sm" value="×× ×§××××ª× ×§××, ש×× ×©× ×ת"></form><div x-show="emailValidationEdea"><form class="form form-login edea-login" @submit.prevent="ajaxSubmitStepTwo($event.target)" action="/login/prelogin/steptwo" method="post"><input name="form_key" type="hidden" value="g3l4E6yYG8XfHUXV" /> <input type="hidden" name="phone" data-bind="value: loginPhoneIndex"><input type="hidden" name="emailValidationEdea" value="1"><input type="submit" name="submit" class="email-validate-link bg-transparent underline cursor-pointer text-sm" value="×××××ת ×××צע×ת ×ת××ת ××××××"></form></div></div><div x-show="step==='step_5'" class="block-title"><strong role="heading" aria-level="2">× × ××צ×ר קשר ×¢× ×©×ר×ת ××§×××ת</strong></div></div></div></div></div></div></div></section></div></div>
12804<script> 12805 'use strict'; 12806 12807 (function () { 12808 const modals = []; 12809 const excludedFromFocusTrapping = new Set(); 12810 12811 function trapFocusInNextModalWithOverlay() { 12812 for (let idx = modals.length -1; idx >= 0; idx--) { 12813 const nextOnStack = modals[idx]; 12814 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 12815 if (! isOverlayDisabled(nextDialogElement)) { 12816 hyva.trapFocus(nextDialogElement); 12817 break; 12818 } 12819 } 12820 } 12821 12822 function focusables(dialogElement) { 12823 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 12824 return Array.from(dialogElement.querySelectorAll(selector)) 12825 .filter(el => !el.hasAttribute('disabled')); 12826 } 12827 12828 function firstVisible(elements) { 12829 const a = Array.from(elements); 12830 for (let i = 0; i < a.length; i++) { 12831 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 12832 } 12833 return null; 12834 } 12835 12836 function isInViewport(element) { 12837 const rect = element && element.getBoundingClientRect(); 12838 return rect && 12839 rect.top >= 0 && 12840 rect.left >= 0 && 12841 rect.right <= window.innerWidth && 12842 rect.bottom <= window.innerHeight; 12843 } 12844 12845 function setFocusAfterTransition(dialogElement, duration) { 12846 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 12847 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 12848 next: for (let candidate of candidates) { 12849 for (let child of nested) { 12850 if (child.contains(candidate)) continue next; 12851 } 12852 setTimeout(() => candidate.focus(), 50); 12853 break; 12854 } 12855 window.setTimeout(() => { 12856 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 12857 focusables(dialogElement)[0] || 12858 null; 12859 focusElement && isInViewport(focusElement) && focusElement.focus(); 12860 }, Math.max(1, duration)); 12861 } 12862 12863 function determineTrigger($refs, dialog, trigger) { 12864 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 12865 return dialog.target; 12866 } 12867 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 12868 return trigger.target; 12869 } 12870 if (typeof trigger === 'string') { 12871 try { 12872 return $refs[trigger] || document.querySelector(trigger) 12873 } catch (e) {} 12874 } 12875 if (trigger instanceof Element) { 12876 return trigger; 12877 } 12878 12879 return null; 12880 } 12881 12882 function isOverlayDisabled(dialog) { 12883 return dialog && dialog.hasAttribute('x-no-overlay') 12884 } 12885 12886 function areRemainingModalsWithoutOverlay(modals) 12887 { 12888 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 12889 12890 return overflowDisabled.length === modals.length; 12891 } 12892 12893 window.hyva.modal = function(options) { 12894 12895 const config = Object.assign({ 12896 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 12897 transitionEnterStart: 'opacity-0', 12898 transitionEnterEnd: 'opacity-100', 12899 transitionLeave: 'transition ease-in duration-300', 12900 transitionLeaveStart: 'opacity-100', 12901 transitionLeaveEnd: 'opacity-0', 12902 }, options); 12903 let lastHide = 0; 12904 12905 return { 12906 opened: {}, 12907 show(dialog, trigger) { 12908 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 12909 const name = typeof dialog === 'string' ? dialog : config.dialog; 12910 const dialogElement = this.$refs[name]; 12911 if (! dialogElement) { 12912 return; 12913 } 12914 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 12915 12916 dialogElement.scrollTop = 0; 12917 12918 if (this.opened[name]) { 12919 return; 12920 } 12921 12922 if (focusTargetAfterHide) { 12923 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 12924 } 12925 12926 this.opened[name] = true; 12927 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 12928 setFocusAfterTransition(dialogElement, config.duration); 12929 12930 const frame = {name, instance: this, focusTarget: focu
12930sTargetAfterHide, time: Date.now()}; 12931 12932 modals.push(frame); 12933 if (useOverlay) { 12934 document.body.classList.add('overflow-hidden'); 12935 } 12936 return new Promise(resolve => frame.resolve = resolve); 12937 }, 12938 cancel() { 12939 this.hide(false); 12940 }, 12941 ok() { 12942 this.hide(true); 12943 }, 12944 hide(value) { 12945 if (Date.now() - lastHide < config.duration) { 12946 return; 12947 } 12948 lastHide = Date.now(); 12949 12950 const modal = modals.pop() || {}; 12951 const name = modal.name; 12952 this.opened[name] = false; 12953 hyva.releaseFocus(modal.instance.$refs[modal.name]) 12954 trapFocusInNextModalWithOverlay(); 12955 12956 const nextFocusAfterHide = modal.focusTarget; 12957 nextFocusAfterHide && setTimeout(() => { 12958 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 12959 nextFocusAfterHide.focus() 12960 }, config.duration); 12961 12962 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 12963 document.body.classList.remove('overflow-hidden'); 12964 } 12965 12966 modal.resolve(value); 12967 }, 12968 overlay(dialog) { 12969 const name = typeof dialog === 'string' ? dialog : config.dialog; 12970 return { 12971 ['x-show']() { 12972 return this.opened[name] 12973 }, 12974 ['x-transition:enter']: config.transitionEnter, 12975 ['x-transition:enter-start']: config.transitionEnterStart, 12976 ['x-transition:enter-end']: config.transitionEnterEnd, 12977 ['x-transition:leave']: config.transitionLeave, 12978 ['x-transition:leave-start']: config.transitionLeaveStart, 12979 ['x-transition:leave-end']: config.transitionLeaveEnd, 12980 ['@hyva-modal-show.window'](event) { 12981 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 12982 } 12983 }; 12984 } 12985 }; 12986 } 12987 12988 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 12989 12990 window.hyva.modal.pop = function () { 12991 if (modals.length > 0) { 12992 const modal = modals[modals.length -1]; 12993 modal.instance.hide(); 12994 } 12995 } 12996 12997 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 12998 typeof selectors === 'string' || selectors instanceof String 12999 ? excludedFromFocusTrapping.add(selectors) 13000 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 13001 } 13002 13003 window.hyva.modal.eventListeners = { 13004 keydown: event => { 13005 if (event.key === 'Escape') { 13006 window.hyva.modal.pop(); 13007 } 13008 }, 13009 click: event => { 13010 if (modals.length > 0) { 13011 const modal = modals[modals.length -1]; 13012 const dialog = modal.instance.$refs[modal.name]; 13013 if (modal.time + 50 < Date.now() && 13014 ! isOverlayDisabled(dialog) && 13015 ! dialog.contains(event.target)) { 13016 modal.instance.hide(); 13017 } 13018 } 13019 } 13020 }; 13021 13022 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 13023 13024 document.addEventListener('click', window.hyva.modal.eventListeners.click); 13025 })();</script>
13025 <style> /* The Luma-fallback pages (checkout/cart, checkout/index, edea/cart â see hyva_theme_fallback/general/list_part_of_url) load neither Alpine nor the Hyva CSS, so nothing ever strips x-cloak or applies display:none â without this rule the dialog markup renders as visible buttons at the page bottom. */ [x-cloak] { display: none !important; }</style><div x-data="initReturnCartGuardModal()" @return-cart-conflict.window="openConflict($event.detail)" @keydown.escape.window="close()"><div x-cloak x-show="open" @click.self="close()" class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-30"><div x-ref="dialog" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="return-cart-guard-title" class="inline-block w-full max-w-md mx-4 max-h-screen overflow-auto bg-white shadow-xl rounded-xm p-6 text-gray-700 text-center"><h2 id="return-cart-guard-title" class="text-lg font-semibold mb-4">×××× ×ª ×××ר×</h2><p class="text-sm leading-6 mb-2" x-text="messages[scenario]"></p><p class="text-sm leading-6 mb-6" x-text="consequences[scenario]"></p><div class="flex justify-center gap-2"><button type="button" class="btn btn-primary" :disabled="submitting" @click="confirmReplace">××ש×ר</button> <button type="button" class="btn btn-secondary" :disabled="submitting" @click="close()">×××××</button></div></div></div></div>
13025<script> 13026 function initReturnCartGuardModal() { 13027 return { 13028 13029 13030 13031 13032 open: false, 13033 scenario: 'purchase_items_in_cart', 13034 pendingForm: null, 13035 submitting: false, 13036 close() { 13037 this.open = false; 13038 document.body.classList.remove('overflow-hidden'); 13039 }, 13040 messages: { 13041 'purchase_items_in_cart': 13042 '\u05DC\u05D0\u0020\u05E0\u05D9\u05EA\u05DF\u0020\u05DC\u05E9\u05DC\u05D1\u0020\u05D4\u05D6\u05DE\u05E0\u05EA\u0020\u05D4\u05D7\u05D6\u05E8\u05D4\u0020\u05E2\u05DD\u0020\u05DE\u05D5\u05E6\u05E8\u05D9\u05DD\u0020\u05DC\u05E8\u05DB\u05D9\u05E9\u05D4.', 13043 'return_item_in_cart': 13044 '\u05DC\u05D0\u0020\u05E0\u05D9\u05EA\u05DF\u0020\u05DC\u05E9\u05DC\u05D1\u0020\u05DE\u05D5\u05E6\u05E8\u05D9\u05DD\u0020\u05DC\u05E8\u05DB\u05D9\u05E9\u05D4\u0020\u05E2\u05DD\u0020\u05D4\u05D6\u05DE\u05E0\u05EA\u0020\u05D4\u05D7\u05D6\u05E8\u05D4.' 13045 }, 13046 consequences: { 13047 'purchase_items_in_cart': 13048 '\u05D1\u05D0\u05D9\u05E9\u05D5\u05E8,\u0020\u05DB\u05DC\u0020\u05D4\u05DE\u05D5\u05E6\u05E8\u05D9\u05DD\u0020\u05D9\u05D5\u05E1\u05E8\u05D5\u0020\u05DE\u05D4\u05E1\u05DC\u0020\u05D5\u05E8\u05E7\u0020\u05DE\u05D5\u05E6\u05E8\u0020\u05D4\u05D4\u05D7\u05D6\u05E8\u05D4\u0020\u05D9\u05D9\u05E9\u05D0\u05E8\u0020\u05D1\u05E1\u05DC.', 13049 'return_item_in_cart': 13050 '\u05D1\u05D0\u05D9\u05E9\u05D5\u05E8,\u0020\u05DE\u05D5\u05E6\u05E8\u0020\u05D4\u05D4\u05D7\u05D6\u05E8\u05D4\u0020\u05D9\u05D5\u05E1\u05E8\u0020\u05DE\u05D4\u05E1\u05DC\u0020\u05D5\u05D4\u05DE\u05D5\u05E6\u05E8\u0020\u05D4\u05D7\u05D3\u05E9\u0020\u05D9\u05EA\u05D5\u05D5\u05E1\u05E3.' 13051 }, 13052 openConflict(detail) { 13053 if (!detail || !detail.scenario) { 13054 return; 13055 } 13056 this.scenario = detail.scenario; 13057 this.pendingForm = detail.form || null; 13058 this.open = true; 13059 document.body.classList.add('overflow-hidden'); 13060 this.$nextTick(() => this.$refs.dialog && this.$refs.dialog.focus()); 13061 }, 13062 confirmReplace() { 13063 if (!this.pendingForm) { 13064 this.close(); 13065 return; 13066 } 13067 this.submitting = true; 13068 const data = new URLSearchParams(new FormData(this.pendingForm)); 13069 data.set('confirm_return_replace', '1'); 13070 13071 fetch(this.pendingForm.getAttribute('action'), { 13072 method: 'POST', 13073 body: data, 13074 headers: { 13075 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 13076 'X-Requested-With': 'XMLHttpRequest' 13077 } 13078 }).then(response => { 13079 if (!response.ok) { 13080 return Promise.reject(response); 13081 } 13082 return response.json(); 13083 }).then(data => { 13084 if (data && data.returnConflict) { 13085 13086 this.scenario = data.returnConflict; 13087 return; 13088 } 13089 if (data && data.backUrl) { 13090 window.location.href = data.backUrl; 13091 return; 13092 } 13093 13094 13095 13096 13097 13098 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 13099 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 13100 this.showCookieMessages(); 13101 this.close(); 13102 }).catch(() => { 13103 this.setMessage({ 13104 text: '\u05D0\u05D9\u05E8\u05E2\u05D4\u0020\u05E9\u05D2\u05D9\u05D0\u05D4\u0020\u05D1\u05D4\u05D5\u05E1\u05E4\u05EA\u0020\u05D4\u05E4\u05E8\u05D9\u05D8\u0020\u05DC\u05E1\u05DC.', 13105 type: 'error' 13106 }); 13107 this.close(); 13108 }).finally(() => { 13109 this.submitting = false;
13110 this.pendingForm = null; 13111 }); 13112 }, 13113 showCookieMessages() { 13114 try { 13115 let messages = hyva.getCookie('mage-messages'); 13116 messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 13117 document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 13118 messages.forEach(message => this.setMessage(message)); 13119 } catch (error) { 13120 console.warn('Error parsing Cookie Messages:', error); 13121 } 13122 }, 13123 setMessage(message) { 13124 typeof window.dispatchMessages !== 'undefined' && window.dispatchMessages([message], 5000); 13125 } 13126 } 13127 } 13128 13129 (function () { 13130 const returnProductId = 254989; 13131 const returnSku = '99000206000000'; 13132 13133 function cartSection() { 13134 try { 13135 const storage = JSON.parse(window.localStorage.getItem('mage-cache-storage') || '{}'); 13136 return storage.cart || null; 13137 } catch (error) { 13138 return null; 13139 } 13140 } 13141 13142 function detectScenario(productId) { 13143 const cart = cartSection(); 13144 if (!cart || !Array.isArray(cart.items)) { 13145 13146 return null; 13147 } 13148 const hasReturnItem = cart.items.some(item => item.product_sku === returnSku); 13149 const hasPurchaseItem = cart.items.some(item => item.product_sku !== returnSku); 13150 13151 if (productId === returnProductId && hasPurchaseItem) { 13152 return 'purchase_items_in_cart'; 13153 } 13154 if (productId !== returnProductId && hasReturnItem) { 13155 return 'return_item_in_cart'; 13156 } 13157 return null; 13158 } 13159 13160 function interceptIfConflict(form, event) { 13161 if (!form || !form.matches || !form.matches('.product_addtocart_form, #product_addtocart_form')) { 13162 return; 13163 } 13164 const action = form.getAttribute('action') || ''; 13165 if (action.indexOf('checkout/cart/add') === -1) { 13166 return; 13167 } 13168 const productInput = form.querySelector('input[name="product"]'); 13169 const productId = productInput ? parseInt(productInput.value, 10) : 0; 13170 if (!productId) { 13171 return; 13172 } 13173 const scenario = detectScenario(productId); 13174 if (!scenario) { 13175 return; 13176 } 13177 event.preventDefault(); 13178 event.stopImmediatePropagation(); 13179 window.dispatchEvent(new CustomEvent('return-cart-conflict', { 13180 detail: { scenario: scenario, form: form } 13181 })); 13182 } 13183 13184 13185 document.addEventListener('submit', function (event) { 13186 try { 13187 interceptIfConflict(event.target, event); 13188 } catch (error) { 13189 console.warn('ReturnCartGuard submit interceptor:', error); 13190 } 13191 }, true); 13192 13193 13194 13195 13196 document.addEventListener('click', function (event) { 13197 try { 13198 const button = event.target.closest 13199 ? event.target.closest('.product_addtocart_form button[type="submit"], #product_addtocart_form button[type="submit"]') 13200 : null; 13201 if (!button) { 13202 return; 13203 } 13204 const form = button.closest('form'); 13205 if (!form) { 13206 return; 13207 } 13208 const optionChosen = Array.prototype.some.call( 13209 form.querySelectorAll('input[name^="super_attribute"]'), 13210 input => input.value.trim() !== '' 13211 ); 13212 if (!optionChosen) { 13213 return; 13214 } 13215 interceptIfConflict(form, event); 13216 } catch (error) { 13217 console.warn('ReturnCartGuard click interceptor:', error); 13218 } 13219 }, true); 13220 })();</script>
13220
13220<script> 13221 (() => { 13222 function src_default(Alpine) { 13223 Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 13224 let evaluate = evaluateLater(expression); 13225 let options = { 13226 rootMargin: getRootMargin(modifiers), 13227 threshold: getThreshhold(modifiers) 13228 }; 13229 let observer = new IntersectionObserver((entries) => { 13230 entries.forEach((entry) => { 13231 if (entry.isIntersecting === (value === "leave")) 13232 return; 13233 evaluate(); 13234 modifiers.includes("once") && observer.disconnect(); 13235 }); 13236 }, options); 13237 observer.observe(el); 13238 cleanup(() => { 13239 observer.disconnect(); 13240 }); 13241 }); 13242 } 13243 function getThreshhold(modifiers) { 13244 if (modifiers.includes("full")) 13245 return 0.99; 13246 if (modifiers.includes("half")) 13247 return 0.5; 13248 if (!modifiers.includes("threshold")) 13249 return 0; 13250 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 13251 if (threshold === "100") 13252 return 1; 13253 if (threshold === "0") 13254 return 0; 13255 return Number(`.${threshold}`); 13256 } 13257 function getLengthValue(rawValue) { 13258 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 13259 return match ? match[1] + (match[2] || "px") : void 0; 13260 } 13261 function getRootMargin(modifiers) { 13262 const key = "margin"; 13263 const fallback = "0px 0px 0px 0px"; 13264 const index = modifiers.indexOf(key); 13265 if (index === -1) 13266 return fallback; 13267 let values = []; 13268 for (let i = 1; i < 5; i++) { 13269 values.push(getLengthValue(modifiers[index + i] || "")); 13270 } 13271 values = values.filter((v) => v !== void 0); 13272 return values.length ? values.join(" ").trim() : fallback; 13273 } 13274 13275 document.addEventListener("alpine:init", () => { 13276 window.Alpine.plugin(src_default); 13277 }); 13278 })();</script>
13278
13278<script> 13279 (function () { 13280 "use strict"; 13281 13282 const hasAlpine = new Promise(resolve => { 13283 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 13284 }); 13285 13286 const hasInteract = new Promise(resolve => { 13287 (events => { 13288 const onInteract = () => { 13289 resolve(); 13290 events.forEach(type => window.removeEventListener(type, onInteract)); 13291 } 13292 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 13293 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 13294 }); 13295 13296 const onIntersect = (el) => { 13297 return new Promise(resolve => { 13298 const observer = new IntersectionObserver(entries => { 13299 for (const entry of entries) { 13300 if (entry.isIntersecting) { 13301 observer.disconnect() 13302 resolve(); 13303 } 13304 } 13305 }, {}); 13306 observer.observe(el); 13307 }); 13308 } 13309 13310 function runComponent(el) { 13311 hasAlpine.then(() => { 13312 el.removeAttribute('x-ignore'); 13313 queueMicrotask(() => Alpine.initTree(el)); 13314 }); 13315 } 13316 13317 function initDeferredComponents() { 13318 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 13319 el.setAttribute('x-ignore', ''); 13320 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 13321 switch (deferUntil) { 13322 case 'interact': 13323 hasInteract.then(() => runComponent(el)); 13324 break; 13325 case 'intersect': 13326 onIntersect(el).then(() => runComponent(el)) 13327 break; 13328 case 'idle': 13329 window.requestIdleCallback 13330 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 13331 : setTimeout(() => runComponent(el), 4000); 13332 break; 13333 case 'eager': 13334 runComponent(el); 13335 break; 13336 default: 13337 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 13338 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 13339 } 13340 } 13341 }); 13342 } 13343 13344 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 13345 })()</script>
vendor: 1,454 bytes, lines 13345-13346
13345<script> 13346(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();</script>
13346
13346<script type="module" 13347 src="https://reserved-il.com/static/version1788943106/frontend/Signature/default/he_IL/Hyva_Theme/js/alpine3.min.js" 13348 defer 13349 crossorigin 13350></script>
13350
13350<script> 13351 'use strict'; 13352 function dispatchMessages(messages, hideAfter) { 13353 const messagesEvent = new CustomEvent("messages-loaded", { 13354 detail: { 13355 messages: messages, 13356 hideAfter: hideAfter 13357 } 13358 }); 13359 window.dispatchEvent(messagesEvent); 13360 } 13361 13362 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 13363 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 13364 } 13365 13366 (function( hyva, undefined ) { 13367 13368 hyva.initFormKey = () => { 13369 const inputSelector = 'input[name="form_key"]', 13370 formKey = hyva.getFormKey(); 13371 13372 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 13373 input.value = formKey 13374 }); 13375 } 13376 13377 hyva.initMessages = () => { 13378 try { 13379 const messages = hyva.getCookie('mage-messages'); 13380 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 13381 13382 dispatchMessages(window.mageMessages); 13383 13384 const skipSetDomain = true; 13385 hyva.setCookie('mage-messages','', -1, skipSetDomain); 13386 13387 } catch (error) { 13388 console.warn('Error parsing Cookie Messages:', error); 13389 } 13390 } 13391 13392 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 13393 hyva.alpineInitialized(hyva.initMessages) 13394 13395 }( window.hyva = window.hyva || {} ));</script>
13395
13395<script> 13396 'use strict'; 13397 { 13398 const private_content_key = 'mage-cache-storage'; 13399 const private_content_expire_key = 'mage-cache-timeout'; 13400 const private_content_version_key = 'private_content_version'; 13401 const section_data_ids_key = 'section_data_ids'; 13402 const mage_cache_session_id_key = 'mage-cache-sessid'; 13403 const last_visited_store_key = 'last_visited_store'; 13404 13405 const ttl = 3600; 13406 13407 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 13408 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 13409 } 13410 13411 function loadSectionData () { 13412 const browserStorage = hyva.getBrowserStorage(); 13413 if (!browserStorage) { 13414 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 13415 [{ 13416 type: "warning", 13417 text: "Please enable LocalStorage in your browser." 13418 }] 13419 ); 13420 return; 13421 } 13422 try { 13423 let isInvalid = false; 13424 13425 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 13426 isInvalid = true; 13427 } 13428 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 13429 13430 if (!hyva.getCookie(mage_cache_session_id_key)) { 13431 isInvalid = true; 13432 browserStorage.removeItem(private_content_key); 13433 const skipSetDomain = true; 13434 const days = false; 13435 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 13436 } 13437 13438 const cookieVersion = hyva.getCookie(private_content_version_key); 13439 const storageVersion = browserStorage.getItem(private_content_version_key); 13440 13441 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 13442 isInvalid = true; 13443 } 13444 13445 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 13446 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 13447 browserStorage.removeItem(private_content_key); 13448 } 13449 13450 if (isInvalid && cookieVersion) { 13451 fetchPrivateContent([]); 13452 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 13453 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 13454 if ( 13455 privateContent && 13456 privateContentExpires && 13457 privateContent.cart && 13458 privateContent.customer 13459 ) { 13460 dispatchPrivateContent(privateContent); 13461 } else { 13462 fetchPrivateContent([]); 13463 } 13464 } else { 13465 if (document.getElementById('default-section-data')) { 13466 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 13467 dispatchPrivateContent(privateContent); 13468 } else { 13469 dispatchPrivateContent({}); 13470 } 13471 } 13472 13473 } catch (error) { 13474 console.warn('Error retrieving Private Content:', error); 13475 } 13476 } 13477 13478 hyva.alpineInitialized(loadSectionData) 13479 window.addEventListener('reload-customer-section-data', loadSectionData); 13480 13481 function dispatchPrivateContent(data) { 13482 const privateContentEvent = new CustomEvent("private-content-loaded", { 13483 detail: { 13484 data: data 13485 } 13486 }); 13487 window.dispatchEvent(privateContentEvent); 13488 } 13489 13490 function fetchPrivateContent(sections) { 13491 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 13492 method: 'GET', 13493 headers: { 13494 'Content-Type': 'application/json', 13495 'X-Requested-With': 'XMLHttpRequest' 13496 } 13497 }) 13498 .then(response => response.json()) 13499 .then( 13500 data => { 13501 if (data) { 13502 try { 13503 const browserStorage = hyva.getBrowserStorage(); 13504 13505 13506 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 13507 13508 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 13509 delete oldSectionData['checkout-data']; 13510 } 13511 const newSectionData = Object.assign(oldSectionData, data); 13512 13513 dispatchPrivateContent(newSectionData); 13514 13515 13516 if (newSectionData.messages && newSectionData.messages.messages ) { 13517 newSectionData.messages.messages = []; 13518 } 13519 13520 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 13521 13522 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 13523 browserStorage.setItem(private_content_expire_key, expiresAt); 13524 13525 const newCookieVersion = hyva.getCookie(private_content_version_key); 13526 browserStorage.setItem(private_content_version_key, newCookieVersion); 13527 13528 13529 13530 hyva.setCookie( 13531 section_data_ids_key, 13532 JSON.stringify( 13533 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 13534 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 13535 return sectionDataIds; 13536 }, {}) 13537 ), 13538 false, 13539 true 13540 ); 13541 } catch (error) { 13542 console.warn("Couldn't store privateContent", error); 13543 } 13544 } 13545 } 13546 ); 13547 } 13548 }</script>
13548<script> 13549 (() => { 13550 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 13551 })()</script>
13551
13551<script> 13552 (events => { 13553 const dispatchUserInteractionEvent = () => { 13554 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 13555 window.dispatchEvent(new Event('init-external-scripts')) 13556 }; 13557 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 13558 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
13558
13558<script> 13559 function initConfigurableOptions(productId, optionConfig) { 13560 13561 function findPathParam(key) { 13562 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 13563 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 13564 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 13565 for (let i = 0; i < pathParts.length; i += 2) { 13566 if (pathParts[i] === key && pathParts.length > i) { 13567 return pathParts[i + 1]; 13568 } 13569 } 13570 } 13571 13572 return { 13573 optionConfig, 13574 productId, 13575 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 13576 allowedAttributeOptions: [], 13577 selectedValues: [], 13578 init() { 13579 this.findAllowedAttributeOptions(); 13580 this.$nextTick(() => { 13581 if (typeof this.optionConfig.defaultValues === 'object') { 13582 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 13583 this.changeOption(attributeId, value + ''); 13584 } 13585 } 13586 }); 13587 }, 13588 findSimpleIndex() { 13589 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 13590 }, 13591 calculateSimpleIndexForPartialSelection(selectedValues) { 13592 if (selectedValues.length === 0) return 0; 13593 let productIndexIds = Object.keys(this.optionConfig.index); 13594 Object.keys(this.optionConfig.attributes).forEach((attribute) => { 13595 const productsWithAttributeMatch = selectedValues[attribute] 13596 ? productIndexIds.filter((productIndex) => { 13597 return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] 13598 }) 13599 : []; 13600 13601 productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds 13602 }) 13603 return productIndexIds[0]; 13604 }, 13605 calculateSimpleIndexForFullSelection(selectedValues) { 13606 const productIndexes = this.optionConfig.index; 13607 return Object.keys(productIndexes).find(productIndex => { 13608 const productCandidateOptions = productIndexes[productIndex]; 13609 13610 for (const productOption in productCandidateOptions) { 13611 if ( 13612 ! selectedValues[productOption] || 13613 selectedValues[productOption] !== productCandidateOptions[productOption] 13614 ) { 13615 return false; 13616 } 13617 } 13618 return productIndex; 13619 }); 13620 }, 13621 productIndex: 0, 13622 findAllowedAttributeOptions() { 13623 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 13624 }, 13625 calculateAllowedAttributeOptions(selectedValues) { 13626 const allAttributes = this.optionConfig.attributes; 13627 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 13628 return a.position - b.position 13629 }); 13630 13631 const newAllowedAttributeOptions = []; 13632 13633 allAttributesSorted.forEach(attribute => { 13634 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 13635 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 13636 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 13637 return !!option.products.find(product => { 13638 return availableIndexes.includes(product); 13639 }) 13640 }); 13641 }); 13642 return newAllowedAttributeOptions; 13643 }, 13644 calculateAvailableProductIndexes(selectedOptions) { 13645 if (Object.keys(selectedOptions).length === 0) { 13646 if (Object.values(this.optionConfig.salable || {}).length) { 13647 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 13648 } 13649 return Object.keys(this.optionConfig.index); 13650 } 13651 13652 const selectedIds = Object.keys(selectedOptions); 13653 if (Object.values(this.optionConfig.salable || {}).length) { 13654 const selectedOptionIndexes = selectedIds.map(attrId => { 13655 const optionValue = selectedOptions[attrId]; 13656 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 13657 }) 13658 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 13659 return acc.filter(index => optionIndexes.includes(index)); 13660 }); 13661 } else { 13662 const productIndexes = this.optionConfig.index; 13663 return Object.keys(productIndexes).filter(index => { 13664 for (const attrId of selectedIds) { 13665 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 13666 } 13667 return true 13668 }); 13669 } 13670 }, 13671 findAttributeByOptionId(optionId) { 13672 for (const attributeId in this.optionConfig.attributes) { 13673 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 13674 if (attributeOptions.find(option => option.id === optionId)) { 13675 return attributeId; 13676 } 13677 } 13678 }, 13679 getAllowedAttributeOptions(attributeId) { 13680 return this.allowedAttributeOptions[attributeId] || [] 13681 }, 13682 getProductIdsForOption(option) { 13683 const attributeId = this.findAttributeByOptionId(option.id); 13684 const allOptions = this.optionConfig.attributes[attributeId]; 13685 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 13686 return opt && opt.products 13687 ? opt.products 13688 : []; 13689 }, 13690 findProductIdsForPartialSelection(optionSelection) { 13691 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 13692 const newCandidates = this.getProductIdsForOption({id: optionId}); 13693 return candidates === null 13694 ? newCandidates 13695 : candidates.filter(productId => newCandidates.includes(productId)); 13696 }, null); 13697 return candidateProducts || []; 13698 },
13699 findCheapestProductForPartialSelection(optionSelection) { 13700 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 13701 return candidateProducts.reduce((cheapest, simpleIdx) => { 13702 13703 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 13704 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 13705 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 13706 ? simpleIdx 13707 : cheapest; 13708 }, 0) 13709 }, 13710 findProductIdToUseForOptionPrice(option) { 13711 13712 const attributeId = this.findAttributeByOptionId(option.id); 13713 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 13714 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 13715 13716 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 13717 }, 13718 getAttributeOptionLabel(option) { 13719 const optionProduct = this.findProductIdToUseForOptionPrice(option); 13720 if ((! optionProduct) || (optionProduct === this.productIndex)) { 13721 return option.label; 13722 } 13723 13724 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 13725 13726 if (this.optionConfig.optionPrices[optionProduct]) { 13727 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 13728 if (optionPrice !== currentPrice){ 13729 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 13730 } 13731 } 13732 return option.label; 13733 }, 13734 getOptionPriceAdjustmentBasePrice() { 13735 if (this.optionConfig.optionPrices[this.productIndex]) { 13736 return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount 13737 } 13738 const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); 13739 return this.optionConfig.optionPrices[cheapestForSelection] 13740 ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount 13741 : this.optionConfig.prices.finalPrice.amount; 13742 }, 13743 clearOptionIfActive(optionId, value) { 13744 if (this.selectedValues[optionId] === value) { 13745 this.blurLabel() 13746 this.changeOption(optionId, '') 13747 } 13748 }, 13749 removeAttrFromSelection(selectedValues, attributeId) { 13750 attributeId = parseInt(attributeId); 13751 return selectedValues.reduce((newSelection, val, attr) => { 13752 if (attr !== attributeId) { 13753 newSelection[attr] = val; 13754 } 13755 return newSelection; 13756 }, []); 13757 }, 13758 changeOption(attributeId, value) { 13759 if (value === '') { 13760 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 13761 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 13762 this.selectedValues[attributeId] = value; 13763 } 13764 this.findSimpleIndex(); 13765 this.findAllowedAttributeOptions(); 13766 this.updatePrices(); 13767 this.updateGallery(); 13768 window.dispatchEvent( 13769 new CustomEvent( 13770 'configurable-selection-changed', 13771 { 13772 detail: { 13773 productId: this.productId, 13774 optionId: attributeId, 13775 value: value, 13776 productIndex: this.productIndex, 13777 selectedValues: this.selectedValues, 13778 candidates: this.findProductIdsForPartialSelection(this.selectedValues), 13779 } 13780 } 13781 ) 13782 ); 13783 }, 13784 calculateIsMinimalPrice() { 13785 return ( 13786 this.selectedValues.filter(value => !!value).length < 13787 Object.keys(this.optionConfig.attributes).length 13788 ); 13789 }, 13790 updatePrices() { 13791 const value = this.productIndex ? 13792 this.optionConfig.optionPrices[this.productIndex] : 13793 this.optionConfig.prices; 13794 window.dispatchEvent( 13795 new CustomEvent( 13796 "update-prices-" + this.productId, 13797 { 13798 detail: Object.assign( 13799 value, 13800 { isMinimalPrice: this.calculateIsMinimalPrice() } 13801 ) 13802 } 13803 ) 13804 ); 13805 }, 13806 updateGallery () { 13807 if (this.productIndex) { 13808 const images = this.optionConfig.images[this.productIndex]; 13809 images && window.dispatchEvent(new CustomEvent( 13810 "update-gallery", 13811 { detail: this.sortImagesByPosition(images) } 13812 )); 13813 } else { 13814 window.dispatchEvent(new Event("reset-gallery")); 13815 } 13816 }, 13817 sortImagesByPosition(images) { 13818 return images.sort((x, y) => { 13819 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 13820 }); 13821 }, 13822 onGetCartData(data) { 13823 }, 13824 preselectCartItems(data) { 13825 13826 const cart = data && data.cart; 13827 if (cart && cart.items) { 13828 const cartItem = cart.items.find((item) => { 13829 return ( 13830 item.item_id === this.itemId 13831 && item.product_id === this.productId 13832 ) 13833 }); 13834 if (cartItem && cartItem.options && cartItem.options.length) { 13835 cartItem.options.map(option => { 13836 this.changeOption(option.option_id, option.option_value); 13837 }) 13838 } 13839 } 13840 }, 13841 preselectQuerystringItems() { 13842 13843 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 13844 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 13845 }, 13846 preselectLocationHashItems() { 13847 13848 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 13849 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 13850 }, 13851 preselectItemsBasedOnLocation(getLocationValue) { 13852 Object.values(this.optionConfig.attributes).map(attribute => { 13853 this.changeOption(attribute.id, getLocationValue(attribute)) 13854 }); 13855 } 13856 } 13857 }</script>
13857
13857<script> 13858 function initSwatchOptions(swatchConfig) { 13859 return { 13860 swatchConfig, 13861 getAttributeSwatchData(attributeId) { 13862 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 13863 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 13864 13865 return swatchConfig; 13866 }, 13867 getAllAttributeOptions(attributeId) { 13868 return ( 13869 this.optionConfig.attributes[attributeId] && 13870 this.optionConfig.attributes[attributeId].options 13871 ) || [] 13872 }, 13873 optionIsActive(attributeId, optionId) { 13874 13875 return !!this.getAllowedAttributeOptions(attributeId).find( 13876 option => option.id === optionId 13877 ) 13878 }, 13879 optionIsEnabled(attributeId, optionId) { 13880 13881 for (const productId in this.optionConfig.index) { 13882 if (this.optionConfig.index[productId][attributeId] === optionId) { 13883 return true; 13884 } 13885 } 13886 return false; 13887 }, 13888 mapSwatchTypeNumberToTypeCode(typeNumber) { 13889 switch ("" + typeNumber) { 13890 case "1": 13891 return "color" 13892 case "2": 13893 return "image" 13894 case "3": 13895 return "empty" 13896 case "0": 13897 default: 13898 return "text" 13899 } 13900 }, 13901 getTypeOfFirstOption(attributeId) { 13902 for (const optionId in this.swatchConfig[attributeId]) { 13903 const option = this.swatchConfig[attributeId][optionId]; 13904 if (typeof option.type !== 'undefined') { 13905 return this.mapSwatchTypeNumberToTypeCode(option.type); 13906 } 13907 } 13908 }, 13909 getVisualSwatchType(attributeId, targetOptionId) { 13910 13911 const config = this.swatchConfig[attributeId]; 13912 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 13913 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 13914 } 13915 13916 13917 13918 13919 return this.getTypeOfFirstOption(attributeId); 13920 }, 13921 getSwatchType(attributeId, optionId) { 13922 13923 if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { 13924 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 13925 } 13926 const type = this.swatchConfig[attributeId] && 13927 this.swatchConfig[attributeId].details && 13928 this.swatchConfig[attributeId].details.swatch_input_type || 13929 "empty"; 13930 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 13931 }, 13932 isTextSwatch(attributeId, optionId) { 13933 return this.getSwatchType(attributeId, optionId) === 'text'; 13934 }, 13935 isVisualSwatch(attributeId, optionId) { 13936 const type = this.getSwatchType(attributeId, optionId); 13937 13938 return ['image', 'color'].includes(type); 13939 }, 13940 getSwatchBackgroundStyle(attributeId, optionId) { 13941 const config = this.getSwatchConfig(attributeId, optionId); 13942 const type = this.getSwatchType(attributeId, optionId); 13943 13944 if (type === "color") { 13945 return 'background-color:' + config.value; 13946 } else if (type === "image") { 13947 return "background: #ffffff url('" + config.value + "') no-repeat center"; 13948 } else { 13949 return ''; 13950 } 13951 }, 13952 getSwatchText(attributeId, optionId) {
13953 const config = this.getSwatchConfig(attributeId, optionId); 13954 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 13955 }, 13956 getOptionLabelFromOptionConfig(attributeId, optionId) { 13957 13958 13959 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 13960 return option && option[0] && option[0].label ||''; 13961 }, 13962 getSwatchConfig(attributeId, optionId) { 13963 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 13964 ? this.swatchConfig[attributeId][optionId] 13965 : false; 13966 }, 13967 activeTooltipItem: false, 13968 tooltipPositionElement: false, 13969 isTooltipVisible() { 13970 return this.activeTooltipItem && 13971 this.getSwatchConfig( 13972 this.activeTooltipItem.attribute, 13973 this.activeTooltipItem.item 13974 ); 13975 }, 13976 getTooltipImageStyle(attributeId, optionId) { 13977 const config = this.getSwatchConfig(attributeId, optionId); 13978 const type = this.getSwatchType(attributeId, optionId); 13979 13980 if (type === "color") { 13981 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 13982 } else if (type === "image") { 13983 return "background: #ffffff url('" + config.thumb + 13984 "') center center no-repeat; width: 110px; height: 90px;"; 13985 } else { 13986 return 'display:none'; 13987 } 13988 }, 13989 getTooltipPosition() { 13990 return this.tooltipPositionElement ? 13991 `top: ${this.tooltipPositionElement.offsetTop}px;` + 13992 `left: ${ 13993 this.tooltipPositionElement.offsetLeft + (this.tooltipPositionElement.offsetWidth / 2) 13994 }px;` : '' 13995 }, 13996 getTooltipLabel() { 13997 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label 13998 }, 13999 focusedLabel: false, 14000 focusLabel(optionId) { 14001 this.focusedLabel = optionId; 14002 }, 14003 blurLabel() { 14004 this.focusedLabel = false; 14005 }, 14006 showSwatches: false, 14007 initShowSwatchesIntersect() { 14008 if ('IntersectionObserver' in window && !window.scrollY) { 14009 let io = new IntersectionObserver( 14010 entries => { 14011 entries.map(entry => { 14012 if (entry.isIntersecting) { 14013 this.showSwatches = true; 14014 io.unobserve(this.$root); 14015 } 14016 }) 14017 } 14018 ); 14019 io.observe(this.$root); 14020 } else { 14021 this.showSwatches = true 14022 } 14023 } 14024 } 14025 }</script>
14025<!-- Start of Glassix Chat Widget --><defer-script> var widgetOptions = { apiKey: "9459aa1f-d41a-44bf-8599-c2605886c4f2", snippetId: "a85f91f04649d2e68726" }; (function (n) { var u = function () { GlassixWidgetClient && typeof GlassixWidgetClient == "function" ? (window.widgetClient = new GlassixWidgetClient(n), widgetClient.attach(), window.glassixWidgetScriptLoaded && window.glassixWidgetScriptLoaded()) : f() }, f = function () { r.onload = u; r.src = "https://cdn.glassix.net/clients/widget.1.2.min.js"; i.parentNode.removeChild(t); i.parentNode.insertBefore(r, i) }, i = document.getElementsByTagName("script")[0], t = document.createElement("script"), r; (t.async = !0, t.type = "text/javascript", t.crossorigin = "anonymous", t.id = "glassix-widget-script", r = t.cloneNode(), t.onload = u, t.src = "https://cdn.glassix.com/clients/widget.1.2.min.js", !document.getElementById(t.id) && document.body) && (i.parentNode.insertBefore(t, i), t.onerror = f) })(widgetOptions)</defer-script><!-- End of Glassix Chat Widget --><!-- Start of Accessibility Widget --><defer-script type="text/javascript"> window.interdeal = { sitekey : "1904543cee41fb5e5fe7cfeaa5fd9006", Position : "Right", Menulang : "HE", domains : { js : "https://js.nagich.co.il/", acc : "https://access.nagich.co.il/" }, btnStyle : { color : { main : "#122231", second : "#fff" }, vPosition : ["70%","15%"], scale : ["0.5","0.4"], icon : { type : 11, shape : "circle", outline : true } } }; (function(doc, head, body){ var coreCall = doc.createElement('script'); coreCall.src = 'https://js.nagich.co.il/core/4.4.2/accessibility.js'; coreCall.defer = true; coreCall.integrity = 'sha512-A9+ASEqwwTHkr8277jm4B3aoLL+QbUDSfgKqA6M7tWbu/Vlde4BsHZuFx8YFnSPdbVa6RJsb8xQ4+apAk2lkww=='; coreCall.crossOrigin = 'anonymous'; coreCall.setAttribute('data-cfasync', true ); body? body.appendChild(coreCall) : head.appendChild(coreCall); })(document, document.head, document.body);</defer-script><!-- End of Accessibility Widget --><!-- Start of jQuery Lib --><defer-script type="text/javascript"> (function(doc, head, body){ var s = doc.createElement("script"); s.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"; s.defer = true; body? body.appendChild(s) : head.appendChild(s); })(document, document.head, document.body);</defer-script><!-- End of jQuery Lib --><!-- Start of CBAR Widget --><defer-script type="text/javascript"> (function(doc, head, body){ var s = doc.createElement("script"); s.src = "https://cloudfront.barilliance.com/reserved-il.com/cbar.js.php"; s.defer = true; body? body.appendChild(s) : head.appendChild(s); })(document, document.head, document.body);</defer-script><!-- End of CBAR Chat Widget --><!-- Start of Pixelinf Widget --><defer-script type="text/javascript"> (function(doc, head, body){ var s = doc.createElement("script"); s.src = "https://p.pixelinf.com/upixel2.js?ukey=p2m628ub0uc00000000000000g70o2"; s.defer = true; body? body.appendChild(s) : head.appendChild(s); })(document, document.head, document.body);</defer-script><!-- End of Pixelinf Widget -->
14025<script type="text/javascript"> 14026 var deferDelayTimeout = 3000; 14027 var scriptsDeferExecuted = false; 14028 var head = document.getElementsByTagName('head')[0] || document.documentElement; 14029 14030 function executeScripts(val) { 14031 var newScripts = document.querySelectorAll(val); 14032 14033 [].forEach.call(newScripts, function (newScrip) { 14034 var script = document.createElement('script'); 14035 script.type = 'text/javascript'; 14036 14037 script.appendChild(document.createTextNode(newScrip.innerText)); 14038 14039 head.insertBefore(script, head.firstChild); 14040 newScrip.remove(); 14041 }); 14042 } 14043 14044 function initDeferScripts() { 14045 if (scriptsDeferExecuted) { 14046 return; 14047 } 14048 14049 scriptsDeferExecuted = true; 14050 14051 if ('requestIdleCallback' in window) { 14052 requestIdleCallback( function () { 14053 14054 setTimeout(function () { 14055 executeScripts('defer-script'); 14056 14057 }, deferDelayTimeout); 14058 14059 }); 14060 } else { 14061 setTimeout(function () { 14062 executeScripts('defer-script'); 14063 14064 }, deferDelayTimeout); 14065 } 14066 } 14067 14068 window.addEventListener('DOMContentLoaded', function () { 14069 initDeferScripts(); 14070 }, false);</script>
14070
14070<script defer> 14071 'use strict'; 14072 14073 (() => { 14074 const equalizeButtonWidths = (buttons) => { 14075 const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]'); 14076 let buttonMinWidth = 0; 14077 14078 buttonList.forEach(button => { 14079 const buttonWidth = button.offsetWidth; 14080 14081 if (buttonWidth > buttonMinWidth) { 14082 buttonMinWidth = buttonWidth; 14083 } 14084 }); 14085 14086 buttonList.forEach(button => { 14087 button.style.minWidth = `${buttonMinWidth}px`; 14088 }); 14089 }; 14090 14091 window.addEventListener('DOMContentLoaded', () => { 14092 document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => { 14093 equalizeButtonWidths(buttons); 14094 }); 14095 }); 14096 })();</script>
14096
14096<script defer> 14097 'use strict'; 14098 14099 (() => { 14100 const initCarousels = (elements) => { 14101 14102 if (!Glider) { 14103 return; 14104 } 14105 14106 const initProductCarousel = (carousel) => { 14107 const gliderElement = carousel.querySelector('[data-role="glider-content"]'); 14108 14109 if (!gliderElement) { 14110 return; 14111 } 14112 14113 const gliderDots = carousel.querySelector('.glider-dots'); 14114 const gliderPrev = carousel.querySelector('.glider-prev'); 14115 const gliderNext = carousel.querySelector('.glider-next'); 14116 14117 const glider = new Glider(gliderElement, { 14118 slidesToShow: 2, 14119 slidesToScroll: 2, 14120 scrollLock: true, 14121 draggable: true, 14122 dragVelocity: 1, 14123 dots: gliderDots, 14124 arrows: { 14125 prev: gliderPrev, 14126 next: gliderNext, 14127 }, 14128 responsive: [ 14129 { 14130 breakpoint: 1024, 14131 settings: { 14132 slidesToShow: 4, 14133 slidesToScroll: 4, 14134 } 14135 }, 14136 { 14137 breakpoint: 1280, 14138 settings: { 14139 slidesToShow: 5, 14140 slidesToScroll: 5, 14141 } 14142 }, 14143 ], 14144 }); 14145 14146 carousel.classList.remove('overflow-x-scroll'); 14147 gliderPrev.classList.remove('hidden'); 14148 gliderNext.classList.remove('hidden'); 14149 14150 if (carousel.dataset.autoplay !== 'false') { 14151 gliderAutoplay( 14152 glider, 14153 carousel.dataset.autoplaySpeed, 14154 carousel.dataset.infiniteLoop 14155 ); 14156 } 14157 }; 14158 14159 const initSliderCarousel = (slider) => { 14160 slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`; 14161 slider.classList.add('glider-contain'); 14162 14163 slider.insertAdjacentHTML( 14164 'beforeend', 14165 '\u0020\u003Cdiv\u0020class\u003D\u0022direction\u002Dltr\u0020carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022\u05D4\u05E7\u05D5\u05D3\u05DD\u0022\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D10\u0020h\u002D10\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u003Csvg\u0020viewBox\u003D\u00220\u00200\u00201024\u00201024\u0022\u003E\u003Cpath\u0020class\u003D\u0022path1\u0022\u0020d\u003D\u0022M716.8\u00201024c6.552\u00200\u002013.102\u002D2.499\u002018.101\u002D7.499\u00209.998\u002D9.997\u00209.998\u002D26.206\u00200\u002D36.203l\u002D442.698\u002D442.698\u0020442.698\u002D442.699c9.998\u002D9.997\u00209.998\u002D26.206\u00200\u002D36.203s\u002D26.206\u002D9.998\u002D36.203\u00200l\u002D460.8\u0020460.8c\u002D9.998\u00209.997\u002D9.998\u002026.206\u00200\u002036.203l460.8\u0020460.8c5\u00205\u002011.55\u00207.499\u002018.102\u00207.499z\u0022\u003E\u003C\u002Fpath\u003E\u003C\u002Fsvg\u003E\u003C\u002Fbutton\u003E\u0020\u003Cdiv\u0020role\u
14165003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u003Cbutton\u0020aria\u002Dlabel\u003D\u0022\u05D4\u05D1\u05D0\u0022\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D10\u0020h\u002D10\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u003Csvg\u0020viewBox\u003D\u00220\u00200\u00201024\u00201024\u0022\u003E\u003Cpath\u0020class\u003D\u0022path1\u0022\u0020d\u003D\u0022M256\u00201024c\u002D6.552\u00200\u002D13.102\u002D2.499\u002D18.101\u002D7.499\u002D9.998\u002D9.997\u002D9.998\u002D26.206\u00200\u002D36.203l442.698\u002D442.698\u002D442.698\u002D442.699c\u002D9.998\u002D9.997\u002D9.998\u002D26.206\u00200\u002D36.203s26.206\u002D9.998\u002036.203\u00200l460.8\u0020460.8c9.998\u00209.997\u00209.998\u002026.206\u00200\u002036.203l\u002D460.8\u0020460.8c\u002D5\u00205\u002D11.55\u00207.499\u002D18.102\u00207.499z\u0022\u003E\u003C\u002Fpath\u003E\u003C\u002Fsvg\u003E\u003C\u002Fbutton\u003E\u003C\u002Fdiv\u003E' 14166 ); 14167 14168 const gliderElement = slider.querySelector('[data-role="glider-content"]'); 14169 const gliderDots = slider.querySelector('.glider-dots'); 14170 const gliderPrev = slider.querySelector('.glider-prev'); 14171 const gliderNext = slider.querySelector('.glider-next'); 14172 14173 const glider = new Glider(gliderElement, { 14174 slidesToShow: 1, 14175 slidesToScroll: 1, 14176 scrollLock: true, 14177 scrollLockDelay: 250, 14178 draggable: true, 14179 dragVelocity: 2.5, 14180 dots: gliderDots, 14181 arrows: { 14182 prev: gliderPrev, 14183 next: gliderNext, 14184 }, 14185 }); 14186 14187 slider.classList.add('glider-initialized'); 14188 if (slider.dataset.showArrows === 'true') { 14189 gliderPrev.classList.remove('hidden'); 14190 gliderNext.classList.remove('hidden'); 14191 } 14192 14193 if (slider.dataset.autoplay !== 'false') { 14194 gliderAutoplay( 14195 glider, 14196 slider.dataset.autoplaySpeed, 14197 slider.dataset.infiniteLoop 14198 ); 14199 } 14200 }; 14201 14202 const gliderAutoplay = (glider, milliseconds, loop) => { 14203 const pagesCount = glider.track.childElementCount; 14204 let slideTimeout = null; 14205 let nextIndex = 1; 14206 let paused = false; 14207 14208 const slide = () => { 14209 slideTimeout = setTimeout( 14210 () => { 14211 if (loop && nextIndex >= pagesCount) { 14212 nextIndex = 0; 14213 } 14214 glider.scrollItem(nextIndex); 14215 }, 14216 parseInt(milliseconds) 14217 ); 14218 }; 14219 14220 glider.ele.addEventListener('glider-animated', () => { 14221 nextIndex = glider.slide + glider.opt.slidesToScroll; 14222 window.clearInterval(slideTimeout); 14223 if (!paused && (loop || nextIndex < pagesCount)) { 14224 slide(); 14225 } 14226 }); 14227 14228 const pause = () => { 14229 if (!paused) { 14230 clearInterval(slideTimeout); 14231 paused = true; 14232 } 14233 }; 14234 14235 const unpause = () => { 14236 if (paused) { 14237 slide(); 14238 paused = false; 14239 } 14240 }; 14241 14242 glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true}); 14243 glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true}); 14244 glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true}); 14245 glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true}); 14246 14247 slide(); 14248 }; 14249
14250 elements.forEach(element => { 14251 if (element.dataset.contentType === 'products') { 14252 initProductCarousel(element); 14253 } 14254 if (element.dataset.contentType === 'slider') { 14255 initSliderCarousel(element); 14256 } 14257 }); 14258 }; 14259 14260 window.addEventListener('DOMContentLoaded', () => { 14261 const carouselElements = document.querySelectorAll( 14262 `[data-content-type="products"][data-appearance="carousel"], 14263 [data-content-type="slider"]` 14264 ); 14265 14266 if (carouselElements.length > 0) { 14267 const script = document.createElement('script'); 14268 script.type = 'text/javascript'; 14269 14270 script.addEventListener('load', () => { 14271 initCarousels(carouselElements); 14272 }); 14273 14274 script.src = 'https\u003A\u002F\u002Freserved\u002Dil.com\u002Fstatic\u002Fversion1788943106\u002Ffrontend\u002FSignature\u002Fdefault\u002Fhe_IL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js'; 14275 document.head.appendChild(script); 14276 } 14277 }); 14278 })();</script>
14278
14278<script defer> 14279 'use strict'; 14280 14281 (() => { 14282 const initMaps = (elements) => { 14283 const renderMap = (element) => { 14284 const dataLocations = element.dataset.locations; 14285 14286 14287 if (!dataLocations || dataLocations === '[]') { 14288 element.classList.add('hidden'); 14289 return; 14290 } 14291 14292 const map = new google.maps.Map( 14293 element, 14294 getMapOptions( 14295 element.dataset.showControls !== 'true', 14296 element.dataset.showControls === 'true' 14297 ) 14298 ); 14299 const locations = JSON.parse(dataLocations); 14300 const latitudeLongitudeBounds = new google.maps.LatLngBounds(); 14301 const bounds = []; 14302 14303 locations.forEach(location => { 14304 const position = { 14305 lat: parseFloat(location.position.latitude), 14306 lng: parseFloat(location.position.longitude), 14307 }; 14308 bounds.push(position); 14309 14310 const infowindow = new google.maps.InfoWindow({ 14311 content: getInfoWindowContent(location), 14312 }); 14313 const marker = new google.maps.Marker({ 14314 position: position, 14315 map, 14316 title: location.location_name, 14317 }); 14318 14319 marker.addListener('click', () => { 14320 infowindow.open(map, marker); 14321 }); 14322 }); 14323 14324 14325 if (bounds.length > 1) { 14326 bounds.forEach(function (bound) { 14327 latitudeLongitudeBounds.extend(bound); 14328 }); 14329 map.fitBounds(latitudeLongitudeBounds); 14330 } 14331 14332 14333 if (bounds.length === 1) { 14334 map.setCenter(bounds[0]); 14335 } 14336 }; 14337 14338 const getMapOptions = (disableDefaultUI, mapTypeControl) => { 14339 const style = ''; 14340 return { 14341 zoom: 8, 14342 scrollwheel: false, 14343 disableDoubleClickZoom: false, 14344 mapTypeControlOptions: { 14345 style: google.maps.MapTypeControlStyle.DEFAULT, 14346 }, 14347 styles: style ? JSON.parse(style) : [], 14348 disableDefaultUI: disableDefaultUI, 14349 mapTypeControl: mapTypeControl, 14350 }; 14351 }; 14352 14353 const getInfoWindowContent = (location) => { 14354 const title = location.location_name ? 14355 `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : ''; 14356 const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : ''; 14357 const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : ''; 14358 const street = location.address ? `${location.address}<br/>` : ''; 14359 const city = location.city ? `${location.city}<br/>` : ''; 14360 const state = location.state ? `${location.state}<br/>` : ''; 14361 const zipCode = location.zipcode ? `${location.zipcode}<br/>` : ''; 14362 const country = location.country ? location.country : ''; 14363 14364 return `<div> 14365 ${title} 14366 ${comment} 14367 ${phone} 14368 <p class="px-1 pt-3 text-primary"> 14369 ${street} 14370 ${city} 14371 ${state} 14372 ${zipCode} 14373 ${country}</p></div>`; 14374 }; 14375 14376 const hideAllMaps = () => { 14377 document.querySelectorAll('[data-content-type="map"]').forEach(element => { 14378 element.classList.add('hidden'); 14379 }); 14380 }; 14381 14382 window.gm_authFailure = () => { 14383 hideAllMaps(); 14384 }; 14385 14386 if (typeof google.maps === 'undefined') { 14387 hideAllMaps(); 14388 return; 14389 } 14390
14391 elements.forEach(element => { 14392 if (element.dataset.contentType === 'map') { 14393 renderMap(element); 14394 } 14395 }); 14396 }; 14397 14398 window.addEventListener('DOMContentLoaded', () => { 14399 const mapElements = document.querySelectorAll('[data-content-type="map"]'); 14400 14401 if (mapElements.length > 0) { 14402 const script = document.createElement('script'); 14403 script.type = 'text/javascript'; 14404 14405 script.addEventListener('load', () => { 14406 initMaps(mapElements); 14407 }); 14408 14409 script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D'; 14410 document.head.appendChild(script); 14411 } 14412 }); 14413 })();</script>
14413
14413<script defer> 14414 'use strict'; 14415 14416 (() => { 14417 const initParallaxImage = (element) => { 14418 if (!window.jarallax) { 14419 return; 14420 } 14421 14422 element.classList.add('jarallax'); 14423 element.dataset.jarallax = ''; 14424 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 14425 const elementStyle = window.getComputedStyle(element); 14426 14427 window.jarallax(element, { 14428 imgPosition: elementStyle.backgroundPosition || '50% 50%', 14429 imgRepeat: elementStyle.backgroundRepeat || 'no-repeat', 14430 imgSize: elementStyle.backgroundSize || 'cover', 14431 speed: parallaxSpeed, 14432 }); 14433 }; 14434 14435 const initVideoBackground = (element) => { 14436 if (!window.jarallax) { 14437 return; 14438 } 14439 14440 let slider = null; 14441 14442 if (element.classList.contains('pagebuilder-slide-wrapper')) { 14443 const viewportElement = document.createElement('div'); 14444 slider = element.closest('[data-content-type=slider]'); 14445 viewportElement.classList.add('jarallax-viewport-element'); 14446 element.dataset.elementInViewport = '.jarallax-viewport-element'; 14447 element.appendChild(viewportElement); 14448 } 14449 14450 element.classList.add('jarallax'); 14451 element.dataset.jarallax = ''; 14452 const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5; 14453 14454 window.jarallax(element, { 14455 imgSrc: element.dataset.videoFallbackSrc, 14456 speed: parallaxSpeed, 14457 videoLoop: element.dataset.videoLoop, 14458 videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible, 14459 videoLazyLoading: element.dataset.videoLazyLoad, 14460 disableVideo: false, 14461 elementInViewport: element.dataset.elementInViewport && 14462 element.querySelector(element.dataset.elementInViewport), 14463 }); 14464 14465 if (slider) { 14466 if (slider.dataset.afterChangeIsSet) { 14467 return; 14468 } 14469 14470 slider.addEventListener('glider-loaded', () => { 14471 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 14472 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 14473 }); 14474 }); 14475 14476 slider.addEventListener('glider-animated', () => { 14477 slider.querySelectorAll('.jarallax').forEach(videoSlide => { 14478 videoSlide.jarallax && videoSlide.jarallax.onScroll(); 14479 }); 14480 }); 14481 14482 slider.dataset.afterChangeIsSet = true; 14483 } 14484 }; 14485 14486 window.addEventListener('DOMContentLoaded', () => { 14487 const parallaxImageElements = document.querySelectorAll( 14488 `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"], 14489 [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]` 14490 ); 14491 14492 const videoBackgroundsElements = document.querySelectorAll( 14493 `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"], 14494 [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"], 14495 [data-content-type="banner"] [data-background-type="video"], 14496 [data-content-type="slide"] [data-background-type="video"]` 14497 ); 14498 14499 if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) { 14500 const jarallaxScript = document.createElement('script'); 14501 jarallaxScript.type = 'text/javascript'; 14502 14503 jarallaxScript.addEventListener('load', () => { 14504 parallaxImageElements.forEach(row => { 14505 initParallaxImage(row); 14506 }); 14507 14508 const jarallaxVideoScript = document.createElement('script'); 14509 jarallaxVideoScript.type = 'text/javascript'; 14510 14511 jarallaxVideoScript.addEventListener('load', () => {
14512 videoBackgroundsElements.forEach(element => { 14513 initVideoBackground(element); 14514 }); 14515 }); 14516 14517 jarallaxVideoScript.src = 'https\u003A\u002F\u002Freserved\u002Dil.com\u002Fstatic\u002Fversion1788943106\u002Ffrontend\u002FSignature\u002Fdefault\u002Fhe_IL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js'; 14518 document.head.appendChild(jarallaxVideoScript); 14519 }); 14520 14521 jarallaxScript.src = 'https\u003A\u002F\u002Freserved\u002Dil.com\u002Fstatic\u002Fversion1788943106\u002Ffrontend\u002FSignature\u002Fdefault\u002Fhe_IL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax.min.js'; 14522 document.head.appendChild(jarallaxScript); 14523 } 14524 }); 14525 })();</script>
14525
14525<script defer> 14526 'use strict'; 14527 14528 (() => { 14529 const applyShowOnHover = (element) => { 14530 const showOverlayOnHover = (element) => { 14531 const overlay = element.querySelector('.pagebuilder-overlay'); 14532 const color = overlay.dataset.overlayColor; 14533 14534 element.addEventListener('mouseover', () => { 14535 overlay.style.backgroundColor = color; 14536 }); 14537 element.addEventListener('mouseout', () => { 14538 overlay.style.backgroundColor = 'transparent'; 14539 }); 14540 }; 14541 14542 const showButtonOnHover = (element) => { 14543 const button = element.querySelector('.pagebuilder-banner-button'); 14544 14545 element.addEventListener('mouseover', () => { 14546 button.style.opacity = '1'; 14547 button.style.visibility = 'visible'; 14548 }); 14549 element.addEventListener('mouseout', () => { 14550 button.style.opacity = '0'; 14551 button.style.visibility = 'hidden'; 14552 }); 14553 }; 14554 14555 if (element.dataset.showOverlay === 'hover') { 14556 showOverlayOnHover(element); 14557 } 14558 if (element.dataset.showButton === 'hover') { 14559 showButtonOnHover(element); 14560 } 14561 }; 14562 14563 window.addEventListener('DOMContentLoaded', () => { 14564 document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { 14565 applyShowOnHover(element); 14566 }); 14567 }); 14568 })();</script>
14568
14568<script defer> 14569 'use strict'; 14570 14571 (() => { 14572 document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => { 14573 tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`); 14574 }); 14575 14576 document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => { 14577 const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0; 14578 14579 tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => { 14580 const tabLink = tabHeader.querySelector('a'); 14581 const tabId = tabLink.getAttribute('href').replace('#', ''); 14582 14583 tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`); 14584 tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`); 14585 14586 if (index === defaultActiveTab) { 14587 tab.setAttribute('x-data', `{ tab: '${tabId}' }`); 14588 } 14589 }); 14590 }); 14591 })();</script>
14591
14591<script type="application/json" id="default-section-data"> 14592 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AD":{"name":"\u05d0\u05e0\u05d3\u05d5\u05e8\u05d4"},"AE":{"name":"\u05d0\u05d9\u05d7\u05d5\u05d3 \u05d4\u05d0\u05de\u05d9\u05e8\u05d5\u05d9\u05d5\u05ea \u05d4\u05e2\u05e8\u05d1\u05d9\u05d5\u05ea"},"AF":{"name":"\u05d0\u05e4\u05d2\u05e0\u05d9\u05e1\u05d8\u05df"},"AG":{"name":"\u05d0\u05e0\u05d8\u05d9\u05d2\u05d5\u05d0\u05d4 \u05d5\u05d1\u05e8\u05d1\u05d5\u05d3\u05d4"},"AI":{"name":"\u05d0\u05e0\u05d2\u05d5\u05d5\u05d9\u05dc\u05d4"},"AL":{"name":"\u05d0\u05dc\u05d1\u05e0\u05d9\u05d4","regions":{"512":{"code":"AL-01","name":"Berat"},"513":{"code":"AL-09","name":"Dib\u00ebr"},"514":{"code":"AL-02","name":"Durr\u00ebs"},"515":{"code":"AL-03","name":"Elbasan"},"516":{"code":"AL-04","name":"Fier"},"517":{"code":"AL-05","name":"Gjirokast\u00ebr"},"518":{"code":"AL-06","name":"Kor\u00e7\u00eb"},"519":{"code":"AL-07","name":"Kuk\u00ebs"},"520":{"code":"AL-08","name":"Lezh\u00eb"},"521":{"code":"AL-10","name":"Shkod\u00ebr"},"522":{"code":"AL-11","name":"Tiran\u00eb"},"523":{"code":"AL-12","name":"Vlor\u00eb"}}},"AM":{"name":"\u05d0\u05e8\u05de\u05e0\u05d9\u05d4"},"AO":{"name":"\u05d0\u05e0\u05d2\u05d5\u05dc\u05d4"},"AQ":{"name":"\u05d0\u05e0\u05d8\u05d0\u05e8\u05e7\u05d8\u05d9\u05e7\u05d4"},"AR":{"name":"\u05d0\u05e8\u05d2\u05e0\u05d8\u05d9\u05e0\u05d4","regions":{"525":{"code":"AR-B","name":"Buenos Aires"},"526":{"code":"AR-K","name":"Catamarca"},"527":{"code":"AR-H","name":"Chaco"},"528":{"code":"AR-U","name":"Chubut"},"524":{"code":"AR-C","name":"Ciudad Aut\u00f3noma de Buenos Aires"},"529":{"code":"AR-X","name":"C\u00f3rdoba"},"530":{"code":"AR-W","name":"Corrientes"},"531":{"code":"AR-E","name":"Entre R\u00edos"},"532":{"code":"AR-P","name":"Formosa"},"533":{"code":"AR-Y","name":"Jujuy"},"534":{"code":"AR-L","name":"La Pampa"},"535":{"code":"AR-F","name":"La Rioja"},"536":{"code":"AR-M","name":"Mendoza"},"537":{"code":"AR-N","name":"Misiones"},"538":{"code":"AR-Q","name":"Neuqu\u00e9n"},"539":{"code":"AR-R","name":"R\u00edo Negro"},"540":{"code":"AR-A","name":"Salta"},"541":{"code":"AR-J","name":"San Juan"},"542":{"code":"AR-D","name":"San Luis"},"543":{"code":"AR-Z","name":"Santa Cruz"},"544":{"code":"AR-S","name":"Santa Fe"},"545":{"code":"AR-G","name":"Santiago del Estero"},"546":{"code":"AR-V","name":"Tierra del Fuego"},"547":{"code":"AR-T","name":"Tucum\u00e1n"}}},"AS":{"name":"\u05e1\u05de\u05d5\u05d0\u05d4 \u05d4\u05d0\u05de\u05e8\u05d9\u05e7\u05e0\u05d9\u05ea"},"AT":{"name":"\u05d0\u05d5\u05e1\u05d8\u05e8\u05d9\u05d4","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"AU":{"name":"\u05d0\u05d5\u05e1\u05d8\u05e8\u05dc\u05d9\u05d4","regions":{"605":{"code":"ACT","name":"Australian Capital Territory"},"606":{"code":"NSW","name":"New South Wales"},"612":{"code":"NT","name":"Northern Territory"},"608":{"code":"QLD","name":"Queensland"},"609":{"code":"SA","name":"South Australia"},"610":{"code":"TAS","name":"Tasmania"},"607":{"code":"VIC","name":"Victoria"},"611":{"code":"WA","name":"Western Australia"}}},"AW":{"name":"\u05d0\u05e8\u05d5\u05d1\u05d4"},"AX":{"name":"\u05d0\u05d9\u05d9 \u05d0\u05d5\u05dc\u05e0\u05d3"},"AZ":{"name":"\u05d0\u05d6\u05e8\u05d1\u05d9\u05d9\u05d2\u05f3\u05df"},"BA":{"name":"\u05d1\u05d5\u05e1\u05e0\u05d9\u05d4 \u05d5\u05d4\u05e8\u05e6\u05d2\u05d5\u05d1\u05d9\u05e0\u05d4"},"BB":{"name":"\u05d1\u05e8\u05d1\u05d3\u05d5\u05e1"},"BD":{"name":"\u05d1\u05e0\u05d2\u05dc\u05d3\u05e9"},"BE":{"name":"\u05d1\u05dc\u05d2\u05d9\u05d4","regions":{"620":{"code":"VAN","name":"Antwerpen"},"621":{"code":"WBR","name":"Brabant wallon"},"622":{"code":"BRU","name":"Brussels-Capital Region"},"623":{"code":"WHT","name":"Hainaut"},"625":{"code":"WLG","name":"Li\u00e8ge"},"624":{"code":"VLI","name":"Limburg"},"626":{"code":"WLX","name":"Luxembourg"},"627":{"code":"WNA","name":"Namur"},"628":{"code":"VOV","name":"Oost-Vlaanderen"},"629":{"code":"VBR","name":"Vlaams-Brabant"}
14592,"630":{"code":"VWV","name":"West-Vlaanderen"}}},"BF":{"name":"\u05d1\u05d5\u05e8\u05e7\u05d9\u05e0\u05d4 \u05e4\u05d0\u05e1\u05d5"},"BG":{"name":"\u05d1\u05d5\u05dc\u05d2\u05e8\u05d9\u05d4","regions":{"640":{"code":"BG-01","name":"Blagoevgrad"},"641":{"code":"BG-02","name":"Burgas"},"647":{"code":"BG-08","name":"Dobrich"},"646":{"code":"BG-07","name":"Gabrovo"},"665":{"code":"BG-26","name":"Haskovo"},"648":{"code":"BG-09","name":"Kardzhali"},"649":{"code":"BG-10","name":"Kyustendil"},"650":{"code":"BG-11","name":"Lovech"},"651":{"code":"BG-12","name":"Montana"},"652":{"code":"BG-13","name":"Pazardzhik"},"653":{"code":"BG-14","name":"Pernik"},"654":{"code":"BG-15","name":"Pleven"},"655":{"code":"BG-16","name":"Plovdiv"},"656":{"code":"BG-17","name":"Razgrad"},"657":{"code":"BG-18","name":"Ruse"},"666":{"code":"BG-27","name":"Shumen"},"658":{"code":"BG-19","name":"Silistra"},"659":{"code":"BG-20","name":"Sliven"},"660":{"code":"BG-21","name":"Smolyan"},"661":{"code":"BG-22","name":"Sofia City"},"662":{"code":"BG-23","name":"Sofia Province"},"663":{"code":"BG-24","name":"Stara Zagora"},"664":{"code":"BG-25","name":"Targovishte"},"642":{"code":"BG-03","name":"Varna"},"643":{"code":"BG-04","name":"Veliko Tarnovo"},"644":{"code":"BG-05","name":"Vidin"},"645":{"code":"BG-06","name":"Vratsa"},"667":{"code":"BG-28","name":"Yambol"}}},"BH":{"name":"\u05d1\u05d7\u05e8\u05d9\u05d9\u05df"},"BI":{"name":"\u05d1\u05d5\u05e8\u05d5\u05e0\u05d3\u05d9"},"BJ":{"name":"\u05d1\u05e0\u05d9\u05df"},"BL":{"name":"\u05e1\u05e0\u05d8 \u05d1\u05e8\u05ea\u05d5\u05dc\u05d5\u05de\u05d9\u05d0\u05d5"},"BM":{"name":"\u05d1\u05e8\u05de\u05d5\u05d3\u05d4"},"BN":{"name":"\u05d1\u05e8\u05d5\u05e0\u05d9\u05d9"},"BO":{"name":"\u05d1\u05d5\u05dc\u05d9\u05d1\u05d9\u05d4","regions":{"632":{"code":"BO-H","name":"Chuquisaca"},"631":{"code":"BO-C","name":"Cochabamba"},"633":{"code":"BO-B","name":"El Beni"},"634":{"code":"BO-L","name":"La Paz"},"635":{"code":"BO-O","name":"Oruro"},"636":{"code":"BO-N","name":"Pando"},"637":{"code":"BO-P","name":"Potos\u00ed"},"638":{"code":"BO-S","name":"Santa Cruz"},"639":{"code":"BO-T","name":"Tarija"}}},"BQ":{"name":"\u05d4\u05d0\u05d9\u05d9\u05dd \u05d4\u05e7\u05e8\u05d9\u05d1\u05d9\u05d9\u05dd \u05d4\u05d4\u05d5\u05dc\u05e0\u05d3\u05d9\u05d9\u05dd"},"BR":{"name":"\u05d1\u05e8\u05d6\u05d9\u05dc","regions":{"485":{"code":"AC","name":"Acre"},"486":{"code":"AL","name":"Alagoas"},"487":{"code":"AP","name":"Amap\u00e1"},"488":{"code":"AM","name":"Amazonas"},"489":{"code":"BA","name":"Bahia"},"490":{"code":"CE","name":"Cear\u00e1"},"511":{"code":"DF","name":"Distrito Federal"},"491":{"code":"ES","name":"Esp\u00edrito Santo"},"492":{"code":"GO","name":"Goi\u00e1s"},"493":{"code":"MA","name":"Maranh\u00e3o"},"494":{"code":"MT","name":"Mato Grosso"},"495":{"code":"MS","name":"Mato Grosso do Sul"},"496":{"code":"MG","name":"Minas Gerais"},"497":{"code":"PA","name":"Par\u00e1"},"498":{"code":"PB","name":"Para\u00edba"},"499":{"code":"PR","name":"Paran\u00e1"},"500":{"code":"PE","name":"Pernambuco"},"501":{"code":"PI","name":"Piau\u00ed"},"502":{"code":"RJ","name":"Rio de Janeiro"},"503":{"code":"RN","name":"Rio Grande do Norte"},"504":{"code":"RS","name":"Rio Grande do Sul"},"505":{"code":"RO","name":"Rond\u00f4nia"},"506":{"code":"RR","name":"Roraima"},"507":{"code":"SC","name":"Santa Catarina"},"508":{"code":"SP","name":"S\u00e3o Paulo"},"509":{"code":"SE","name":"Sergipe"},"510":{"code":"TO","name":"Tocantins"}}},"BS":{"name":"\u05d0\u05d9\u05d9 \u05d1\u05d4\u05d0\u05de\u05d4"},"BT":{"name":"\u05d1\u05d4\u05d5\u05d8\u05df"},"BV":{"name":"\u05d4\u05d0\u05d9 \u05d1\u05d5\u05d1\u05d4"},"BW":{"name":"\u05d1\u05d5\u05e6\u05d5\u05d5\u05d0\u05e0\u05d4"},"BY":{"name":"\u05d1\u05dc\u05d0\u05e8\u05d5\u05e1","regions":{"613":{"code":"BY-BR","name":"Bresckaja voblas\u0107"},"614":{"code":"BY-HO","name":"Homie\u013askaja voblas\u0107"},"615":{"code":"BY-HM","name":"Horad Minsk"},"616":{"code":"BY-HR","name":"Hrodzienskaja voblas\u0107"},"617":{"code":"BY-MA","name":"Mahilio\u016dskaja voblas\u0107"},"618":{"code":"BY-MI","name":"Minskaja voblas\u0107"},"619":{"code":"BY-VI","name":"Viciebskaja voblas\u0107"}}}
14592,"BZ":{"name":"\u05d1\u05dc\u05d9\u05d6"},"CA":{"name":"\u05e7\u05e0\u05d3\u05d4","regions":{"66":{"code":"AB","name":"Alberta"},"67":{"code":"BC","name":"British Columbia"},"68":{"code":"MB","name":"Manitoba"},"70":{"code":"NB","name":"New Brunswick"},"69":{"code":"NL","name":"Newfoundland and Labrador"},"72":{"code":"NT","name":"Northwest Territories"},"71":{"code":"NS","name":"Nova Scotia"},"73":{"code":"NU","name":"Nunavut"},"74":{"code":"ON","name":"Ontario"},"75":{"code":"PE","name":"Prince Edward Island"},"76":{"code":"QC","name":"Quebec"},"77":{"code":"SK","name":"Saskatchewan"},"78":{"code":"YT","name":"Yukon Territory"}}},"CC":{"name":"\u05d0\u05d9\u05d9 \u05e7\u05d5\u05e7\u05d5\u05e1 (\u05e7\u05d9\u05dc\u05d9\u05e0\u05d2)"},"CD":{"name":"\u05e7\u05d5\u05e0\u05d2\u05d5 - \u05e7\u05d9\u05e0\u05e9\u05d0\u05e1\u05d4"},"CF":{"name":"\u05d4\u05e8\u05e4\u05d5\u05d1\u05dc\u05d9\u05e7\u05d4 \u05d4\u05de\u05e8\u05db\u05d6-\u05d0\u05e4\u05e8\u05d9\u05e7\u05d0\u05d9\u05ea"},"CG":{"name":"\u05e7\u05d5\u05e0\u05d2\u05d5 - \u05d1\u05e8\u05d6\u05d0\u05d5\u05d9\u05dc"},"CH":{"name":"\u05e9\u05d5\u05d5\u05d9\u05d9\u05e5","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CI":{"name":"\u05d7\u05d5\u05e3 \u05d4\u05e9\u05e0\u05d4\u05d1"},"CK":{"name":"\u05d0\u05d9\u05d9 \u05e7\u05d5\u05e7"},"CL":{"name":"\u05e6\u05f3\u05d9\u05dc\u05d4","regions":{"668":{"code":"CL-AI","name":"Ais\u00e9n del General Carlos Iba\u00f1ez del Campo"},"669":{"code":"CL-AN","name":"Antofagasta"},"670":{"code":"CL-AP","name":"Arica y Parinacota"},"672":{"code":"CL-AT","name":"Atacama"},"673":{"code":"CL-BI","name":"Biob\u00edo"},"674":{"code":"CL-CO","name":"Coquimbo"},"671":{"code":"CL-AR","name":"La Araucan\u00eda"},"675":{"code":"CL-LI","name":"Libertador General Bernardo O'Higgins"},"676":{"code":"CL-LL","name":"Los Lagos"},"677":{"code":"CL-LR","name":"Los R\u00edos"},"678":{"code":"CL-MA","name":"Magallanes"},"679":{"code":"CL-ML","name":"Maule"},"680":{"code":"CL-NB","name":"\u00d1uble"},"681":{"code":"CL-RM","name":"Regi\u00f3n Metropolitana de Santiago"},"682":{"code":"CL-TA","name":"Tarapac\u00e1"},"683":{"code":"CL-VS","name":"Valpara\u00edso"}}},"CM":{"name":"\u05e7\u05de\u05e8\u05d5\u05df"},"CN":{"name":"\u05e1\u05d9\u05df","regions":{"684":{"code":"CN-AH","name":"Anhui Sheng"},"685":{"code":"CN-BJ","name":"Beijing Shi"},"686":{"code":"CN-CQ","name":"Chongqing Shi"},"687":{"code":"CN-FJ","name":"Fujian Sheng"},"688":{"code":"CN-GS","name":"Gansu Sheng"},"689":{"code":"CN-GD","name":"Guangdong Sheng"},"690":{"code":"CN-GX","name":"Guangxi Zhuangzu Zizhiqu"},"691":{"code":"CN-GZ","name":"Guizhou Sheng"},"692":{"code":"CN-HI","name":"Hainan Sheng"},"693":{"code":"CN-HE","name":"Hebei Sheng"},"694":{"code":"CN-HL","name":"Heilongjiang Sheng"},"695":{"code":"CN-HA","name":"Henan Sheng"},"696":{"code":"CN-HK","name":"Hong Kong SAR"},"697":{"code":"CN-HB","name":"Hubei Sheng"},"698":{"code":"CN-HN","name":"Hunan Sheng"},"699":{"code":"CN-JS","name":"Jiangsu Sheng"},"700":{"code":"CN-JX","name":"Jiangxi Sheng"},"701":{"code":"CN-JL","name":"Jilin Sheng"},"702":{"code":"CN-LN","name":"Liaoning Sheng"},"703":{"code":"CN-MO","name":"Macao SAR"},"704":{"code":"CN-NM","name":"Nei Mongol Zizhiqu"},"705":{"code":"CN-NX","name":"Ningxia Huizi Zizhiqu"},"706":{"code":"CN-QH","name":"Qinghai Sheng"},"707":{"code":"CN-SN","name":"Shaanxi Sheng"},"708":{"code":"CN-SD","name":"Shandong Sheng"},"709":{"code":"CN-SH","name":"Shanghai Shi"},"710":{"code":"CN-SX","name":"Shanxi Sheng"},"711":{"code":"CN-SC","name":"Sichuan Sheng"},"712":{"code":"CN-TW","name":"Taiwan Sheng"},"713":{"code":"CN-TJ","name":"Tianjin Shi"},"714":{"code":"CN-XJ","name":"Xinjiang Uygur Zizhiqu"},"715":{"code":"CN-XZ","name":"Xizang Zizhiqu"},"716":{"code":"CN-YN","name":"Yunnan Sheng"},"717":{"code":"CN-ZJ","name":"Zhejiang Sheng"}}},"CO":{"name":"\u05e7\u05d5\u05dc\u05d5\u05de\u05d1\u05d9\u05d4","regi
14592ons":{"718":{"code":"CO-AMA","name":"Amazonas"},"719":{"code":"CO-ANT","name":"Antioquia"},"720":{"code":"CO-ARA","name":"Arauca"},"721":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"722":{"code":"CO-BOL","name":"Bol\u00edvar"},"723":{"code":"CO-BOY","name":"Boyac\u00e1"},"724":{"code":"CO-CAL","name":"Caldas"},"725":{"code":"CO-CAQ","name":"Caquet\u00e1"},"726":{"code":"CO-CAS","name":"Casanare"},"727":{"code":"CO-CAU","name":"Cauca"},"728":{"code":"CO-CES","name":"Cesar"},"729":{"code":"CO-CHO","name":"Choc\u00f3"},"730":{"code":"CO-COR","name":"C\u00f3rdoba"},"731":{"code":"CO-CUN","name":"Cundinamarca"},"732":{"code":"CO-GUA","name":"Guain\u00eda"},"733":{"code":"CO-GUV","name":"Guaviare"},"734":{"code":"CO-HUL","name":"Huila"},"735":{"code":"CO-LAG","name":"La Guajira"},"736":{"code":"CO-MAG","name":"Magdalena"},"737":{"code":"CO-MET","name":"Meta"},"738":{"code":"CO-NAR","name":"Nari\u00f1o"},"739":{"code":"CO-NSA","name":"Norte de Santander"},"740":{"code":"CO-PUT","name":"Putumayo"},"741":{"code":"CO-QUI","name":"Quind\u00edo"},"742":{"code":"CO-RIS","name":"Risaralda"},"743":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"744":{"code":"CO-SAN","name":"Santander"},"745":{"code":"CO-SUC","name":"Sucre"},"746":{"code":"CO-TOL","name":"Tolima"},"747":{"code":"CO-VAC","name":"Valle del Cauca"},"748":{"code":"CO-VAU","name":"Vaup\u00e9s"},"749":{"code":"CO-VID","name":"Vichada"}}},"CR":{"name":"\u05e7\u05d5\u05e1\u05d8\u05d4 \u05e8\u05d9\u05e7\u05d4","regions":{"1109":{"code":"CR-AL","name":"Alajuela"},"1110":{"code":"CR-CA","name":"Cartago"},"1112":{"code":"CR-GU","name":"Guanacaste"},"1111":{"code":"CR-HE","name":"Heredia"},"1114":{"code":"CR-LI","name":"Lim\u00f3n"},"1113":{"code":"CR-PU","name":"Puntarenas"},"1108":{"code":"CR-SJ","name":"San Jos\u00e9"}}},"CU":{"name":"\u05e7\u05d5\u05d1\u05d4"},"CV":{"name":"\u05db\u05e3 \u05d5\u05e8\u05d3\u05d4"},"CW":{"name":"\u05e7\u05d5\u05e8\u05d0\u05e1\u05d0\u05d5"},"CX":{"name":"\u05d0\u05d9 \u05d7\u05d2 \u05d4\u05de\u05d5\u05dc\u05d3"}
14592,"CY":{"name":"\u05e7\u05e4\u05e8\u05d9\u05e1\u05d9\u05df"},"CZ":{"name":"\u05e6\u05f3\u05db\u05d9\u05d4","regions":{"1117":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"1125":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"1119":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"1124":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"1122":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"1121":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"1128":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"1126":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"1123":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"1118":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"1115":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"1116":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"1120":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"1127":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"\u05d2\u05e8\u05de\u05e0\u05d9\u05d4","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DJ":{"name":"\u05d2\u05f3\u05d9\u05d1\u05d5\u05d8\u05d9"},"DK":{"name":"\u05d3\u05e0\u05de\u05e8\u05e7","regions":{"750":{"code":"DK-84","name":"Hovedstaden"},"751":{"code":"DK-82","name":"Midtjylland"},"752":{"code":"DK-81","name":"Nordjylland"},"753":{"code":"DK-85","name":"Sj\u00e6lland"},"754":{"code":"DK-83","name":"Syddanmark"}}},"DM":{"name":"\u05d3\u05d5\u05de\u05d9\u05e0\u05d9\u05e7\u05d4"},"DO":{"name":"\u05d4\u05e8\u05e4\u05d5\u05d1\u05dc\u05d9\u05e7\u05d4 \u05d4\u05d3\u05d5\u05de\u05d9\u05e0\u05d9\u05e7\u05e0\u05d9\u05ea"},"DZ":{"name":"\u05d0\u05dc\u05d2\u05f3\u05d9\u05e8\u05d9\u05d4"},"EC":{"name":"\u05d0\u05e7\u05d5\u05d5\u05d3\u05d5\u05e8","regions":{"755":{"code":"EC-A","name":"Azuay"},"756":{"code":"EC-B","name":"Bol\u00edvar"},"757":{"code":"EC-F","name":"Ca\u00f1ar"},"758":{"code":"EC-C","name":"Carchi"},"759":{"code":"EC-H","name":"Chimborazo"},"760":{"code":"EC-X","name":"Cotopaxi"},"761":{"code":"EC-O","name":"El Oro"},"762":{"code":"EC-E","name":"Esmeraldas"},"763":{"code":"EC-W","name":"Gal\u00e1pagos"},"764":{"code":"EC-G","name":"Guayas"},"765":{"code":"EC-I","name":"Imbabura"},"766":{"code":"EC-L","name":"Loja"},"767":{"code":"EC-R","name":"Los R\u00edos"},"768":{"code":"EC-M","name":"Manab\u00ed"},"769":{"code":"EC-S","name":"Morona Santiago"},"770":{"code":"EC-N","name":"Napo"},"771":{"code":"EC-D","name":"Orellana"},"772":{"code":"EC-Y","name":"Pastaza"},"773":{"code":"EC-P","name":"Pichincha"},"774":{"code":"EC-SE","name":"Santa Elena"},"775":{"code":"EC-SD","name":"Santo Domingo de los Ts\u00e1chilas"},"776":{"code":"EC-U","name":"Sucumb\u00edos"},"777":{"code":"EC-T","name":"Tungurahua"},"778":{"code":"EC-Z","name":"Zamora Chinchipe"}}},"EE":{"name":"\u05d0\u05e1\u05d8\u05d5\u05e0\u05d9\u05d4","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"EG":{"name":"\u05de\u05e6\u05e8\u05d9\u05dd"}
14592,"EH":{"name":"\u05e1\u05d4\u05e8\u05d4 \u05d4\u05de\u05e2\u05e8\u05d1\u05d9\u05ea"},"ER":{"name":"\u05d0\u05e8\u05d9\u05ea\u05e8\u05d9\u05d0\u05d4"},"ES":{"name":"\u05e1\u05e4\u05e8\u05d3","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"ET":{"name":"\u05d0\u05ea\u05d9\u05d5\u05e4\u05d9\u05d4"},"FI":{"name":"\u05e4\u05d9\u05e0\u05dc\u05e0\u05d3","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FJ":{"name":"\u05e4\u05d9\u05d2\u05f3\u05d9"},"FK":{"name":"\u05d0\u05d9\u05d9 \u05e4\u05d5\u05e7\u05dc\u05e0\u05d3"},"FM":{"name":"\u05de\u05d9\u05e7\u05e8\u05d5\u05e0\u05d6\u05d9\u05d4"},"FO":{"name":"\u05d0\u05d9\u05d9 \u05e4\u05d0\u05e8\u05d5"},"FR":{"name":"\u05e6\u05e8\u05e4\u05ea","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"}
14592,"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GA":{"name":"\u05d2\u05d1\u05d5\u05df"},"GB":{"name":"\u05d1\u05e8\u05d9\u05d8\u05e0\u05d9\u05d4"},"GD":{"name":"\u05d2\u05e8\u05e0\u05d3\u05d4"},"GE":{"name":"\u05d2\u05d0\u05d5\u05e8\u05d2\u05d9\u05d4"},"GF":{"name":"\u05d2\u05d9\u05d0\u05e0\u05d4 \u05d4\u05e6\u05e8\u05e4\u05ea\u05d9\u05ea"},"GG":{"name":"\u05d2\u05e8\u05e0\u05d6\u05d9"},"GH":{"name":"\u05d2\u05d0\u05e0\u05d4"},"GI":{"name":"\u05d2\u05d9\u05d1\u05e8\u05dc\u05d8\u05e8"}
14592,"GL":{"name":"\u05d2\u05e8\u05d9\u05e0\u05dc\u05e0\u05d3"},"GM":{"name":"\u05d2\u05de\u05d1\u05d9\u05d4"},"GN":{"name":"\u05d2\u05d9\u05e0\u05d0\u05d4"},"GP":{"name":"\u05d2\u05d5\u05d5\u05d0\u05d3\u05dc\u05d5\u05e4"},"GQ":{"name":"\u05d2\u05d9\u05e0\u05d0\u05d4 \u05d4\u05de\u05e9\u05d5\u05d5\u05e0\u05d9\u05ea"},"GR":{"name":"\u05d9\u05d5\u05d5\u05df","regions":{"792":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"779":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"780":{"code":"GR-I","name":"Attik\u00ed"},"781":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"782":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"783":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"784":{"code":"GR-D","name":"\u00cdpeiros"},"785":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"786":{"code":"GR-M","name":"Kr\u00edti"},"787":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"788":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"789":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"790":{"code":"GR-E","name":"Thessal\u00eda"},"791":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"GS":{"name":"\u05d2\u05f3\u05d5\u05e8\u05d2\u05f3\u05d9\u05d4 \u05d4\u05d3\u05e8\u05d5\u05de\u05d9\u05ea \u05d5\u05d0\u05d9\u05d9 \u05e1\u05e0\u05d3\u05d5\u05d5\u05d9\u05e5\u05f3 \u05d4\u05d3\u05e8\u05d5\u05de\u05d9\u05d9\u05dd"},"GT":{"name":"\u05d2\u05d5\u05d0\u05d8\u05de\u05dc\u05d4"},"GU":{"name":"\u05d2\u05d5\u05d0\u05dd"},"GW":{"name":"\u05d2\u05d9\u05e0\u05d0\u05d4-\u05d1\u05d9\u05e1\u05d0\u05d5"},"GY":{"name":"\u05d2\u05d9\u05d0\u05e0\u05d4","regions":{"793":{"code":"GY-BA","name":"Barima-Waini"},"794":{"code":"GY-CU","name":"Cuyuni-Mazaruni"},"795":{"code":"GY-DE","name":"Demerara-Mahaica"},"796":{"code":"GY-EB","name":"East Berbice-Corentyne"},"797":{"code":"GY-ES","name":"Essequibo Islands-West Demerara"},"798":{"code":"GY-MA","name":"Mahaica-Berbice"},"799":{"code":"GY-PM","name":"Pomeroon-Supenaam"},"800":{"code":"GY-PT","name":"Potaro-Siparuni"},"801":{"code":"GY-UD","name":"Upper Demerara-Berbice"},"802":{"code":"GY-UT","name":"Upper Takutu-Upper Essequibo"}}},"HK":{"name":"\u05d4\u05d5\u05e0\u05d2 \u05e7\u05d5\u05e0\u05d2 (\u05d0\u05d6\u05d5\u05e8 \u05de\u05e0\u05d4\u05dc\u05d9 \u05de\u05d9\u05d5\u05d7\u05d3 \u05e9\u05dc \u05e1\u05d9\u05df)"},"HM":{"name":"\u05d0\u05d9\u05d9 \u05d4\u05e8\u05d3 \u05d5\u05de\u05e7\u05d3\u05d5\u05e0\u05dc\u05d3"},"HN":{"name":"\u05d4\u05d5\u05e0\u05d3\u05d5\u05e8\u05e1"},"HR":{"name":"\u05e7\u05e8\u05d5\u05d0\u05d8\u05d9\u05d4","regions":{"554":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"559":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"566":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"568":{"code":"HR-21","name":"Grad Zagreb"},"565":{"code":"HR-18","name":"Istarska \u017eupanija"},"551":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"553":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"549":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"556":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"567":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"561":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"558":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"555":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"562":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"550":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"564":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"552":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"557":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"563":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"560":{"code":"HR-13","name":"Zadarska \u017eupanija"},"548":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HT":{"name":"\u05d4\u05d0\u05d9\u05d8\u05d9"},"HU":{"name":"\u05d4\u05d5\u05e0\u05d2\u05e8\u05d9\u05d4"},"ID":{"name":"\u05d0\u05d9\u05e0\u05d3\u05d5\u05e0\u05d6\u05d9\u05d4"}
14592,"IE":{"name":"\u05d0\u05d9\u05e8\u05dc\u05e0\u05d3"},"IL":{"name":"\u05d9\u05e9\u05e8\u05d0\u05dc"},"IM":{"name":"\u05d4\u05d0\u05d9 \u05de\u05d0\u05df"},"IN":{"name":"\u05d4\u05d5\u05d3\u05d5","regions":{"569":{"code":"AN","name":"Andaman and Nicobar Islands"},"570":{"code":"AP","name":"Andhra Pradesh"},"571":{"code":"AR","name":"Arunachal Pradesh"},"572":{"code":"AS","name":"Assam"},"573":{"code":"BR","name":"Bihar"},"574":{"code":"CH","name":"Chandigarh"},"575":{"code":"CT","name":"Chhattisgarh"},"576":{"code":"DN","name":"Dadra and Nagar Haveli"},"577":{"code":"DD","name":"Daman and Diu"},"578":{"code":"DL","name":"Delhi"},"579":{"code":"GA","name":"Goa"},"580":{"code":"GJ","name":"Gujarat"},"581":{"code":"HR","name":"Haryana"},"582":{"code":"HP","name":"Himachal Pradesh"},"583":{"code":"JK","name":"Jammu and Kashmir"},"584":{"code":"JH","name":"Jharkhand"},"585":{"code":"KA","name":"Karnataka"},"586":{"code":"KL","name":"Kerala"},"1156":{"code":"LA","name":"Ladakh"},"587":{"code":"LD","name":"Lakshadweep"},"588":{"code":"MP","name":"Madhya Pradesh"},"589":{"code":"MH","name":"Maharashtra"},"590":{"code":"MN","name":"Manipur"},"591":{"code":"ML","name":"Meghalaya"},"592":{"code":"MZ","name":"Mizoram"},"593":{"code":"NL","name":"Nagaland"},"594":{"code":"OR","name":"Odisha"},"595":{"code":"PY","name":"Puducherry"},"596":{"code":"PB","name":"Punjab"},"597":{"code":"RJ","name":"Rajasthan"},"598":{"code":"SK","name":"Sikkim"},"599":{"code":"TN","name":"Tamil Nadu"},"600":{"code":"TG","name":"Telangana"},"601":{"code":"TR","name":"Tripura"},"602":{"code":"UP","name":"Uttar Pradesh"},"603":{"code":"UT","name":"Uttarakhand"},"604":{"code":"WB","name":"West Bengal"}}},"IO":{"name":"\u05d4\u05d8\u05e8\u05d9\u05d8\u05d5\u05e8\u05d9\u05d4 \u05d4\u05d1\u05e8\u05d9\u05d8\u05d9\u05ea \u05d1\u05d0\u05d5\u05e7\u05d9\u05d9\u05e0\u05d5\u05e1 \u05d4\u05d4\u05d5\u05d3\u05d9"},"IQ":{"name":"\u05e2\u05d9\u05e8\u05d0\u05e7"},"IR":{"name":"\u05d0\u05d9\u05e8\u05d0\u05df"},"IS":{"name":"\u05d0\u05d9\u05e1\u05dc\u05e0\u05d3","regions":{"809":{"code":"IS-07","name":"Austurland"},"803":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"808":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"807":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"810":{"code":"IS-08","name":"Su\u00f0urland"},"804":{"code":"IS-02","name":"Su\u00f0urnes"},"806":{"code":"IS-04","name":"Vestfir\u00f0ir"},"805":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"\u05d0\u05d9\u05d8\u05dc\u05d9\u05d4","regions":{"811":{"code":"AG","name":"Agrigento"},"812":{"code":"AL","name":"Alessandria"},"813":{"code":"AN","name":"Ancona"},"814":{"code":"AO","name":"Aosta"},"816":{"code":"AR","name":"Arezzo"},"817":{"code":"AP","name":"Ascoli-Piceno"},"818":{"code":"AT","name":"Asti"},"819":{"code":"AV","name":"Avellino"},"820":{"code":"BA","name":"Bari"},"821":{"code":"BT","name":"Barletta-Andria-Trani"},"822":{"code":"BL","name":"Belluno"},"823":{"code":"BN","name":"Benevento"},"824":{"code":"BG","name":"Bergamo"},"825":{"code":"BI","name":"Biella"},"826":{"code":"BO","name":"Bologna"},"827":{"code":"BZ","name":"Bolzano"},"828":{"code":"BS","name":"Brescia"},"829":{"code":"BR","name":"Brindisi"},"830":{"code":"CA","name":"Cagliari"},"831":{"code":"CL","name":"Caltanissetta"},"832":{"code":"CB","name":"Campobasso"},"833":{"code":"CI","name":"Carbonia Iglesias"},"834":{"code":"CE","name":"Caserta"},"835":{"code":"CT","name":"Catania"},"836":{"code":"CZ","name":"Catanzaro"},"837":{"code":"CH","name":"Chieti"},"838":{"code":"CO","name":"Como"},"839":{"code":"CS","name":"Cosenza"},"840":{"code":"CR","name":"Cremona"},"841":{"code":"KR","name":"Crotone"},"842":{"code":"CN","name":"Cuneo"},"843":{"code":"EN","name":"Enna"},"844":{"code":"FM","name":"Fermo"},"845":{"code":"FE","name":"Ferrara"},"846":{"code":"FI","name":"Firenze"},"847":{"code":"FG","name":"Foggia"},"848":{"code":"FC","name":"Forli-Cesena"},"849":{"code":"FR","name":"Frosinone"},"850":{"code":"GE","name":"Genova"},"851":{"code":"GO","name":"Gorizia"},"852":{"code":"GR","name":"Grosseto"},"853":{"code":"IM","name":"Imperia"},"854":{"code":"IS","name":"Isernia"},"815":{"code":"AQ","name":"L'Aquila"},"855":{"code":"SP","name":"La-Spezia"},"856":{"code":"LT","name":"Latina"},"857":{"code":"LE","name":"Lecce"},"858":{"code":"LC","name":"Lecco"},"859":{"code":"LI","name":"Livorno"},"860":{"code":"LO","name":"Lodi"},"861":{"code":"LU","name":"Lucca"},"862":{"code":"MC","name":"Macerata"},"863":{"code":"MN","name":"Mantova"},"864":{"code":"MS","name":"Massa-Carrara"},"865":{"code":"MT","name":"Matera"},"866":{"code":"VS","name":"Medio Campidano"},"867":{"code":"ME","name":"Messina"},"868":{"code":"MI","name":"Milano"},"869":{"code":"MO","name":"Modena"},"870":{"code":"MB","name":"Monza-Brianza"},"871":{"code":"NA","name":"Napoli"},"872":{"code":"NO","name":"Novara"},"873":{"code":"NU","name":"Nuoro"},"874":{"code":"OG","name":"Ogliastra"},"875":{"code":"OT","name":"Olbia Tempio"},"876":{"code":"OR","name":"Oristano"},"877":{"code":"PD","name":"Padova"},"878":{"code":"PA","name":"Palermo"},"879":{"code":"PR","name":"Parma"},"880":{"code":"PV","name":"Pavia"},"881":{"code":"PG","name":"Perugia"},"882":{"code":"PU","name":"Pesaro-Urbino"},"883":{"code":"PE","name":"Pescara"},"884":{"code":"PC","name":"Piacenza"},"885":{"code":"PI","name":"Pisa"},"886":{"code":"PT","name":"Pistoia"},"887":{"code":"PN","name":"Pordenone"},"888":{"code":"PZ","name":"Potenza"},"889":{"code":"PO","name":"Prato"},"890":{"code":"RG","name":"Ragusa"},"891":{"code":"RA","name":"Ravenna"},"892":{"code":"RC","name":"Reggio-Calabria"},"893":{"code":"RE","name":"Reggio-Emilia"},"894":{"code":"RI","name":"Rieti"},"895":{"code":"RN","name":"Rimini"},"896":{"code":"RM","name":"Roma"},"897":{"code":"RO","name":"Rovigo"},"898":{"code":"SA","name":"Salerno"},"899":{"code":"SS","name":"Sassari"},"900":{"code":"SV","name":"Savona"},"901":{"code":"SI","name":"Siena"},"902":{"code":"SR","name":"Siracusa"},"903":{"code":"SO","name":"Sondrio"},"904":{"code":"TA","name":"Taranto"},"905":{"code":"TE","name":"Teramo"},"906":{"code":"TR","name":"Terni"},"907":{"code":"TO","name":"Torino"},"908":{"code":"TP","name":"Trapani"},"909":{"code":"TN","name":"Trento"},"910":{"code":"TV","name":"Treviso"},"911":{"code":"TS","name":"Trieste"},"912":{"code":"UD","name":"Udine"},"913":{"code":"VA","name":"Varese"},"914":{"code":"VE","name":"Venezia"},"915":{"code":"VB","name":"Verbania"},"916":{"code":"VC","name":"Vercelli"},"917":{"code":"VR","name":"Verona"}
14592,"918":{"code":"VV","name":"Vibo-Valentia"},"919":{"code":"VI","name":"Vicenza"},"920":{"code":"VT","name":"Viterbo"}}},"JE":{"name":"\u05d2\u05f3\u05e8\u05d6\u05d9"},"JM":{"name":"\u05d2\u05f3\u05de\u05d9\u05d9\u05e7\u05d4"},"JO":{"name":"\u05d9\u05e8\u05d3\u05df"},"JP":{"name":"\u05d9\u05e4\u05df"},"KE":{"name":"\u05e7\u05e0\u05d9\u05d4"},"KG":{"name":"\u05e7\u05d9\u05e8\u05d2\u05d9\u05d6\u05e1\u05d8\u05df"},"KH":{"name":"\u05e7\u05de\u05d1\u05d5\u05d3\u05d9\u05d4"},"KI":{"name":"\u05e7\u05d9\u05e8\u05d9\u05d1\u05d0\u05d8\u05d9"},"KM":{"name":"\u05e7\u05d5\u05de\u05d5\u05e8\u05d5"},"KN":{"name":"\u05e1\u05e0\u05d8 \u05e7\u05d9\u05d8\u05e1 \u05d5\u05e0\u05d5\u05d5\u05d9\u05e1"},"KP":{"name":"\u05e7\u05d5\u05e8\u05d9\u05d0\u05d4 \u05d4\u05e6\u05e4\u05d5\u05e0\u05d9\u05ea"},"KR":{"name":"\u05e7\u05d5\u05e8\u05d9\u05d0\u05d4 \u05d4\u05d3\u05e8\u05d5\u05de\u05d9\u05ea"},"KW":{"name":"\u05db\u05d5\u05d5\u05d9\u05ea"},"KY":{"name":"\u05d0\u05d9\u05d9 \u05e7\u05d9\u05d9\u05de\u05df"},"KZ":{"name":"\u05e7\u05d6\u05d7\u05e1\u05d8\u05df"},"LA":{"name":"\u05dc\u05d0\u05d5\u05e1"},"LB":{"name":"\u05dc\u05d1\u05e0\u05d5\u05df"},"LC":{"name":"\u05e1\u05e0\u05d8 \u05dc\u05d5\u05e1\u05d9\u05d4"},"LI":{"name":"\u05dc\u05d9\u05db\u05d8\u05e0\u05e9\u05d8\u05d9\u05d9\u05df"},"LK":{"name":"\u05e1\u05e8\u05d9 \u05dc\u05e0\u05e7\u05d4"},"LR":{"name":"\u05dc\u05d9\u05d1\u05e8\u05d9\u05d4"},"LS":{"name":"\u05dc\u05e1\u05d5\u05d8\u05d5"},"LT":{"name":"\u05dc\u05d9\u05d8\u05d0","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"\u05dc\u05d5\u05e7\u05e1\u05de\u05d1\u05d5\u05e8\u05d2"},"LV":{"name":"\u05dc\u05d8\u05d1\u05d9\u05d4","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"}
14592,"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"},"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"LY":{"name":"\u05dc\u05d5\u05d1"}
14592,"MA":{"name":"\u05de\u05e8\u05d5\u05e7\u05d5"},"MC":{"name":"\u05de\u05d5\u05e0\u05e7\u05d5"},"MD":{"name":"\u05de\u05d5\u05dc\u05d3\u05d5\u05d1\u05d4"},"ME":{"name":"\u05de\u05d5\u05e0\u05d8\u05e0\u05d2\u05e8\u05d5"},"MF":{"name":"\u05e1\u05df \u05de\u05e8\u05d8\u05df"},"MG":{"name":"\u05de\u05d3\u05d2\u05e1\u05e7\u05e8"},"MH":{"name":"\u05d0\u05d9\u05d9 \u05de\u05e8\u05e9\u05dc"},"MK":{"name":"\u05de\u05e7\u05d3\u05d5\u05e0\u05d9\u05d4 \u05d4\u05e6\u05e4\u05d5\u05e0\u05d9\u05ea"},"ML":{"name":"\u05de\u05d0\u05dc\u05d9"},"MM":{"name":"\u05de\u05d9\u05d0\u05e0\u05de\u05e8 (\u05d1\u05d5\u05e8\u05de\u05d4)"},"MN":{"name":"\u05de\u05d5\u05e0\u05d2\u05d5\u05dc\u05d9\u05d4"},"MO":{"name":"\u05de\u05e7\u05d0\u05d5 (\u05d0\u05d6\u05d5\u05e8 \u05de\u05e0\u05d4\u05dc\u05d9 \u05de\u05d9\u05d5\u05d7\u05d3 \u05e9\u05dc \u05e1\u05d9\u05df)"},"MP":{"name":"\u05d0\u05d9\u05d9 \u05de\u05e8\u05d9\u05d0\u05e0\u05d4 \u05d4\u05e6\u05e4\u05d5\u05e0\u05d9\u05d9\u05dd"},"MQ":{"name":"\u05de\u05e8\u05d8\u05d9\u05e0\u05d9\u05e7"},"MR":{"name":"\u05de\u05d0\u05d5\u05e8\u05d9\u05d8\u05e0\u05d9\u05d4"},"MS":{"name":"\u05de\u05d5\u05e0\u05e1\u05e8\u05d0\u05d8"},"MT":{"name":"\u05de\u05dc\u05d8\u05d4"},"MU":{"name":"\u05de\u05d0\u05d5\u05e8\u05d9\u05e6\u05d9\u05d5\u05e1"},"MV":{"name":"\u05d4\u05d0\u05d9\u05d9\u05dd \u05d4\u05de\u05dc\u05d3\u05d9\u05d1\u05d9\u05d9\u05dd"},"MW":{"name":"\u05de\u05dc\u05d0\u05d5\u05d5\u05d9"},"MX":{"name":"\u05de\u05e7\u05e1\u05d9\u05e7\u05d5","regions":{"921":{"code":"AGU","name":"Aguascalientes"},"922":{"code":"BCN","name":"Baja California"},"923":{"code":"BCS","name":"Baja California Sur"},"924":{"code":"CAM","name":"Campeche"},"925":{"code":"CHP","name":"Chiapas"},"926":{"code":"CHH","name":"Chihuahua"},"927":{"code":"CMX","name":"Ciudad de M\u00e9xico"},"928":{"code":"COA","name":"Coahuila"},"929":{"code":"COL","name":"Colima"},"930":{"code":"DUR","name":"Durango"},"931":{"code":"MEX","name":"Estado de M\u00e9xico"},"932":{"code":"GUA","name":"Guanajuato"},"933":{"code":"GRO","name":"Guerrero"},"934":{"code":"HID","name":"Hidalgo"},"935":{"code":"JAL","name":"Jalisco"},"936":{"code":"MIC","name":"Michoac\u00e1n"},"937":{"code":"MOR","name":"Morelos"},"938":{"code":"NAY","name":"Nayarit"},"939":{"code":"NLE","name":"Nuevo Le\u00f3n"},"940":{"code":"OAX","name":"Oaxaca"},"941":{"code":"PUE","name":"Puebla"},"942":{"code":"QUE","name":"Quer\u00e9taro"},"943":{"code":"ROO","name":"Quintana Roo"},"944":{"code":"SLP","name":"San Luis Potos\u00ed"},"945":{"code":"SIN","name":"Sinaloa"},"946":{"code":"SON","name":"Sonora"},"947":{"code":"TAB","name":"Tabasco"},"948":{"code":"TAM","name":"Tamaulipas"},"949":{"code":"TLA","name":"Tlaxcala"},"950":{"code":"VER","name":"Veracruz"},"951":{"code":"YUC","name":"Yucat\u00e1n"},"952":{"code":"ZAC","name":"Zacatecas"}}},"MY":{"name":"\u05de\u05dc\u05d6\u05d9\u05d4"},"MZ":{"name":"\u05de\u05d5\u05d6\u05de\u05d1\u05d9\u05e7"},"NA":{"name":"\u05e0\u05de\u05d9\u05d1\u05d9\u05d4"},"NC":{"name":"\u05e7\u05dc\u05d3\u05d5\u05e0\u05d9\u05d4 \u05d4\u05d7\u05d3\u05e9\u05d4"},"NE":{"name":"\u05e0\u05d9\u05d6\u05f3\u05e8"},"NF":{"name":"\u05d4\u05d0\u05d9 \u05e0\u05d5\u05e8\u05e4\u05d5\u05e7"},"NG":{"name":"\u05e0\u05d9\u05d2\u05e8\u05d9\u05d4"},"NI":{"name":"\u05e0\u05d9\u05e7\u05e8\u05d2\u05d5\u05d0\u05d4"},"NL":{"name":"\u05d4\u05d5\u05dc\u05e0\u05d3"},"NO":{"name":"\u05e0\u05d5\u05e8\u05d5\u05d5\u05d2\u05d9\u05d4"},"NP":{"name":"\u05e0\u05e4\u05d0\u05dc"},"NR":{"name":"\u05e0\u05d0\u05d5\u05e8\u05d5"},"NU":{"name":"\u05e0\u05d9\u05d5\u05d5\u05d4"},"NZ":{"name":"\u05e0\u05d9\u05d5 \u05d6\u05d9\u05dc\u05e0\u05d3"},"OM":{"name":"\u05e2\u05d5\u05de\u05d0\u05df"},"PA":{"name":"\u05e4\u05e0\u05de\u05d4"}
14592,"PE":{"name":"\u05e4\u05e8\u05d5","regions":{"972":{"code":"PE-AMA","name":"Amazonas"},"973":{"code":"PE-ANC","name":"Ancash"},"974":{"code":"PE-APU","name":"Apur\u00edmac"},"975":{"code":"PE-ARE","name":"Arequipa"},"976":{"code":"PE-AYA","name":"Ayacucho"},"977":{"code":"PE-CAJ","name":"Cajamarca"},"978":{"code":"PE-CUS","name":"Cusco"},"979":{"code":"PE-CAL","name":"El Callao"},"980":{"code":"PE-HUV","name":"Huancavelica"},"981":{"code":"PE-HUC","name":"Hu\u00e1nuco"},"982":{"code":"PE-ICA","name":"Ica"},"983":{"code":"PE-JUN","name":"Jun\u00edn"},"984":{"code":"PE-LAL","name":"La Libertad"},"985":{"code":"PE-LAM","name":"Lambayeque"},"986":{"code":"PE-LIM","name":"Lima"},"987":{"code":"PE-LOR","name":"Loreto"},"988":{"code":"PE-MDD","name":"Madre de Dios"},"989":{"code":"PE-MOQ","name":"Moquegua"},"971":{"code":"PE-LMA","name":"Municipalidad Metropolitana de Lima"},"990":{"code":"PE-PAS","name":"Pasco"},"991":{"code":"PE-PIU","name":"Piura"},"992":{"code":"PE-PUN","name":"Puno"},"993":{"code":"PE-SAM","name":"San Mart\u00edn"},"994":{"code":"PE-TAC","name":"Tacna"},"995":{"code":"PE-TUM","name":"Tumbes"},"996":{"code":"PE-UCA","name":"Ucayali"}}},"PF":{"name":"\u05e4\u05d5\u05dc\u05d9\u05e0\u05d6\u05d9\u05d4 \u05d4\u05e6\u05e8\u05e4\u05ea\u05d9\u05ea"},"PG":{"name":"\u05e4\u05e4\u05d5\u05d0\u05d4 \u05d2\u05d9\u05e0\u05d0\u05d4 \u05d4\u05d7\u05d3\u05e9\u05d4"},"PH":{"name":"\u05d4\u05e4\u05d9\u05dc\u05d9\u05e4\u05d9\u05e0\u05d9\u05dd"},"PK":{"name":"\u05e4\u05e7\u05d9\u05e1\u05d8\u05df"},"PL":{"name":"\u05e4\u05d5\u05dc\u05d9\u05df","regions":{"997":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"998":{"code":"PL-04","name":"kujawsko-pomorskie"},"999":{"code":"PL-06","name":"lubelskie"},"1000":{"code":"PL-08","name":"lubuskie"},"1003":{"code":"PL-14","name":"mazowieckie"},"1002":{"code":"PL-12","name":"ma\u0142opolskie"},"1004":{"code":"PL-16","name":"opolskie"},"1005":{"code":"PL-18","name":"podkarpackie"},"1006":{"code":"PL-20","name":"podlaskie"},"1007":{"code":"PL-22","name":"pomorskie"},"1008":{"code":"PL-24","name":"\u015bl\u0105skie"},"1009":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1010":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1011":{"code":"PL-30","name":"wielkopolskie"},"1012":{"code":"PL-32","name":"zachodniopomorskie"},"1001":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PM":{"name":"\u05e1\u05e0\u05d8 \u05e4\u05d9\u05d9\u05e8 \u05d5\u05de\u05d9\u05e7\u05dc\u05d5\u05df"},"PN":{"name":"\u05d0\u05d9\u05d9 \u05e4\u05d9\u05d8\u05e7\u05e8\u05df"},"PS":{"name":"\u05d4\u05e9\u05d8\u05d7\u05d9\u05dd \u05d4\u05e4\u05dc\u05e1\u05d8\u05d9\u05e0\u05d9\u05d9\u05dd"},"PT":{"name":"\u05e4\u05d5\u05e8\u05d8\u05d5\u05d2\u05dc","regions":{"1013":{"code":"PT-01","name":"Aveiro"},"1014":{"code":"PT-02","name":"Beja"},"1015":{"code":"PT-03","name":"Braga"},"1016":{"code":"PT-04","name":"Bragan\u00e7a"},"1017":{"code":"PT-05","name":"Castelo Branco"},"1018":{"code":"PT-06","name":"Coimbra"},"1019":{"code":"PT-07","name":"\u00c9vora"},"1020":{"code":"PT-08","name":"Faro"},"1021":{"code":"PT-09","name":"Guarda"},"1022":{"code":"PT-10","name":"Leiria"},"1023":{"code":"PT-11","name":"Lisboa"},"1024":{"code":"PT-12","name":"Portalegre"},"1025":{"code":"PT-13","name":"Porto"},"1032":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1031":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1026":{"code":"PT-14","name":"Santar\u00e9m"},"1027":{"code":"PT-15","name":"Set\u00fabal"},"1028":{"code":"PT-16","name":"Viana do Castelo"},"1029":{"code":"PT-17","name":"Vila Real"},"1030":{"code":"PT-18","name":"Viseu"}}},"PW":{"name":"\u05e4\u05dc\u05d0\u05d5"}
14592,"PY":{"name":"\u05e4\u05e8\u05d2\u05d5\u05d5\u05d0\u05d9","regions":{"954":{"code":"PY-16","name":"Alto Paraguay"},"955":{"code":"PY-10","name":"Alto Paran\u00e1"},"956":{"code":"PY-13","name":"Amambay"},"953":{"code":"PY-ASU","name":"Asunci\u00f3n"},"957":{"code":"PY-19","name":"Boquer\u00f3n"},"958":{"code":"PY-5","name":"Caaguaz\u00fa"},"959":{"code":"PY-6","name":"Caazap\u00e1"},"960":{"code":"PY-14","name":"Canindey\u00fa"},"961":{"code":"PY-11","name":"Central"},"962":{"code":"PY-1","name":"Concepci\u00f3n"},"963":{"code":"PY-3","name":"Cordillera"},"964":{"code":"PY-4","name":"Guair\u00e1"},"965":{"code":"PY-7","name":"Itap\u00faa"},"966":{"code":"PY-8","name":"Misiones"},"967":{"code":"PY-12","name":"\u00d1eembuc\u00fa"},"968":{"code":"PY-9","name":"Paraguar\u00ed"},"969":{"code":"PY-15","name":"Presidente Hayes"},"970":{"code":"PY-2","name":"San Pedro"}}},"QA":{"name":"\u05e7\u05d8\u05d0\u05e8"},"RE":{"name":"\u05e8\u05d0\u05d5\u05e0\u05d9\u05d5\u05df"},"RO":{"name":"\u05e8\u05d5\u05de\u05e0\u05d9\u05d4","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"\u05e1\u05e8\u05d1\u05d9\u05d4"},"RU":{"name":"\u05e8\u05d5\u05e1\u05d9\u05d4"},"RW":{"name":"\u05e8\u05d5\u05d0\u05e0\u05d3\u05d4"},"SA":{"name":"\u05e2\u05e8\u05d1 \u05d4\u05e1\u05e2\u05d5\u05d3\u05d9\u05ea"},"SB":{"name":"\u05d0\u05d9\u05d9 \u05e9\u05dc\u05de\u05d4"},"SC":{"name":"\u05d0\u05d9\u05d9 \u05e1\u05d9\u05d9\u05e9\u05dc"},"SD":{"name":"\u05e1\u05d5\u05d3\u05df"},"SE":{"name":"\u05e9\u05d5\u05d5\u05d3\u05d9\u05d4","regions":{"1043":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1044":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1046":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1045":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1047":{"code":"SE-N","name":"Hallands l\u00e4n"},"1048":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1049":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1050":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1051":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1052":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1062":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1063":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1053":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1055":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1054":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1056":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1057":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1058":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1059":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1060":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1061":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SG":{"name":"\u05e1\u05d9\u05e0\u05d2\u05e4\u05d5\u05e8"},"SH":{"name":"\u05e1\u05e0\u05d8 \u05d4\u05dc\u05e0\u05d4"},"SI":{"name":"\u05e1\u05dc\u05d5\u05d1\u05e0\u05d9\u05d4"},"SJ":{"name":"\u05e1\u05d1\u05d0\u05dc\u05d1\u05e8\u05d3 \u05d5\u05d9\u05d0\u05df \u05de\u05d0\u05d9\u05d9\u05df"},"SK":{"name":"\u05e1\u05dc\u05d5\u05d1\u05e7\u05d9\u05d4"}
14592,"SL":{"name":"\u05e1\u05d9\u05d9\u05e8\u05d4 \u05dc\u05d0\u05d5\u05e0\u05d4"},"SM":{"name":"\u05e1\u05df \u05de\u05e8\u05d9\u05e0\u05d5"},"SN":{"name":"\u05e1\u05e0\u05d2\u05dc"},"SO":{"name":"\u05e1\u05d5\u05de\u05dc\u05d9\u05d4"},"SR":{"name":"\u05e1\u05d5\u05e8\u05d9\u05e0\u05d0\u05dd","regions":{"1033":{"code":"SR-BR","name":"Brokopondo"},"1034":{"code":"SR-CM","name":"Commewijne"},"1035":{"code":"SR-CR","name":"Coronie"},"1036":{"code":"SR-MA","name":"Marowijne"},"1037":{"code":"SR-NI","name":"Nickerie"},"1038":{"code":"SR-PR","name":"Para"},"1039":{"code":"SR-PM","name":"Paramaribo"},"1040":{"code":"SR-SA","name":"Saramacca"},"1041":{"code":"SR-SI","name":"Sipaliwini"},"1042":{"code":"SR-WA","name":"Wanica"}}},"ST":{"name":"\u05e1\u05d0\u05d5 \u05d8\u05d5\u05de\u05d4 \u05d5\u05e4\u05e8\u05d9\u05e0\u05e1\u05d9\u05e4\u05d4"},"SV":{"name":"\u05d0\u05dc \u05e1\u05dc\u05d1\u05d3\u05d5\u05e8"},"SX":{"name":"\u05e1\u05e0\u05d8 \u05de\u05d0\u05e8\u05d8\u05df"},"SY":{"name":"\u05e1\u05d5\u05e8\u05d9\u05d4"},"SZ":{"name":"\u05d0\u05e1\u05d5\u05d5\u05d0\u05d8\u05d9\u05e0\u05d9"},"TC":{"name":"\u05d0\u05d9\u05d9 \u05d8\u05e8\u05e7\u05e1 \u05d5\u05e7\u05d9\u05d9\u05e7\u05d5\u05e1"},"TD":{"name":"\u05e6\u05f3\u05d0\u05d3"},"TF":{"name":"\u05d4\u05d8\u05e8\u05d9\u05d8\u05d5\u05e8\u05d9\u05d5\u05ea \u05d4\u05d3\u05e8\u05d5\u05de\u05d9\u05d5\u05ea \u05e9\u05dc \u05e6\u05e8\u05e4\u05ea"},"TG":{"name":"\u05d8\u05d5\u05d2\u05d5"},"TH":{"name":"\u05ea\u05d0\u05d9\u05dc\u05e0\u05d3"},"TJ":{"name":"\u05d8\u05d2\u05f3\u05d9\u05e7\u05d9\u05e1\u05d8\u05df"},"TK":{"name":"\u05d8\u05d5\u05e7\u05dc\u05d0\u05d5"},"TL":{"name":"\u05d8\u05d9\u05de\u05d5\u05e8-\u05dc\u05e1\u05d8\u05d4"},"TM":{"name":"\u05d8\u05d5\u05e8\u05e7\u05de\u05e0\u05d9\u05e1\u05d8\u05df"},"TN":{"name":"\u05ea\u05d5\u05e0\u05d9\u05e1\u05d9\u05d4"},"TO":{"name":"\u05d8\u05d5\u05e0\u05d2\u05d4"},"TR":{"name":"\u05d8\u05d5\u05e8\u05e7\u05d9\u05d4"},"TT":{"name":"\u05d8\u05e8\u05d9\u05e0\u05d9\u05d3\u05d3 \u05d5\u05d8\u05d5\u05d1\u05d2\u05d5"},"TV":{"name":"\u05d8\u05d5\u05d1\u05d0\u05dc\u05d5"},"TW":{"name":"\u05d8\u05d9\u05d9\u05d5\u05d5\u05d0\u05df"},"TZ":{"name":"\u05d8\u05e0\u05d6\u05e0\u05d9\u05d4"},"UA":{"name":"\u05d0\u05d5\u05e7\u05e8\u05d0\u05d9\u05e0\u05d4","regions":{"1153":{"code":"UA-43","name":"Avtonomna Respublika Krym"},"1129":{"code":"UA-71","name":"Cherkaska oblast"},"1130":{"code":"UA-74","name":"Chernihivska oblast"},"1131":{"code":"UA-77","name":"Chernivetska oblast"},"1132":{"code":"UA-12","name":"Dnipropetrovska oblast"},"1133":{"code":"UA-14","name":"Donetska oblast"},"1134":{"code":"UA-26","name":"Ivano-Frankivska oblast"},"1135":{"code":"UA-63","name":"Kharkivska oblast"},"1136":{"code":"UA-65","name":"Khersonska oblast"},"1137":{"code":"UA-68","name":"Khmelnytska oblast"},"1138":{"code":"UA-35","name":"Kirovohradska oblast"},"1154":{"code":"UA-30","name":"Kyiv"},"1139":{"code":"UA-32","name":"Kyivska oblast"},"1140":{"code":"UA-09","name":"Luhanska oblast"},"1141":{"code":"UA-46","name":"Lvivska oblast"},"1142":{"code":"UA-48","name":"Mykolaivska oblast"},"1143":{"code":"UA-51","name":"Odeska oblast"},"1144":{"code":"UA-53","name":"Poltavska oblast"},"1145":{"code":"UA-56","name":"Rivnenska oblast"},"1155":{"code":"UA-40","name":"Sevastopol"},"1146":{"code":"UA-59","name":"Sumska oblast"},"1147":{"code":"UA-61","name":"Ternopilska oblast"},"1148":{"code":"UA-05","name":"Vinnytska oblast"},"1149":{"code":"UA-07","name":"Volynska oblast"},"1150":{"code":"UA-21","name":"Zakarpatska oblast"},"1151":{"code":"UA-23","name":"Zaporizka oblast"},"1152":{"code":"UA-18","name":"Zhytomyrska oblast"}}},"UG":{"name":"\u05d0\u05d5\u05d2\u05e0\u05d3\u05d4"},"UM":{"name":"\u05d4\u05d0\u05d9\u05d9\u05dd \u05d4\u05de\u05e8\u05d5\u05d7\u05e7\u05d9\u05dd \u05d4\u05e7\u05d8\u05e0\u05d9\u05dd \u05e9\u05dc \u05d0\u05e8\u05d4\u05f4\u05d1"},"US":{"name":"\u05d0\u05e8\u05e6\u05d5\u05ea \u05d4\u05d1\u05e8\u05d9\u05ea","regions":{"1":{"code":"AL","name":"Alabama"},"2":{"code":"AK","name":"Alaska"},"3":{"code":"AS","name":"American Samoa"},"4":{"code":"AZ","name":"Arizona"},"5":{"code":"AR","name":"Arkansas"},"6":{"code":"AE","name":"Armed Forces Africa"},"7":{"code":"AA","name":"Armed Forces Americas"},"8":{"code":"AE","name":"Armed Forces Canada"},"9":{"code":"AE","name":"Armed Forces Europe"},"10":{"code":"AE","name":"Armed Forces Middle East"},"11":{"code":"AP","name":"Armed Forces Pacific"},"12":{"code":"CA","name":"California"},"13":{"code":"CO","name":"Colorado"},"14":{"code":"CT","name":"Connecticut"},"15":{"code":"DE","name":"Delaware"},"16":{"code":"DC","name":"District of Columbia"},"17":{"code":"FM","name":"Federated States Of Micronesia"}
14592,"18":{"code":"FL","name":"Florida"},"19":{"code":"GA","name":"Georgia"},"20":{"code":"GU","name":"Guam"},"21":{"code":"HI","name":"Hawaii"},"22":{"code":"ID","name":"Idaho"},"23":{"code":"IL","name":"Illinois"},"24":{"code":"IN","name":"Indiana"},"25":{"code":"IA","name":"Iowa"},"26":{"code":"KS","name":"Kansas"},"27":{"code":"KY","name":"Kentucky"},"28":{"code":"LA","name":"Louisiana"},"29":{"code":"ME","name":"Maine"},"30":{"code":"MH","name":"Marshall Islands"},"31":{"code":"MD","name":"Maryland"},"32":{"code":"MA","name":"Massachusetts"},"33":{"code":"MI","name":"Michigan"},"34":{"code":"MN","name":"Minnesota"},"35":{"code":"MS","name":"Mississippi"},"36":{"code":"MO","name":"Missouri"},"37":{"code":"MT","name":"Montana"},"38":{"code":"NE","name":"Nebraska"},"39":{"code":"NV","name":"Nevada"},"40":{"code":"NH","name":"New Hampshire"},"41":{"code":"NJ","name":"New Jersey"},"42":{"code":"NM","name":"New Mexico"},"43":{"code":"NY","name":"New York"},"44":{"code":"NC","name":"North Carolina"},"45":{"code":"ND","name":"North Dakota"},"46":{"code":"MP","name":"Northern Mariana Islands"},"47":{"code":"OH","name":"Ohio"},"48":{"code":"OK","name":"Oklahoma"},"49":{"code":"OR","name":"Oregon"},"50":{"code":"PW","name":"Palau"},"51":{"code":"PA","name":"Pennsylvania"},"52":{"code":"PR","name":"Puerto Rico"},"53":{"code":"RI","name":"Rhode Island"},"54":{"code":"SC","name":"South Carolina"},"55":{"code":"SD","name":"South Dakota"},"56":{"code":"TN","name":"Tennessee"},"57":{"code":"TX","name":"Texas"},"58":{"code":"UT","name":"Utah"},"59":{"code":"VT","name":"Vermont"},"60":{"code":"VI","name":"Virgin Islands"},"61":{"code":"VA","name":"Virginia"},"62":{"code":"WA","name":"Washington"},"63":{"code":"WV","name":"West Virginia"},"64":{"code":"WI","name":"Wisconsin"},"65":{"code":"WY","name":"Wyoming"}}},"UY":{"name":"\u05d0\u05d5\u05e8\u05d5\u05d2\u05d5\u05d5\u05d0\u05d9","regions":{"1064":{"code":"UY-AR","name":"Artigas"},"1065":{"code":"UY-CA","name":"Canelones"},"1066":{"code":"UY-CL","name":"Cerro Largo"},"1067":{"code":"UY-CO","name":"Colonia"},"1068":{"code":"UY-DU","name":"Durazno"},"1069":{"code":"UY-FS","name":"Flores"},"1070":{"code":"UY-FD","name":"Florida"},"1071":{"code":"UY-LA","name":"Lavalleja"},"1072":{"code":"UY-MA","name":"Maldonado"},"1073":{"code":"UY-MO","name":"Montevideo"},"1074":{"code":"UY-PA","name":"Paysandu"},"1075":{"code":"UY-RN","name":"R\u00edo Negro"},"1076":{"code":"UY-RV","name":"Rivera"},"1077":{"code":"UY-RO","name":"Rocha"},"1078":{"code":"UY-SA","name":"Salto"},"1079":{"code":"UY-SJ","name":"San Jos\u00e9"},"1080":{"code":"UY-SO","name":"Soriano"},"1081":{"code":"UY-TA","name":"Tacuaremb\u00f3"},"1082":{"code":"UY-TT","name":"Treinta y Tres"}}},"UZ":{"name":"\u05d0\u05d5\u05d6\u05d1\u05e7\u05d9\u05e1\u05d8\u05df"},"VA":{"name":"\u05d4\u05d5\u05d5\u05ea\u05d9\u05e7\u05df"},"VC":{"name":"\u05e1\u05e0\u05d8 \u05d5\u05d9\u05e0\u05e1\u05e0\u05d8 \u05d5\u05d4\u05d2\u05e8\u05e0\u05d3\u05d9\u05e0\u05d9\u05dd"},"VE":{"name":"\u05d5\u05e0\u05e6\u05d5\u05d0\u05dc\u05d4","regions":{"1085":{"code":"VE-Z","name":"Amazonas"},"1086":{"code":"VE-B","name":"Anzo\u00e1tegui"},"1087":{"code":"VE-C","name":"Apure"},"1088":{"code":"VE-D","name":"Aragua"},"1089":{"code":"VE-E","name":"Barinas"},"1090":{"code":"VE-F","name":"Bol\u00edvar"},"1091":{"code":"VE-G","name":"Carabobo"},"1092":{"code":"VE-H","name":"Cojedes"},"1093":{"code":"VE-Y","name":"Delta Amacuro"},"1083":{"code":"VE-W","name":"Dependencias Federales"},"1084":{"code":"VE-A","name":"Distrito Capital"},"1094":{"code":"VE-I","name":"Falc\u00f3n"},"1095":{"code":"VE-J","name":"Gu\u00e1rico"},"1096":{"code":"VE-K","name":"Lara"},"1097":{"code":"VE-L","name":"M\u00e9rida"},"1098":{"code":"VE-M","name":"Miranda"},"1099":{"code":"VE-N","name":"Monagas"},"1100":{"code":"VE-O","name":"Nueva Esparta"},"1101":{"code":"VE-P","name":"Portuguesa"},"1102":{"code":"VE-R","name":"Sucre"},"1103":{"code":"VE-S","name":"T\u00e1chira"},"1104":{"code":"VE-T","name":"Trujillo"},"1105":{"code":"VE-X","name":"Vargas"},"1106":{"code":"VE-U","name":"Yaracuy"},"1107":{"code":"VE-V","name":"Zulia"}}},"VG":{"name":"\u05d0\u05d9\u05d9 \u05d4\u05d1\u05ea\u05d5\u05dc\u05d4 \u05d4\u05d1\u05e8\u05d9\u05d8\u05d9\u05d9\u05dd"},"VI":{"name":"\u05d0\u05d9\u05d9 \u05d4\u05d1\u05ea\u05d5\u05dc\u05d4 \u05e9\u05dc \u05d0\u05e8\u05e6\u05d5\u05ea \u05d4\u05d1\u05e8\u05d9\u05ea"},"VN":{"name":"\u05d5\u05d9\u05d9\u05d8\u05e0\u05d0\u05dd"},"VU":{"name":"\u05d5\u05e0\u05d5\u05d0\u05d8\u05d5"},"WF":{"name":"\u05d0\u05d9\u05d9 \u05d5\u05d5\u05dc\u05d9\u05e1 \u05d5\u05e4\u05d5\u05d8\u05d5\u05e0\u05d4"},"WS":{"name":"\u05e1\u05de\u05d5\u05d0\u05d4"},"XK":{"name":"\u05e7\u05d5\u05e1\u05d5\u05d1\u05d5"},"YE":{"name":"\u05ea\u05d9\u05de\u05df"},"YT":{"name":"\u05de\u05d0\u05d9\u05d5\u05d8"}
14592,"ZA":{"name":"\u05d3\u05e8\u05d5\u05dd \u05d0\u05e4\u05e8\u05d9\u05e7\u05d4"},"ZM":{"name":"\u05d6\u05de\u05d1\u05d9\u05d4"},"ZW":{"name":"\u05d6\u05d9\u05de\u05d1\u05d1\u05d5\u05d0\u05d4"},"data_id":1791180702},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"edeacart":[],"gtm":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
14592</div>
14592<script> 14593 function _get(object, path, value) { 14594 const pathArray = Array.isArray(path) ? path : path.split('.').filter(key => key) 14595 const pathArrayFlat = pathArray.flatMap(part => typeof part === 'string' ? part.split('.') : part) 14596 14597 return pathArrayFlat.reduce((obj, key) => obj && obj[key], object) || value; 14598 } 14599 14600 function whenDocumentReady(fn) { 14601 if (document.readyState !== 'loading'){ 14602 fn(); 14603 } else { 14604 document.addEventListener('DOMContentLoaded', fn); 14605 } 14606 } 14607 14608 const WeltPixelPersistentLayer = { 14609 storageExpiryTime : 30, 14610 locStorage : hyva.getBrowserStorage(), 14611 14612 init(options) { 14613 this.storageExpiryTime = options.storageExpiryTime || this.storageExpiryTime; 14614 const persistentObject = { 14615 persist: {} 14616 }; 14617 let pushToDatalayer = false; 14618 const promoClickObj = this.getPromotionClick(); 14619 14620 if (promoClickObj) { 14621 persistentObject.persist.persist_promotion = {}; 14622 persistentObject.persist.persist_promotion.promotion = promoClickObj; 14623 pushToDatalayer = true; 14624 } 14625 14626 if (pushToDatalayer) { 14627 window.dataLayer.push(persistentObject); 14628 } 14629 }, 14630 14631 setItem(key, value) { 14632 const storedValue = { 14633 expiryTime: new Date(), 14634 value: value 14635 }; 14636 14637 this.locStorage.setItem(key, storedValue); 14638 }, 14639 14640 getItem(key) { 14641 const storedValue = this.locStorage.getItem(key); 14642 14643 if (!storedValue) { 14644 return false; 14645 } 14646 14647 if (this.isExpired(storedValue.expiryTime)) { 14648 this.removeItem(key); 14649 return false; 14650 } 14651 14652 return storedValue.value; 14653 }, 14654 14655 removeItem(key) { 14656 this.locStorage.removeItem(key); 14657 }, 14658 14659 isExpired(date) { 14660 const currDate = new Date(); 14661 const startDate = new Date(date); 14662 14663 let difference = (currDate.getTime() - startDate.getTime()) / 1000; 14664 difference /= 60; 14665 difference = Math.abs(Math.round(difference)); 14666 14667 return difference > this.storageExpiryTime; 14668 }, 14669 14670 setPromotionClick(promoClick) { 14671 this.setItem('promo_click', promoClick); 14672 }, 14673 14674 getPromotionClick() { 14675 return this.getItem('promo_click'); 14676 } 14677 }; 14678 14679 const WeltPixelGtm = { 14680 promotionViews: [], 14681 14682 trackPromotion: function(options) { 14683 if (!options.enabled) { 14684 return; 14685 } 14686 14687 whenDocumentReady(() => { 14688 const wpPersDl = options.persDataLayer; 14689 const promotionElements = document.querySelectorAll('[data-track-promo-id]'); 14690 14691 promotionElements.forEach((element) => { 14692 this.attachPromotionClickEventListener(element, wpPersDl); 14693 this.addToPromotionViewDataLayer(element); 14694 }); 14695 14696 if (this.promotionViews.length) { 14697 window.dataLayer.push({ 14698 'event': 'promotionView', 14699 'ecommerce': { 14700 'promoView': { 14701 'promotions': this.promotionViews 14702 } 14703 } 14704 }); 14705 } 14706 }); 14707 }, 14708 14709 addToPromotionViewDataLayer(element) { 14710 const promoId = element.getAttribute('data-track-promo-id'), 14711 promoName = element.getAttribute('data-track-promo-name'), 14712 promoCreative = element.getAttribute('data-track-promo-creative'), 14713 promoPosition = element.getAttribute('data-track-promo-position'); 14714 14715 this.promotionViews.push({ 14716 'id': promoId, 14717 'name': promoName, 14718 'creative': promoCreative, 14719 'position': promoPosition 14720 }); 14721 }, 14722 14723 attachPromotionClickEventListener(element, wpPersDl) { 14724 element.addEventListener('click', (event) => { 14725 const $this = event.target; 14726 const promoId = $this.getAttribute('data-track-promo-id'), 14727 promoName = $this.getAttribute('data-track-promo-name'), 14728 promoCreative = $this.getAttribute('data-track-promo-creative'), 14729 promoPosition = $this.getAttribute('data-track-promo-position'); 14730 const promoObj = { 14731 'id': promoId, 14732 'name': promoName, 14733 'creative': promoCreative, 14734 'position': promoPosition 14735 }; 14736 14737 14738 window.dataLayer.push({ 14739 'event': 'promotionClick', 14740 'ecommerce': { 14741 'promoClick': { 14742 'promotions': [promoObj] 14743 } 14744 } 14745 }); 14746
14747 wpPersDl.setPromotionClick(promoObj); 14748 } , false); 14749 } 14750 }; 14751 14752 window.addEventListener('private-content-loaded', (event) => { 14753 const dataLayerData = JSON.parse(_get(event, 'detail.data.gtm.datalayer') || '[]'); 14754 14755 dataLayerData.forEach((dataLayerItem) => { 14756 window.dataLayer.push(dataLayerItem); 14757 }); 14758 14759 const wpPersDlOptions = { 14760 'storageExpiryTime': 30 }; 14761 const wpGtmOptions = { 14762 'enabled' : 0, 14763 'persDataLayer' : WeltPixelPersistentLayer 14764 }; 14765 WeltPixelPersistentLayer.init(wpPersDlOptions); 14766 WeltPixelGtm.trackPromotion(wpGtmOptions); 14767 });</script>
14767<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.eu01.nr-data.net","licenseKey":"NRJS-a66cc5d80729582b363","applicationID":"435308831","transactionName":"MhBSZQoZCxdSUUEMDgtacVIMEQoKHFFYFk4MG1RUAFcMCldXTQ==","queueTime":0,"applicationTime":3319,"atts":"HldFE0IDGEgRUxdfGhgI","errorBeacon":"bam.eu01.nr-data.net","agent":""}</script>
14767<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a45adc4b9dd1eaff',t:'MTc5MTE4Njg4OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
14767<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"223161c5a7744b868853b80db80e647f","spa":2}' crossorigin="anonymous"></script>
14767 14768</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.