Terms and conditions code not working anymore

Site URL: https://www.frillup.ch/cart

As you all know that squarespace doesn't give option to check the box whether terms and conditions have been read before proceeding the checkout. I injected a code that showed a line," By continuing to checkout, you have read and agreed to our terms and condiotions"  both on pc screen and phone. This was working perfectly fine until few days ago I applied a code on  my home page for fetching the customer reviews from google- https://www.frillup.ch/. Now this terms and conditions line has disappeared from the shopping cart page. What can I do?

The code that I applied was as follows:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('.CartFooter-checkout-28MW2').append('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

It depends on where you want the text to display, but try this😊

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('.sqs-cart-container').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

3 hours ago, RasmusM said:

It depends on where you want the text to display, but try this😊

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('.sqs-cart-container').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

 

This is the same code I applied. It doesn't work anymore and I don not understand why

@Aashini The code I posted is not the same, I updated it😃

$('.sqs-cart-container').after

👆This change is where the magic happen.

@RasmusM It still doesn't work. I do not understand why. 

@Aashini oh my bad, forgot to add something. Try this:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('#sqs-cart-container').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

@RasmusM it worked! Thanks alot!!! 🙂 

It's such a relief. Thanks again

1 hour ago, Aashini said:

@RasmusM it worked! Thanks alot!!! 🙂 

It's such a relief. Thanks again

Great, glad I could help!😃

Hi there, anyone knows how to avoid this text to show up if the cart is empty? Because it looks like this:

@RobPegurri Sure, use this updated code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('#sqs-cart-container .checkout').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

On 11/10/2021 at 3:09 PM, Spark_plugin said:

@RobPegurri Sure, use this updated code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
        $('#sqs-cart-container .checkout').after('<div class="tuan"> By continuing to checkout, you have<br/>read and agreed to our <strong><a style="color: #7a6e65;" href="https://frillup.ch/terms-and-conditions" target="_blank" rel="noopener">Terms and Conditions</a></strong></div>');
    });
</script>
<style>
  .tuan {
    display: block;
    height: auto;
    text-align: left;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 1.1rem;
    line-height: 1.5em;
    margin-top: -82px;
    margin-bottom: 300px;
}
</style>

 

Amazing! 😍 Thank you so much