SCOUT 2.0

Sie gehen gerne abseits der ausgetretenen Pfade. Lassen Sie sich von Scout 2.0 dorthin führen.
€110.00
€250.00
-56%
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "5e45e509-d23f-4bfa-98ea-1f9559f206a1"; // 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 == '3a4341c7-0ae5-45fa-9600-86b5ed2ae79a' && 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: "3a4341c7-0ae5-45fa-9600-86b5ed2ae79a", 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
Dauerhaft wasserdicht Entlastung der Dämpfung Vibram-Sohle
Atmungsaktiv Wiederaufladbar Hergestellt in Europa

Scout 2.0 ist genau das Richtige, wenn es mal schwierig wird.

Scout 2.0 bietet Ihnen die Unterstützung, die Sie benötigen, egal welchen Herausforderungen Sie begegnen.

Mit unserer rutschfesten Sohle behalten Sie stets sicheren Halt.

Mit dem Scout 2.0 haben Sie in jeder Situation sicheren Halt. Das markante Profil sorgt für optimale Traktion auf unterschiedlichsten Untergründen und bei verschiedensten Wetterbedingungen, selbst bei Nässe und Kälte.

Dank GORE-TEX bleiben Sie trocken und fühlen sich wohl.

Ganz gleich, bei welchem ​​Wetter – das GORE-TEX-Innenfutter unseres Scout 2.0 garantiert trockene und komfortable Füße, egal wie lange Sie draußen unterwegs sind. Trockene Füße bedeuten ungestörtes Genießen. So können Sie die Natur in vollen Zügen genießen, egal was sie bringt.

Die hohe Langlebigkeit des Scout 2.0 ermöglicht es Ihnen, noch einen Schritt weiter zu gehen.

Scout 2.0 verkörpert europäische Handwerkskunst. Gefertigt aus europäischem Nubukleder und strapazierfähigem Textilgewebe, bietet Scout 2.0 die robuste Langlebigkeit, die Sie auf Ihren Wanderungen benötigen.

Wenn die Sohle auf die Straße kommt, verlassen Sie sich auf Scout 2.0.

Die Vibram-Sohle des Scout 2.0 bietet ein griffiges Profil und bewährte Zuverlässigkeit für sicheren Halt und bringt Sie überall hin. Langlebigkeit und Strapazierfähigkeit stehen bei diesem Schuh im Vordergrund. Die stabile Sohlenplattform sorgt für sicheren Stand und schützt Ihre Zehen vor Kälte, selbst bei kälteren Temperaturen.

Langanhaltender Komfort Kilometer für Kilometer

Der Wanderweg kann die Füße beanspruchen. Mit Wanderschuhen mit Knöchelunterstützung sorgen Sie dafür, dass sich Ihre Füße nicht so anfühlen.

Komfortable Passform mit HAIX®-gepolsterter Innensohle

HAIX Einlegesohlen sorgen für frische und bequeme Füße und Schuhe – auch bei anstrengenden Arbeitsbedingungen. Sie absorbieren Schweiß und halten Ihre Füße trocken. Zusätzliche Polsterung bietet extra Komfort. Das Mikrofaser-Material ist leicht, atmungsaktiv und maschinenwaschbar. Wechseln Sie die Einlegesohlen gelegentlich aus, damit Ihre Schuhe lange frisch und komfortabel bleiben.

Atmungsaktiver Komfort dank HAIX® Klimasystem

Der Scout 2.0 sorgt dank spezieller Schaumstoffe, die Feuchtigkeit zwischen Innenfutter und Leder absorbieren, für trockene und komfortable Füße. Bei jedem Schritt entweicht feuchte Luft, und frische Luft strömt durch die Belüftungslöcher am oberen Rand des Stiefels ein. Dieses Klimasystem funktioniert wie eine Klimaanlage für Ihre Füße.

Hervorragende Knöchelunterstützung, damit eine Knöchelverstauchung Ihnen nicht den Tag verdirbt.

Der Scout 2.0 verfügt über ein Schnellschnürsystem mit offenen Haken, mit dem Sie die Schnürung individuell anpassen und optimalen Halt für Ihre Knöchel genießen können. So haben Sie auch mit schwerem Rucksack die nötige Unterstützung und beugen dem Umknicken vor.

Mit Scout 2.0 müssen Sie nicht mehr jeden Stein und Felsen im Universum ertasten.

Die integrierte, leichte Schutzplatte des Scout 2.0 schützt Ihre Füße vor scharfen Steinen und Felsen, selbst in anspruchsvollem Gelände. Die verwindungssteife Konstruktion bietet hervorragende Stabilität und schützt Ihre Füße vor Verdrehungen. Zudem reduziert sie Ermüdungserscheinungen in Füßen und Beinen sowie Knie- und Rückenschmerzen.

Die harten Fakten

HAIX Scout 2.0

Artikelnummer 206319

Klimasystem
Waschbare und austauschbare Einlegesohlen
Wasserdichtes Innenfutter
Rutschfeste Wandersohle
Robuste Langlebigkeit
Verdrehungsfeste Vibram-Sohle
Eingebaute Prellplatte
Knöchelunterstützung
Zehenschutz aus Gummi
Gummierte Fersenkappe
Zertifizierung: CE EN ISO 20347:2012 O2 HRO HI CI WR FO SRC
Farbe: Braun
Schafthöhe in Zoll: 7 Zoll
Sohle, einzig, alleinig: VIBRAM® Sohle
Innenfutter: GORE-TEX®
Verschluss: Schnüren
Geschlecht: Unisex
Produkttyp: Erstauszeichnungen der Fabrik
Hauptverwendungszweck: Wandern, Militär
Leitfähigkeit: Antistatisch
Gewicht pro Schuh: 620 g
Lederstärke: 1,9 - 2,1

Das könnte Ihnen auch gefallen