1/1

Handmade Men black leather moccasins, Men black leather penny loafer, Shoes

$163.00
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '5f04f4f3-e59b-4f07-8dd8-6d1842ab33ab'; 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 = '94bb8555-abdd-4eae-bf4b-63c22f44cf61'; 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 == '94bb8555-abdd-4eae-bf4b-63c22f44cf61' && 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 : 1303268

Description

Introducing our Handmade Men Black Leather Moccasins, the perfect blend of style, comfort, and craftsmanship. These exquisite shoes are meticulously handcrafted to ensure superior quality and a truly unique product. Made from genuine calf leather, these moccasins exude luxury and sophistication.Key Features:1. Premium Materials: Crafted from the finest calf leather, our moccasins offer unmatched durability and a luxurious feel. The upper is made of genuine calf leather, providing a sleek and refined look.2. Soft Leather Lining: The soft leather lining ensures maximum comfort and breathability, allowing your feet to stay cool and dry throughout the day. Say goodbye to sweaty feet and hello to all-day comfort.3. Leather Sole: The leather sole not only adds a touch of elegance but also provides excellent traction and durability. Walk with confidence and style, knowing that your shoes are built to last.4. Hand Stitched: Each pair of our moccasins is meticulously hand-stitched, showcasing the exceptional craftsmanship and attention to detail. The intricate stitching adds a touch of sophistication and sets these shoes apart from the rest.5. Slip-On Design: Designed for convenience and ease, our moccasins feature a slip-on design, allowing you to effortlessly slip them on and off. Say goodbye to cumbersome laces and hello to effortless style.6. Customizable Fit: We understand that each individual has unique feet, which is why we offer customization options. Whether you prefer a wide or narrow fit, simply provide us with your measurements, and we will tailor the shoes to your exact specifications.7. Fast Shipping: We pride ourselves on delivering your handmade shoes in a timely manner. After receiving your order, we take 7 to 10 days to meticulously craft your moccasins. Once completed, we ensure swift delivery, with an estimated shipping time of 4 to 5 days.Please note:- Colors may vary slightly due to different camera and computer screen settings. Rest assured, our moccasins are designed to be visually stunning and will exceed your expectations.- To ensure the perfect fit, please refer to the length of your feet when selecting your size. Our sizes are true to US sizing with a medium width. If you require a wide or narrow fit, kindly provide us with your measurements when placing your order.- We stand behind the quality of our products. If you encounter any issues, please refrain from opening a dispute. Instead, contact us directly, and we will promptly assist you in resolving any problems. Your satisfaction is our top priority.- We offer a 30-day return policy, excluding used items. If for any reason you are not completely satisfied with your purchase, please reach out to us, and we will gladly assist you with the return process.Elevate your style with our Handmade Men Black Leather Moccasins. Experience the perfect blend of comfort, craftsmanship, and timeless elegance. Order yours today and step into a world of luxury.