window.mpg = window.mpg || {}; const mpg = window.mpg; /** * 1. Hàm Dọn Dẹp */ const cleanRedundantCardOptions = () => { const cardSelector = mpg.themeSetting?.product_card?.card_id || '.grid-product, .product-card'; const cards = document.querySelectorAll(cardSelector); cards.forEach((card) => { const variantSwatch = card.querySelector('.mpg-swatch.mpg-variant.mpg-card'); if (variantSwatch) { const vOptionSets = variantSwatch.querySelectorAll('.mpg-swatch__option-set'); vOptionSets.forEach(vSet => { const vOptions = vSet.querySelectorAll('.mpg-swatch__option'); if (vOptions.length < 2) vSet.style.display = 'none'; }); const visibleSets = Array.from(vOptionSets).filter(s => s.style.display !== 'none'); if (visibleSets.length === 0) variantSwatch.style.display = 'none'; } }); }; /** * 2. Logic Swap Vị Trí */ const swapProductCardOptions = () => { const cardSelector = mpg.themeSetting?.product_card?.card_id || '.grid-product, .product-card'; const cards = document.querySelectorAll(cardSelector); cards.forEach(card => { const groupEl = card.querySelector('.mpg-swatch.mpg-card:not(.mpg-variant)'); const variantEl = card.querySelector('.mpg-swatch.mpg-variant.mpg-card'); if (groupEl && variantEl) { if (groupEl.compareDocumentPosition(variantEl) & Node.DOCUMENT_POSITION_FOLLOWING) { groupEl.parentNode.insertBefore(variantEl, groupEl); } } }); }; /** * 3. Ghi đè Callback */ const originalVariantCb = mpg.renderVariantCardContentCallback; mpg.renderVariantCardContentCallback = function() { if (typeof originalVariantCb === 'function') originalVariantCb(); swapProductCardOptions(); cleanRedundantCardOptions(); }; const originalSwatchCb = mpg.renderSwatchCardContentCallback; mpg.renderSwatchCardContentCallback = function() { if (typeof originalSwatchCb === 'function') originalSwatchCb(); swapProductCardOptions(); cleanRedundantCardOptions(); }; // 4. Bắt mẫu savings từ DOM ban đầu const captureSavingsTemplate = () => { if (!window.mpgSavingsTemplate) { const existingEl = document.querySelector('.grid-product__price--savings'); if (existingEl && existingEl.innerText.trim()) { window.mpgSavingsTemplate = existingEl.innerText.trim(); console.log('[MPG Debug] Saved template from DOM:', window.mpgSavingsTemplate); } } }; if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', captureSavingsTemplate); } else { captureSavingsTemplate(); } // 5. Patch themeSetting SAU KHI app khởi tạo xong (polling) const patchAfterInit = () => { if (!mpg.themeSetting?.product_card) { setTimeout(patchAfterInit, 100); return; } // Patch trực tiếp vào themeSetting, không đụng customThemeSetting if (!mpg.themeSetting.product_card.price_wrapper_id) { mpg.themeSetting.product_card.price_wrapper_id = '.grid-product__price'; console.log('[MPG Debug] Patched price_wrapper_id into themeSetting:', mpg.themeSetting.product_card); } // Set updatePriceTemplateCustom mpg.updatePriceTemplateCustom = (oldPriceEl, regularPrice, salePrice = null, customRate) => { console.log('[MPG Debug] updatePriceTemplateCustom called:', { regularPrice, salePrice }); if (!oldPriceEl || regularPrice === undefined) return; const regNum = Number(regularPrice); const saleNum = salePrice ? Number(salePrice) : null; const haveSalePrice = saleNum && saleNum < regNum; const currencyRate = customRate || mpg.currencyRate || 1; const format = (oldPriceEl.innerText || '').includes(mpg.currency) ? mpg.moneyWithCurrencyFormat : mpg.moneyFormat; const regFormatted = mpg.stripHTML(mpg.formatMoney(regNum * currencyRate * 100, format)); const saleFormatted = saleNum ? mpg.stripHTML(mpg.formatMoney(saleNum * currencyRate * 100, format)) : ''; if (haveSalePrice) { let regPriceEl = oldPriceEl.querySelector('.grid-product__price--original .money'); let salePriceEl = oldPriceEl.querySelector('.money:not(.grid-product__price--original .money)'); if (!regPriceEl || !salePriceEl) { oldPriceEl.innerHTML = ` ${regFormatted} ${saleFormatted} `.trim(); } else { regPriceEl.innerText = regFormatted; salePriceEl.innerText = saleFormatted; } } else { oldPriceEl.innerHTML = `${regFormatted}`; } let savingsEl = oldPriceEl.querySelector('.grid-product__price--savings'); if (haveSalePrice) { captureSavingsTemplate(); const savedPercent = Math.round(((regNum - saleNum) / regNum) * 100); const savedAmountVal = (regNum - saleNum) * currencyRate; const savedAmountFormatted = mpg.stripHTML(mpg.formatMoney(savedAmountVal * 100, format)); let sourceText = (savingsEl && savingsEl.innerText.trim()) || window.mpgSavingsTemplate || "Save 0%"; const newContent = sourceText.includes('%') ? sourceText.replace(/\d+\s*%?/, `${savedPercent}%`) : sourceText.replace(/[^\d]*[\d.,]+[^\d]*/, savedAmountFormatted); if (!savingsEl) { savingsEl = document.createElement('span'); savingsEl.className = 'grid-product__price--savings'; oldPriceEl.appendChild(savingsEl); } savingsEl.textContent = ` ${newContent} `; savingsEl.style.display = ''; console.log('[MPG Debug] Updated savings:', newContent); } else { if (savingsEl) savingsEl.style.display = 'none'; } }; }; patchAfterInit();

Language