Maxi Kit – Maillot Lyon Olympique Lyonnais Third 2026/27 Homme- Maxi Kit
1/2

Maxi Kit – Maillot Lyon Olympique Lyonnais Third 2026/27 Homme

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "4f48c45a-1b05-49fd-b8b2-396baf3bd078"; // 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 == 'e1ccac38-1704-4af2-88de-0a3f1b06598e' && 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: "e1ccac38-1704-4af2-88de-0a3f1b06598e", 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);
€17.90
Des gens regardent ça en ce moment même.
Size:  S
Quantity

Description

Description:

Marque : Maxi Kit
Nom produit : Maillot Olympique Lyonnais Third 2026/27 Homme
Collection : Equipement Third Saison 26/27 – Énergie Funk Lyonnaise
Fournisseur technique : Adidas, polyester recyclé technologie Climacool respirant
Club : Olympique Lyonnais (OL)
Saison : 2026/27
Compétitions : Ligue 1 Uber Eats, UEFA Europa League, Coupe de France
Couleur principale : Fond noir profond. Col V uni noir. Les épaules et les poignets des manches courtes sont décorés de motifs ondulés multicolores rose, bleu et orange inspirés des ondes sonores.

Motif exclusif : Modèle third saison 26/27 rendant hommage au patrimoine funk de la ville de Lyon. Un motif circulaire ton sur ton évoquant les sillons d’un disque vinyle recouvre tout le maillot. L’écusson officiel de l’OL avec contour multicolore est placé sur la poitrine gauche, logo Adidas tricolore sur la poitrine droite. Le sponsor Emirates Fly Better est imprimé conformément aux chartes de la Ligue 1 et de l’UEFA. L’inscription « Lyonnais » est positionnée discrètement à l’intérieur de l’encolure.

Détails coupe Homme Supporter : Coupe regular fit confortable adaptée au port quotidien et aux déplacements au Groupama Stadium. Liberté de mouvement optimale pour les supporters lors des matchs à l’extérieur.

Tissu technique Adidas Climacool : Polyester léger 100% recyclé, maillage ventilé qui évacue rapidement la transpiration et conserve une sensation de fraîcheur.

Version : Maillot Supporter Homme
Tailles disponibles Homme : S / M / L / XL / XXL / 3XL
Personnalisation : Compatible impression thermique silicone des noms et numéros des joueurs de l’OL conformément aux normes de la Ligue 1.

Ensemble assorti : Peut être associé au short third Olympique Lyonnais 2026/27 pour constituer une tenue complète.

Entretien : Lavage à 30°C en retournant le vêtement, programme délicat, interdiction du sèche-linge et du repassage direct sur les impressions afin de préserver durablement le graphisme collector du maillot third.

Tableau des dimensions

Taille Homme - US/EOURO (CM)

Taille Femme - US/EOURO (CM)

Taille Player - US/EOURO (CM)

Taille Enfant - US/EOURO (CM)

Taille Homme/Femme Training - US/EOURO (CM)

Expédition

Livraison:

 

- nous pouvons expédier partout dans le monde

- livraison gratuite à partir de 36 €

- temps de réception = temps de traitement + temps d'expédition

- temps de traitement: votre article sera expédié dans les 1 - 7 jours ouvrables

- délai de livraison:

France / États - Unis / Royaume - Uni / Allemagne / Italie / Canada / Australie / Mexique: 7 - 14 jours ouvrables

Tous les autres comtés: 7 - 15 jours ouvrables

- Soyez patient, s'il vous plaît. Merci de votre compréhension.

100 Days Return

La plupart des marchandises inutilisées peuvent être retournées jusqu'à 100 jours à compter de la date d'expédition de l'article.

Les retours doivent être non portés avec toutes les étiquettes et étiquettes originales intactes.

Les articles doivent être dans leur état d'origine, non portés ou inutilisés, avec toutes les étiquettes et étiquettes attachées. Ils doivent être retournés dans le délai décrit ci-dessus. Si les articles retournés ne sont pas admissibles, ils seront donnés à des organismes de bienfaisance et ne seront pas remboursés.

· Voici quelques exceptions :

Les articles énumérés comme VENTE FINALE sur la page du produit sont de vente finale et ne peuvent pas être retournés.

· Les articles personnalisés sont la vente finale et ne peuvent pas être retournés, sauf si la personnalisation est incorrecte

· Voir Articles personnalisés ci-dessous pour savoir comment reconnaître quand un article est personnalisé.