Terms and conditions checkbox not working

Store Design
, , ,
1

Hi, my T & C checkbox stopped working for some reason (mini cart & cart page). Can any help me with the code line to make it be marked as checked by default? currently people can’t checkout.

tried this, but it didn’t work

{{ terms_and_conditions }}

Website: pavone-2462.myshopify.com

Daniel19901_0-1735814922856.png
Daniel19901_0-1735814922856.png556×705 43.2 KB

1 Like
2

Hello @Daniel19901 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.t4s-drawer__bottom input[type=checkbox][data-agree-checkbox]:checked+label:before {
    background-color: var(--t4s-dark-color);
    border-color: var(--t4s-dark-color);
}

.t4s-drawer__bottom input[type=checkbox][data-agree-checkbox]+label:before {
    top: 2px;
    cursor: pointer;
}
1 Like
3

Hi @Daniel19901

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file and paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

1 Like
4

@ZestardTech thank you very much! it worked for the mini cart but not the cart page :disappointed_face:

1 Like
5

@websensepro thank you but it didn’t work :disappointed_face:

6

Please also add this code for the cart page.

.t4s-cartPage__footer input[type=checkbox][data-agree-checkbox]:checked+label:before {
    background-color: var(--t4s-dark-color);
    border-color: var(--t4s-dark-color);
}

.t4s-cartPage__footer input[type=checkbox][data-agree-checkbox]+label:before {
    cursor: pointer;
}
2 Likes