1/9

NEPAL FÜR

Leichter Service-Stiefel mit optimalen Klimawerten
€110.00
€269.90
-59%
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);
/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "1f334850-0d20-43a4-94be-291610727540"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == 'ca737064-3428-4043-98bd-0b07b308211a' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "ca737064-3428-4043-98bd-0b07b308211a", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);
Breite auswählen- D (mittel)
Wählen Sie die Größe- 39
Gratisartikel- Multifunktionssocken*2 + Schuhcreme 200ml Schwarz
Menge
Kostenloser Versand
Rückgabe innerhalb von 60 Tagen
Offizielle Echtheitsgarantie
Wir unterstützen Nachnahme.
Versand
Voraussichtlicher Liefertermin: Oct-27 - Nov-01
Beschreibung

Ihre Vorteile auf einen Blick

Ein bequemer Outdoor-Stiefel mit stoßdämpfenden Eigenschaften

Die Vibram-Gummisohle isoliert gegen Hitze und Kälte.

Wasserdicht und atmungsaktiv dank GORE- TEX®   Wetterschutzmembran

Hochwertiges Nubukleder

Zwei-Zonen-Schnürsystem

Produktbeschreibung

Wanderbegeisterte verbringen oft viele Stunden in den Wäldern. Man weiß, dass man das richtige Schuhwerk gewählt hat, wenn man die Wanderschuhe kaum spürt. Der HAIX Nepal Pro bietet festen Halt und hervorragende Stoßdämpfung. Die Sohle verfügt über einen integrierten PU-Keil, der jeden Schritt abfedert und so Rücken und Gelenke entlastet. Eine komfortable Schafthöhe von ca. 18,5 Zentimetern verhindert ein Umknicken.

Erleben Sie die Schönheiten der Natur in komfortabler Atmosphäre.

Das Obermaterial des HAIX Nepal Pro hält Ihre Füße warm und verhindert das Eindringen von Feuchtigkeit. Gleichzeitig ist es hoch atmungsaktiv und sorgt selbst bei warmem Wetter für ein angenehmes Fußklima. Eine dreilagige GORE-TEX®-Membran schützt zusätzlich vor Nässe, während ein abriebfestes Innenfutter für ein optimales Fußklima sorgt. Eine herausnehmbare und waschbare Einlegesohle absorbiert und leitet Feuchtigkeit ab.

Ein fester Halt auf unterschiedlichem Terrain

Die Vibram-Sohle des HAIX Nepal Pro meistert mühelos matschigen Waldboden oder rutschiges Geröll. Sie bietet sicheren Halt auf unterschiedlichen Untergründen und unterstützt eine natürliche Abrollbewegung von den Zehen bis zur Ferse. Die spezielle, verstärkte Gummimischung der Sohle ist besonders robust und reduziert Druckstellen, die beispielsweise beim Gehen über steinigen Untergrund entstehen können.

Der HAIX Nepal Pro wird aktuell sogar als Militärstiefel eingesetzt. Seine antistatischen Eigenschaften bieten einen zusätzlichen Sicherheitsvorteil. Trotzdem ist er ein extrem leichter und sehr angenehm zu tragender Stiefel.

Dank eines innovativen Zwei-Zonen-Schnürsystems lassen sich die Stiefel besonders schnell anziehen. Stellen Sie die Schnürsenkel einfach beim ersten Tragen so ein, dass sie optimal passen. Danach können Sie einfach hineinschlüpfen. Die Schnürsenkelenden sind in einer speziellen Tasche verstaut und können sich beim Gehen nicht an Ästen verhaken.

Obermaterial

Der HAIX Nepal Pro besteht aus hoch atmungsaktivem Textil und wasserabweisendem Nubukleder. Dieses Material lässt sich einfach mit Wasser reinigen.

Ein innovatives Zwei-Zonen-Schnürsystem ermöglicht die optimale Anpassung der Stiefel an Ihre Füße.

Eventuell lose Schnürsenkel werden in einer praktischen Tasche verstaut.

Futter, Einlagen, Zehenkappe

Ein abriebfestes Futter sorgt für ein optimales Fußklima, sowohl drinnen als auch draußen.

Eine dreilagige GORE-TEX®-Membran sorgt dafür, dass der Nepal Pro sowohl wasserdicht als auch hoch atmungsaktiv ist. Ihre Füße sind optimal vor eindringendem Wasser geschützt.

Ein stoßdämpfender PU-Keil dämpft Ihre Schritte und reduziert die Belastung Ihrer Gelenke und Wirbelsäule, während eine schnell trocknende Einlage Feuchtigkeit schnell aufnimmt.

Eine separate Fersenkappe garantiert hervorragende Bewegungsfreiheit von den Zehen bis zur Ferse.

Das einzigartige Klimasystem von HAIX transportiert Feuchtigkeit zum Schaftrand des Stiefels, von wo sie abgegeben wird.

Der hohe Schaft ist mit weicher Memory-Schaumstoffpolsterung versehen, um Ihre Knöchel zu schützen.

Die von Hand angebrachte Gummikante an der Stiefelspitze und im Fersenbereich beugt Abnutzung und Verschleiß im täglichen Gebrauch vor.

Sohle, einzig, alleinig

Die rutschfeste Gummimischung, die bei der Herstellung der Vibram-Sohle des HAIX Nepal Pro verwendet wird, macht ihn extrem leicht.

Ein griffiges Profil sorgt für festen Halt auf jedem Untergrund des Waldbodens und ermöglicht eine optimale Abrollbewegung von den Zehen bis zur Ferse.

Die Gummisohle besitzt zudem antistatische Eigenschaften.

Dieser Stiefel erfüllt alle Anforderungen für lange Wanderungen. Er bietet sicheren Halt auf jedem Terrain, verfügt über eine stoßdämpfende Sohle und ist wasserabweisend. Bestellen Sie Ihre neuen HAIX-Stiefel jetzt.

Das könnte Ihnen auch gefallen