Can't remove/edit free shipping indicator on website theme.
I used Zendrop in order to create my store but I can't seem to edit the sliding bar in order to display a different value or remove the bar in the first place. I'm trying to make it need a total of $30 to qualify for free shipping but am unable to edit or remove it to replace it with plain text. Support was very helpful but unfortunately said that it comes down to editing something within the code of the website and that I should ask for help in the forums. Please let me know if there is a way to fix this issue.
- Here is the solution for you @LuxSomnia
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<style>
.cart-progress {
display: none !important
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @LuxSomnia
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<script>
window.addEventListener('load', function() {
let form = document.querySelector(".cart-drawer__form");
var newMessage = document.createElement('p');
newMessage.textContent = '30$ to get free ship';
var firstChild = form.firstChild;
form.insertBefore(newMessage, firstChild);
})
</script>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @LuxSomnia
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<style>
.cart-progress {
display: none !important
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @LuxSomnia
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<script>
window.addEventListener('load', function() {
let form = document.querySelector(".cart-drawer__form");
var newMessage = document.createElement('p');
newMessage.textContent = '30$ to get free ship';
var firstChild = form.firstChild;
form.insertBefore(newMessage, firstChild);
})
</script>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024