'); badgeContainer = prodCardEl.querySelector('.product-card__badge'); } } if (badgeContainer) { badgeContainer.innerHTML = ''; const appendBadgeOnce = (htmlStr, badgeText) => { const existingTexts = Array.from(badgeContainer.querySelectorAll('.f-badge')).map(el => el.innerText.trim().toLowerCase()); if (!existingTexts.includes(badgeText.trim().toLowerCase())) { badgeContainer.insertAdjacentHTML('beforeend', htmlStr); } }; if (isInStoreOnly) appendBadgeOnce(`${t.in_store_only || 'In-store only'}`, t.in_store_only || 'In-store only'); if (isBestSeller) appendBadgeOnce(``, 'Best Seller'); if (isPreOrder) { appendBadgeOnce(``, 'Preorder'); } else if (isSoldOut && settings.pcard_show_badge_soldout) { appendBadgeOnce(`${t.sold_out || 'Sold out'}`, t.sold_out || 'Sold out'); } else if (isVip && settings.pcard_show_badge_vip) { appendBadgeOnce(`${t.vip_discount || 'VIP'}`, t.vip_discount || 'VIP'); } else if (isClearance && settings.pcard_show_badge_clearance) { appendBadgeOnce(`${t.clearance || 'Clearance'}`, t.clearance || 'Clearance'); } else if (isOnSale && settings.pcard_show_sale_badge) { let badgeText = t.on_sale || 'Sale'; const type = settings.pcard_sale_badge_type; if (type === 'percentage' || type === 'fixed_amount') { let amountStr = type === 'percentage' ? `${Math.round(((compareAtPrice - price) * 100) / compareAtPrice)}%` : mpg.formatMoney((compareAtPrice - price) * 100 * (mpg.currencyRate || 1), mpg.moneyFormat); badgeText = (t.save_price_html || 'Save {{ amount }}').replace('{{ amount }}', amountStr); } appendBadgeOnce(`${badgeText}`, badgeText); } const toHandle = (str) => typeof str === 'string' ? str.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '') : ''; const newHandles = (settings.new_tags || []).map(toHandle); const hotHandles = (settings.hot_tags || []).map(toHandle); const comingHandles = (settings.coming_tags || []).map(toHandle); (product.tags || []).forEach(tag => { const tagHandle = toHandle(tag); if (tagHandle === 'best-seller' || tagHandle === 'preorder' || tagHandle === 'pre-order') return; if (newHandles.includes(tagHandle)) appendBadgeOnce(`${tag}`, tag); else if (hotHandles.includes(tagHandle)) appendBadgeOnce(`${tag}`, tag); else if (comingHandles.includes(tagHandle)) appendBadgeOnce(`${tag}`, tag); }); } await mpg.updatePriceCustom(prodCardEl, prod); }; // RENDER HOẶC MOVE SWATCH VÀO AFTEREND CỦA .f-price CONTAINER mpg.renderSwatchesOnSliderCard = (cardEl, handle) => { if (!cardEl || !handle) return; const fPriceContainer = cardEl.querySelector('[class*="product-price-container"].f-price') || cardEl.querySelector('.f-price'); if (!fPriceContainer) return; // Nếu swatch đã nằm ngay sau fPriceContainer rồi thì không làm gì thêm const existingSwatch = cardEl.querySelector('.mpg-swatch.mpg-card:not(.mpg-variant)'); if (existingSwatch?.querySelector('.mpg-swatch__option')) { if (fPriceContainer.nextElementSibling !== existingSwatch) { fPriceContainer.insertAdjacentElement('afterend', existingSwatch); } return; } // Không có swatch sẵn → render từ mpg.getTemplateForOption if (typeof mpg.getTemplateForOption !== 'function') return; const group = (mpg.groups || []).find(g => Array.isArray(g.products) && g.products.some(p => p.handle === handle) ); if (!group || group.products.length <= 1) return; const currentProd = group.products.find(p => p.handle === handle) || group.products[0]; let swatchHtml = ''; (group.options || []).forEach(opt => { const optName = typeof opt === 'object' ? opt.name : opt; const generated = mpg.getTemplateForOption(group, currentProd, optName); if (generated) swatchHtml += generated; }); if (!swatchHtml) { console.warn(`[SLIDER] getTemplateForOption trả về rỗng cho "${handle}"`); return; } fPriceContainer.insertAdjacentHTML('afterend', swatchHtml); }; // QUÉT VÀ KHỞI TẠO SWIPER CARDS mpg.initTmspslotCards = async () => { const cards = document.querySelectorAll( '.tmspslot .swiper-slide, [data-slid] .swiper-slide, .shopify_pdp_first_ytfydz .swiper-slide' ); cards.forEach(async (cardEl) => { const link = cardEl.querySelector('a[href*="/products/"]'); if (!link) return; const match = link.href.match(/\/products\/([^\/\?#]+)/); const handle = match ? match[1] : null; if (!handle) return; // Luôn đảm bảo swatch nằm đúng sau .f-price mpg.renderSwatchesOnSliderCard(cardEl, handle); if (cardEl.dataset.mpgProcessed) return; cardEl.dataset.mpgProcessed = 'true'; try { await mpg.handleSwatchOnCardChange({ prodCardEl: cardEl, prod: { handle } }); } catch (e) {} }); }; if (window.mpgTmspslotInterval) clearInterval(window.mpgTmspslotInterval); window.mpgTmspslotInterval = setInterval(() => mpg.initTmspslotCards(), 500);

Dining Room

Bathrooms

Schots

Iver

Leather Collection

Teak Furniture

Our Bestsellers

Handles & Knobs

Pressed Metal

Lighting Favourites

Fireplace Favourites

Outdoor Favourites

Dining Room

Bathrooms

Schots

Iver

Leather Collection

Teak Furniture

Handles & Knobs

Pressed Metal

Collection: Cabinet & Drawer Handles

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Recently viewed products

Popular Searches

'unearth the uncommon'

Your cart (0)

Product Comparison

Sort By

Your cart