Personalized checkout and custom promotions with Shopify Scripts
Is it possible to get code on the cart sidebar to display text that changes when you total amount in the cart reaches a certain threshold. I have looked through the code, but I don't know where it would go.
This is the code here
<!DOCTYPE html>
<html>
<body>
<h1> TEST for Pop-up Main code</h1>
<h2> test for free shipping</h2>
<p id="demo"></p>
<script>
const hour = 52.50;
const priceo = 35-hour
var price=parseFloat(priceo).toFixed(2); // Makes the number to 2d.p.
let greeting;
if (hour >= 35) {
greeting = "Congratulations, you qualify for free UK shipping!"
document.getElementById("demo").style.color = "red";
} else {
greeting = "To qualify for free UK shipping, spend an extra £" + price;
}
if (hour >= 35) {
document.getElementById("demo").style.color = "lime";
} else {
document.getElementById("demo").style.color = "red";
}
document.getElementById("demo").innerHTML = greeting;
document.getElementById("demo").style.fontSize = "10px";
document.getElementById("demo").style.fontFamily = "Arial"
</script>
</body>
</html>
"const hour" is the total price in the cart
I would like to just place it below the subtotal
Thanks
Hi @SBurt1 ,
Its a time consuming customization work.
Connect me on via email or Skype.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025