Free shipping for order more than $60
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
5 / 7
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter
63% OFF

💥 2025 Hot Sale! Men's Casual Solid Color Jacket, Suitable For Autumn/Winter

/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ 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 = "fd099611-462a-4cb5-9ffd-777c0cdb67b3"; // 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 == '992708b3-65db-48ff-aeb6-1c12b5f83783' && 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: "992708b3-65db-48ff-aeb6-1c12b5f83783", variant_id: this.variantId, product_type: "", } 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);
$47.99 $129.99
color
size
Qty
SKU:HT112702
Material: Wool
Suitable for: leisure、business
Colors: Black, Gray, Red, Navy Blue, Khaki, Light Gray
Size:S、M、L、XL、2XL、3XL
Suitable season: Autumn and winter

378

How to Measure Yourself

Shopping online, as most of us do nowadays, you’ll want to know your measurements to help ensure a great fit. The sketch below shows where to take measurements to compare to clothing you already own. Keep in mind, however, those measurements will only be helpful if taken correctly. Tip: don’t let the measuring tape hang loose when you’re measuring, but avoid pulling the tape excessively tight. Here’s how to get accurate measurements:

Length: Measure from the bottom of the collar to the waist seam.

Shoulders: Measure between the top of the sleeve seams.

Chest: Measure the entire circumference of your chest. Begin with one end of the measuring tape 1 inch below the armhole at the fullest part of your chest. Then, keeping the tape level, wrap it around (under your armpits, around your shoulder blades, and back to the front) to get the measurement.

Sleeve: Accurately measuring sleeve length is tough to do yourself, so ask someone to help with this. Beginning with one end of the tape at the top of your arm, then down to your wrist. This entire length is your arm-length measurement.

How should a leather jacket fit?

Do the same rules apply to how a jacket should fit as to other jackets or outerwear? Not necessarily. Read on for details.

Leather will stretch over time, so you never want to start with a leather jacket that is too big. But that doesn’t mean you want a jacket that’s too small! It’s also essential to allow room for layers under your leather jacket. Here are a few specific tips for finding a leather jacket that fits just right:

Chest: Leather jackets ought to fit more snugly through the chest than a regular overcoat, but consider the types of layers you may want to wear underneath. If you live in a warm climate and will be layering over light clothing such as a dress shirt or t-shirt, we recommend adding 2-3 inches to your measured chest size. If you live in a colder climate and layering over heavier clothing such as sweaters, we recommend adding 3-4 inches to your chest size. If you land between sizes, we recommend sizing up to the next size available. Tip: you should be able to comfortably zip or button your leather jacket all the way up, even if you plan to wear it open.

Shoulders: Suit coat rules do not apply to leather jackets, so it's okay if the shoulder comes down your arm a few inches. However, even though the leather will give over time if the shoulder seam is higher than your shoulder, the jacket is too small.

Waist: The bottom of your leather jacket should not reach below the bottom of your belt/top of your thigh. This is likely shorter than other overcoats you've owned, but a leather jacket that hangs well below the belt is too big unless you're wearing a long leather trench coat.

Sleeve Length: The proper sleeve length on a leather jacket is consistent with pretty much any jacket: sleeves should end at your wrist.