Keeping Check out button greyed out until you click the I have read the Terms checkbox above it

Store Design
1

Hi, I edited the cart-summary.liquid to add a I have read the terms checkbox

above the Check out button but when you add a new item to the cart or

change the number of items in the cart the button becomes clickable

without checking the checkbox. Is it possible to keep it greyed out until

you click it? Thank you.

url: kintgx-d9.myshopify.com

3

This is the code that is supposed to keep the Check out button greyed out until the checkbox is checked.

4

I wanted to delete this topic but it’s giving me:

“You don’t have permission to delete this topic. If you really want it to be deleted, submit a flag for moderator attention together with reasoning.”

as if it’s not my topic.

5

Alright,
No worry, I just mark as Flag so Shopify team will remove it immediately.

image
image963Ă—424 41.4 KB

If you need more help then let us know.
Thanks

6

Hi @tncrdn ,

Please add the following code to the base.css file to fix the position of the elements as desired.

.cart__summary-totals {
    order: 1;
}

.agree-to-terms {
    order: 3;
}

.cart__ctas {
    order: 2;
}

In addition, if you need the case where checking the input box redirects to the checkout page, kindly share your collaborator code with me — it will help me investigate and support you better.