'); 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); // Điều chỉnh lại vị trí nếu có sự thay đổi mpg.adjustSelectedSwatchPosition(prodCardEl); }; // HÀM HỖ TRỢ XỬ LÝ THEO PHẠM VI (QUÉT BỔ SUNG) mpg.adjustSelectedSwatchPosition = (scope = document) => { const maxToShow = window.mpg?.merchantConfig?.card_style?.value_limit_max || window.mpg?.merchant_config?.card_style?.value_limit_max || 3; let navs = []; if (scope.querySelectorAll) { navs = Array.from(scope.querySelectorAll('.mpg-card .mpg-swatch__nav')); } else if (scope.closest && scope.closest('.mpg-card')) { navs = Array.from(scope.querySelectorAll('.mpg-swatch__nav')); } navs.forEach(nav => { if (!nav.closest('.mpg-card')) return; if (nav.dataset.mpgPositionInit === 'true') return; const selectedOption = nav.querySelector('.mpg-swatch__option.selected'); if (!selectedOption) return; const options = Array.from(nav.querySelectorAll('.mpg-swatch__option')); const selectedIndex = options.indexOf(selectedOption); const isHiddenInitially = selectedOption.style.display === 'none' || selectedIndex >= maxToShow; selectedOption.classList.add('mpg-promoted-option'); selectedOption.style.setProperty('order', '-1', 'important'); if (isHiddenInitially) { selectedOption.style.setProperty('display', 'grid', 'important'); const optionToHide = options[maxToShow - 1]; if (optionToHide && optionToHide !== selectedOption) { optionToHide.classList.add('mpg-demoted-option'); optionToHide.style.setProperty('display', 'none', 'important'); } console.log('[SWATCH POSITION LOG] Promote hidden option:', { promotedOption: selectedOption.getAttribute('o-value') || selectedOption.innerText?.trim(), demotedOption: optionToHide?.getAttribute('o-value') || optionToHide?.innerText?.trim(), maxToShow }); } else { console.log('[SWATCH POSITION LOG] Promote visible option:', { promotedOption: selectedOption.getAttribute('o-value') || selectedOption.innerText?.trim(), selectedIndex }); } nav.dataset.mpgPositionInit = 'true'; }); }; // 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; 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); } mpg.adjustSelectedSwatchPosition(cardEl); return; } 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) return; fPriceContainer.insertAdjacentHTML('afterend', swatchHtml); mpg.adjustSelectedSwatchPosition(cardEl); }; // QUÉT VÀ KHỞI TẠO SWIPER CARDS & TẤT CẢ CARD TRÊN TRANG mpg.initTmspslotCards = async () => { mpg.adjustSelectedSwatchPosition(document); 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; 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: Picture Rail Hooks

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