Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket
Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket
Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket
Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket
Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket
Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket

Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket

Price

$0.00 $69.27
Save $-69.27
Free shipping

color

Please select a color

size

Please select a size

Quantity

Free worldwide shipping
Free returns
Sustainably made
Secure payments
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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"]; // 是否跳转落地页配置 const redirection = item.dataset["redirection"] === "true"; // 跳转到落地页 if (redirection && appDiscountUtils.inProductBody(this.element)) { this.win.open(`/promotions/discount-default/${discountId}`); } } }) } } /** * 使用 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 = "ec9bdb2a-d131-4334-b833-07d7b391b5fe"; // 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 == 'b31004d7-9324-454b-ac6b-5007c73de403' && 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: "b31004d7-9324-454b-ac6b-5007c73de403", 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);

Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket

Product Overview: Step into timeless style with the Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket. This jacket merges the rugged charm of workwear with vintage-inspired detailing, making it a versatile and stylish addition to your wardrobe. Crafted from durable corduroy fabric and designed with a mid-length cut, it’s perfect for layering during cooler seasons. The washed finish and multi-pocket design add both character and functionality, offering a perfect balance between fashion and practicality.

Key Features:

  1. Vintage Corduroy Fabric:

    • Made from high-quality corduroy fabric that offers a soft yet durable feel.
    • The textured surface adds depth to the jacket’s design, giving it a classic, vintage look.
    • Ideal for cooler weather, as corduroy provides warmth and comfort.

  2. Washed Finish for a Lived-in Look:

    • The jacket features a washed finish that gives it a slightly faded, broken-in appearance, adding to its vintage charm.
    • The washed effect adds character, making each jacket unique with subtle variations in color.

  3. Mid-length Cut for Versatile Styling:

    • Designed with a mid-length cut that falls below the hips, providing extra coverage and a modern silhouette.
    • The length makes it easy to layer over various outfits, from casual jeans and t-shirts to more polished ensembles.

  4. Lapel Collar Design:

    • Features a classic lapel collar that enhances the jacket’s structured look.
    • The collar adds a touch of sophistication, making it suitable for both casual and semi-formal occasions.

  5. Multi-pocket Functionality:

    • Equipped with multiple pockets, including chest pockets, side pockets, and interior pockets, for convenient storage.
    • The pockets are designed with both form and function in mind, providing ample space for your essentials while complementing the jacket’s overall style.

  6. Button-front Closure:

    • The jacket features a full button-front closure, allowing for easy wear and a secure fit.
    • The buttons are made from durable materials and are carefully stitched to withstand daily wear.

  7. Adjustable Cuffs:

    • Designed with buttoned cuffs that can be adjusted for a snug or relaxed fit.
    • The adjustable cuffs add versatility to the sleeve length, allowing you to roll up the sleeves for a more casual look.

  8. Reinforced Stitching for Durability:

    • Constructed with reinforced stitching to ensure durability and longevity.
    • The high-quality craftsmanship guarantees that this jacket can withstand the rigors of daily use, making it a reliable choice for work or casual wear.

  9. Comfortable and Breathable:

    • Despite its sturdy construction, the jacket is designed to be breathable and comfortable, making it suitable for all-day wear.
    • The cotton-blended corduroy fabric offers natural breathability, ensuring you stay comfortable even during extended periods of wear.

  10. Timeless Vintage Appeal:

    • The vintage-inspired design makes this jacket a timeless addition to your wardrobe, never going out of style.
    • Perfect for those who appreciate classic fashion with a modern twist, this jacket adds a touch of retro flair to any outfit.

  11. All-Season Wearability:

    • This jacket is perfect for transitioning between seasons, offering warmth during cooler months and breathability during milder weather.
    • Its mid-weight construction makes it ideal for layering, providing flexibility for various weather conditions.

  12. Easy Care and Maintenance:

    • The corduroy fabric is easy to care for, requiring minimal maintenance to keep it looking sharp.
    • The washed finish ensures that the jacket maintains its vintage appeal even after multiple washes.

Occasions:

  • Perfect for casual outings, weekend getaways, outdoor activities, or even semi-formal events where you want to showcase a rugged yet polished look.
  • Ideal for layering over t-shirts, sweaters, or button-down shirts, making it a versatile choice for various occasions.

Available Sizes:

  • Available in a variety of sizes to accommodate different body types. Refer to the size chart to find your perfect fit.

Why Choose This Jacket?

  • The Men's Vintage Corduroy Washed Lapel Mid-length Multi-pocket Work Jacket is the perfect blend of style, functionality, and durability. Whether you're looking for a reliable work jacket or a stylish outer layer for your everyday outfits, this piece offers the best of both worlds. Its vintage aesthetic, combined with practical features like multi-pocket design and durable construction, makes it a must-have for the modern man.