1/1

Men Oxford formal black leather shoes, black Suede moccasins shoes

$159.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '4acc43b3-cc54-4160-9ff5-90db7b713041'; this.isRTL = SPZ.win.document.dir === 'rtl'; } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = '9290b83f-f158-4db0-8156-c4e18e222b40'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == '9290b83f-f158-4db0-8156-c4e18e222b40' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
Color:  Black
Size:  US 7
Quantity
Sku : 681957

Description

Introducing our Men's Oxford Formal Black Leather Shoes, the epitome of sophistication and style. Crafted with the finest materials and expert craftsmanship, these shoes are designed to make a lasting impression wherever you go. Whether you're attending a formal event or simply want to elevate your everyday attire, our Oxford shoes are the perfect choice.Key Features:1. Material Type: Suede - Our Oxford shoes are made from genuine suede, offering a luxurious look and feel. The suede material adds a touch of elegance to your ensemble, making these shoes a timeless addition to your wardrobe.2. Upper Genuine Suede - The upper part of our Oxford shoes is meticulously crafted from genuine suede, providing a sleek and polished appearance. The suede material not only enhances the overall aesthetic but also ensures durability and longevity.3. Soft Leather Lining - The interior of our Oxford shoes is lined with soft leather, offering maximum comfort and breathability. The leather lining ensures a pleasant wearing experience, even during extended hours of use.4. Leather Sole - Our Oxford shoes feature a leather sole, known for its durability and flexibility. The leather sole provides excellent traction and stability, allowing you to confidently stride on any surface.5. Leather Heel - The heel of our Oxford shoes is also made from leather, adding a touch of sophistication and elegance. The sturdy leather heel not only enhances the overall design but also offers superior support and stability.6. Slip-Ons - Our Oxford shoes are designed as slip-ons, allowing for easy and convenient wear. The slip-on design eliminates the need for laces, providing a hassle-free experience without compromising on style.7. Manufacturing Time - Each pair of our Oxford shoes is meticulously handcrafted with attention to detail. The manufacturing process takes approximately 10 days, ensuring that every pair meets our high standards of quality.8. Return or Exchange Accepted - We take pride in our products and offer a hassle-free return or exchange policy. If you are not completely satisfied with your purchase, you can return or exchange the shoes within 30 days, no questions asked.Don't settle for ordinary dress shoes. Elevate your style with our Men's Oxford Formal Black Leather Shoes. Made with genuine suede, these shoes exude sophistication and elegance. With their impeccable craftsmanship and attention to detail, they are the perfect choice for any formal occasion or to add a touch of refinement to your everyday attire. Order your pair today and experience the epitome of luxury and style.