document.addEventListener(‘DOMContentLoaded’, function () { if (!document.body.classList.contains(‘logged-in’)) { const selectElement = document.querySelector(‘select.wapf-input’); const addCartButton = document.querySelector(‘.single_add_to_cart_button’); const quantityContainer = document.querySelector(‘.quantity’); // Adjust this selector to match your quantity input container const loginLinkContainer = document.createElement(‘div’); const loginLink = document.createElement(‘a’); loginLink.href = “/membership/login/”; // Adjust the href to your login page URL loginLink.innerText = “Login to Purchase”; loginLink.className = “button login-link”; loginLink.style.display = “none”; // Initially hide the login link // Insert the login link after the Add to Cart button addCartButton.parentNode.insertBefore(loginLinkContainer, addCartButton.nextSibling); loginLinkContainer.appendChild(loginLink); function handleSelectionChange() { const selectedValue = selectElement.value; const selectedLabel = selectElement.options[selectElement.selectedIndex].getAttribute(‘data-wapf-label’); // Disable the Add to Cart button and hide quantity if no option is selected if (selectedValue === ”) { addCartButton.disabled = true; addCartButton.style.display = “none”; loginLink.style.display = “none”; quantityContainer.style.display = “none”; // Also hide quantity } else if (selectedLabel === ‘Community Members’) { // Hide Add to Cart, show login link, and hide quantity for Community Members addCartButton.style.display = “none”; loginLink.style.display = “inline-block”; quantityContainer.style.display = “none”; // Hide quantity input } else { // Show and enable the Add to Cart button, show quantity for Non Community Members addCartButton.style.display = “inline-block”; addCartButton.disabled = false; loginLink.style.display = “none”; quantityContainer.style.display = “inline-block”; // Show quantity input } } // Listen for changes in the selection selectElement.addEventListener(‘change’, handleSelectionChange); // Initial check in case the select is pre-filled or changed dynamically handleSelectionChange(); } });