document.addEventListener("DOMContentLoaded", function () {
// نراقب تغيّر الـ Variant أو تحميل المنتج
Ecwid.OnPageLoaded.add(function (page) {
if (page.type === "PRODUCT") {
showVariantDimensions();
}
});
Ecwid.OnProductOptionChanged.add(function () {
showVariantDimensions();
});
function showVariantDimensions() {
// نجيب بيانات المنتج
Ecwid.Cart.getProduct(function (product) {
if (!product || !product.variations) return;
// نجيب الـ Variant المختار حاليًا
let selected = product.variations.find(v => v.default === true);
if (!selected) selected = product.variations.find(v => v.isAvailable);
if (!selected) return;
const length = selected.length;
const width = selected.width;
const height = selected.height;
// نحدد مكان عرض الأبعاد
const priceBlock = document.querySelector('.ecwid-productBrowser-price');
if (!priceBlock) return;
// نعمل بلوك للأبعاد لو مش موجود
let dimBlock = document.querySelector('#variant-dimensions');
if (!dimBlock) {
dimBlock = document.createElement('div');
dimBlock.id = 'variant-dimensions';
dimBlock.style.marginTop = "10px";
dimBlock.style.fontSize = "14px";
dimBlock.style.color = "#444";
priceBlock.insertAdjacentElement('afterend', dimBlock);
}
// نعرض القيم
dimBlock.innerHTML = `
Dimensions:
Length: ${length} cm
Width: ${width} cm
Height: ${height} cm
`;
});
}
});