document.addEventListener('spicegemsAddon:inserted', () => { document.querySelectorAll('.spice-spa-addon-product-wrapper .spice-addon-group-dropdownBox .spice-addon-group-heading').forEach(item => { item.click(); }) }); const NOBUTTON = function () { let groupAddons = document.querySelectorAll(".spice-addon-group-dropdownBox .spice-addon-group-items"); if (!groupAddons.length) return; groupAddons.forEach((groupAddon) => { let element = document.createElement("div"); element.classList.add("spice_no_button"); element.innerHTML = `

No Button No

`; // Add to group groupAddon.prepend(element); // Independent behavior for each group const noBtn = element.querySelector(".no_button_checkbox"); noBtn.addEventListener("change", function () { if (this.checked) { // Uncheck ONLY the checkboxes inside this group, not others groupAddon .querySelectorAll('input[name="spice_productid"]') .forEach((chk) => { chk.checked = false; }); } }); }); }; // Auto-check checkboxes per group on page load (both noBtn & first addon) const autoCheckOnLoad = function () { document.querySelectorAll(".spice-addon-group-items").forEach((group) => { // Auto-check "No Button" checkbox const noBtn = group.querySelector(".no_button_checkbox"); if (noBtn && !noBtn.checked) { noBtn.checked = true; noBtn.dispatchEvent(new Event("change")); } // Auto-check the first addon checkbox const firstAddon = group.querySelector(".spice-spa-addon-checkbox-input"); if (firstAddon && !firstAddon.checked) { firstAddon.checked = true; firstAddon.dispatchEvent(new Event("change")); } // Prevent unchecking const allCheckboxes = group.querySelectorAll('input[type="checkbox"]'); allCheckboxes.forEach((checkbox) => { checkbox.addEventListener("click", function (e) { if (!checkbox.checked) { e.preventDefault(); checkbox.checked = true; } }); }); }); }; // Ensure only one checkbox in a group is checked const singleSelectable = function (checkbox) { const group = checkbox.closest(".spice-addon-group-items"); if (!group) return; group.querySelectorAll(".spice-spa-addon-checkbox-input").forEach((cb) => { if (cb !== checkbox) cb.checked = false; }); // If nothing is checked, auto-check No Button autoCheckNoButtonInGroup(group); }; // Auto-check No Button in a specific group if nothing else is checked const autoCheckNoButtonInGroup = function (group) { const checkboxes = group.querySelectorAll(".spice-spa-addon-checkbox-input"); const anyChecked = Array.from(checkboxes).some((cb) => cb.checked); if (!anyChecked) { const noBtn = group.querySelector(".no_button_checkbox"); if (noBtn) { noBtn.checked = true; noBtn.dispatchEvent(new Event("change")); } } }; // Auto-check No Button for all groups const autoCheckNoButton = function () { document.querySelectorAll(".spice-addon-group-items").forEach((group) => { autoCheckNoButtonInGroup(group); }); }; document.addEventListener("spicegemsAddon:initiated", function () { document.head.insertAdjacentHTML("beforeend",`` ); }); document.addEventListener("spicegemsAddon:inserted", function () { NOBUTTON(); autoCheckOnLoad(); document.querySelectorAll('input[name="spice_productid"]').forEach((item) => { item.addEventListener("change", function (e) { e.preventDefault(); singleSelectable(this); }, true ); }); document.querySelector("#sgCustomOpacity").remove(); }); document.addEventListener("spicegemsAddon:completed", function () { autoCheckNoButton(); });

BlackVue B2C Cloud Pricing

Let customers speak for us