Hi,

I am trying to use conditional logic so that when selecting the variant customisation = Yes a pop up form is displayed and when a user selects No they can add to cart.

Can anyone help with this?

Hi,

I tested this code on a Product page of Squarespace 7.1 
You can add it in a code block inside the product page that you want it.

<script>
document.addEventListener("DOMContentLoaded", () => {
  document.querySelector(".sqs-add-to-cart-button-inner").addEventListener("click", function(event){
    var resultOfPopup = confirm("My message here");
    if(resultOfPopup) {
        event.preventDefault();
        event.stopImmediatePropagation();
    }
  });
});
</script>

"My message here" can be changed with your message but between the quotes.

https://www.customshinz.com/shop/p/personilised-shin-pads

Hey I want something where we do not have to click add to cart to start the form, something where you can just type it in like so: https://www.thecasepeople.com/product-page/customised-tcp-mini-shin-pads-1

On 6/7/2024 at 3:43 AM, JG0910 said:

https://www.customshinz.com/shop/p/personilised-shin-pads

Hey I want something where we do not have to click add to cart to start the form, something where you can just type it in like so: https://www.thecasepeople.com/product-page/customised-tcp-mini-shin-pads-1

You can consider using Custom Product Form.

https://support.squarespace.com/hc/en-us/articles/205811218-Creating-a-custom-product-form