Skip to content
function reserveSlab(button) {
const card = button.closest(".e-loop-item, .elementor-post, .elementor-grid-item");
const slabName = card.querySelector(".slab-title")?.innerText.trim() || "";
const slabDesc = card.querySelector(".slab-desc")?.innerText.trim() || "";
const slabDimensions = card.querySelector(".slab-dimensions")?.innerText.trim() || "";
console.log("NAME:", slabName);
console.log("DESC:", slabDesc);
console.log("DIMENSIONS:", slabDimensions);
setTimeout(function () {
const popupName = document.querySelector(".popup-slab-title");
const popupDesc = document.querySelector(".popup-slab-desc");
const popupDimensions = document.querySelector(".popup-slab-dimensions");
if (popupName) popupName.innerText = slabName;
if (popupDesc) popupDesc.innerText = slabDesc;
if (popupDimensions) popupDimensions.innerText = slabDimensions;
const formSlabName = document.querySelector('input[name="form_fields[slab_name]"]');
const formSlabDimensions = document.querySelector('input[name="form_fields[slab_dimensions]"]');
if (formSlabName) {
formSlabName.value = slabName;
formSlabName.setAttribute("value", slabName);
}
if (formSlabDimensions) {
formSlabDimensions.value = slabDimensions;
formSlabDimensions.setAttribute("value", slabDimensions);
}
}, 500);
}