Re: How to remove free shipping bar from cart view

How to remove free shipping bar from cart view

Fred10101
Tourist
8 0 0

I would like to disable the green free shipping bar from my cart view as this shipping notification is not needed in my system. 

 

I have spent many hours with no success. As I am led to believe that is a coding issue. 

 

Thanks in advance

 

Capture.JPGCapture 1.JPG

Replies 13 (13)

websensepro
Shopify Partner
1221 136 156

Hi, @Fred10101,

Kindly share your store URL and password.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial

niraj_patel
Shopify Partner
2378 514 512

Hello @Fred10101 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .cart__layout_right div#threshold_bar_popup {
          display: none;
   }

</style>

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Fred10101
Tourist
8 0 0

So this is the correct section ? :

 

I tried pasting that code but not sure if I put it in the correct spot. 

 

Below is original code 

 

<!doctype html>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js{% if settings.enable_rtl == true %} lang-rtl{% endif %}" lang="{{ shop.locale }}"{% if settings.enable_rtl == true %} dir="rtl"{% endif %}>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="theme-color" content="{{ settings.color_button }}">
<link rel="canonical" href="{{ canonical_url }}">

{% if settings.favicon != blank %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{% endif %}

{% capture seo_title %}
{{ page_title }}
{% if current_tags %}
{%- assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags -}}
{% endif %}
{% if current_page != 1 %}
&ndash; {{ 'general.meta.page' | t: page: current_page }}
{% endif %}
{% unless page_title contains shop.name %}
&ndash; {{ shop.name }}
{% endunless %}
{% endcapture %}
<title>{{ seo_title }}</title>

{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}
{% include 'social-meta-tags' %}
{% include 'icon-fonts' %}
{% include 'nov-head-css' %}
{% include 'nov-head-js' %}
{{ content_for_header }}
</head>

<body class="template-{{ template | split: '.' | first }} home-1">
<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>
{% section 'nov-header' %}
<main class="main-content" id="MainContent">
<section class="page-container" id="PageContainer">
{{ content_for_layout }}
</section>
</main>
{% section 'nov-footer' %}

<div class="canvas-menu drawer-left">
<div class="canvas-header-box d-flex justify-content-between align-items-center">
<div class="title-box">{{ 'layout.mainmenu.title_box_mobile' | t }}</div>
<div class="close-box"><i class="zmdi zmdi-close"></i></div>
</div>
</div>
<div class="canvas-overlay"></div>

<div class="sidebar-overlay"></div>
{% include 'nov-formsearch' %}

{% include 'nov-stickymenu-mobile' %}

{% include 'nov-popup-newsletter' %}

<div id="CustomerAccountForm" class="form-vertical modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-6">
{% form 'create_customer' %}
<div class="title_block"><span>{{ 'customer.register.title' | t }}</span></div>
<div class="sub-title"><span>{{ 'customer.register.sub_title' | t }}</span></div>
{{ form.errors | default_errors }}

<div class="block-form-register">
<div class="form-group novform-firstname">
<input type="text" name="customer[first_name]" id="FirstName" {% if form.first_name %} value="{{ form.first_name }}"{% endif %} placeholder="{{ 'customer.register.first_name' | t }}" required>
</div>
<div class="form-group novform-lastname">
<input type="text" name="customer[last_name]" id="LastName" {% if form.last_name %} value="{{ form.last_name }}"{% endif %} placeholder="{{ 'customer.register.last_name' | t }}" required >
</div>
<div class="form-group novform-email">
<input type="email" name="customer[email]" id="email_rigester" class="{% if form.errors contains 'email' %} input--error{% endif %}" {% if form.email %} value="{{ form.email }}"{% endif %} placeholder="Email" required >
</div>
<div class="form-group novform-password">
<input type="password" name="customer[password]" id="CreatePassword" class="{% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.register.password' | t }}" required>
</div>
<div class="form-checkbox novform-newsletter">
<label id="form-checkbox" class="custom_checkbox d-inline-flex">
<span class="custom-checkbox">
<input type="checkbox" name="newsletter" value="1">
</span>
<span class="text">{{ 'customer.register.checkbox_newsletter' | t }}</span>
</label>
</div>
<div class="form_submit">
<input type="submit" value="{{ 'customer.register.submit_register' | t }}" class="btn">
</div>
</div>
{% endform %}
</div>
<div class="col-6">
{% form 'customer_login' %}
<div class="title-login">
<div class="title_block"><span class="text-bold">{{ 'customer.login.log_in' | t }}</span></div>
</div>
<div class="block-form-login">
<div class="title_form"><span>{{ 'customer.login.title_form' | t }}</span></div>
<div class="form-group novform-email">
<input type="email" name="customer[email]" id="Email_login" class="{% if form.errors contains 'email' %} input--error{% endif %}" placeholder="{{ 'customer.login.email_login' | t }}" required autofocus>
</div>

<div class="form-group novform-password">
{% if form.password_needed %}
<input type="password" value="" name="customer[password]" id="HeaderPassword" class="{% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.login.password_login' | t }}" required>
{% endif %}
<div class="hide_show_password" style="display: block;">
<span class="show"><i class="zmdi zmdi-eye-off"></i></span>
</div>
</div>

<div class="forgot_password">
<i class="zmdi zmdi-email"></i>
{% if form.password_needed %}
<a href="#recover" id="RecoversPassword">
{{ 'customer.login.forgot_password' | t }}<strong>{{ 'customer.login.password' | t }}</strong>
</a>
{% endif %}
</div>

<div class="form_submit">
<input type="submit" class="btn" value="{{ 'customer.login.log_in' | t }}">
</div>
</div>
{% endform %}

<div id="RecoverPasswordFormIndex" class="hide">
<div class="title">
{{ 'customer.recover_password.title' | t }}
</div>

<div class="form-vertical">
{% form 'recover_customer_password' %}

{{ form.errors | default_errors }}

{% if form.posted_successfully? %}
<span class="hide reset-password-success"></span>
{% endif %}
<div class="form-group novform-email">
<input type="email" value="" name="email" id="RecoverEmail" class="input-full" placeholder="{{ 'customer.recover_password.email' | t }}" required>
</div>
<div class="d-flex groups-sub">
<input type="submit" class="btn" value="{{ 'customer.recover_password.submit' | t }}">
<button type="button" id="HideRecoverPasswordIndex" class="text-link">{{ 'customer.recover_password.cancel' | t }}</button>
</div>
{% endform %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

{% if settings.wishlist_enable %}
{% include 'nov-popup-wishlist' %}
{% endif %}

<div id="back-top">
<span>
<i class="fa fa-long-arrow-up"></i>
</span>
</div>
{% unless customer %}
<div id="AlertRequestLogin" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered justify-content-center" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="zmdi zmdi-hc-fw zmdi-close"></i></button>
</div>
<div class="modal-body text-center">
<p>You must be logged in to manage your wishlist.</p>
<a href="{{ shop.secure_url }}/account/login" class="btn btn-default">Login in here</a>
</div>
</div>
</div>
</div>
{% endunless %}

{% if settings.show_multiple_currencies == true %}
{% include 'nov-currency' %}
{% endif %}
<script>
jQuery(function() {
jQuery('.swatch :radio').change(function() {
var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index');
var optionValue = jQuery(this).val();
jQuery(this)
.closest('form')
.find('.single-option-selector')
.eq(optionIndex)
.val(optionValue)
.trigger('change');

jQuery(this).parents('.watch_availabel').find('span.variant_current').text(optionValue);
});

});
</script>
{{ 'nuranium.js' | asset_url | script_tag }}
</body>
</html>

niraj_patel
Shopify Partner
2378 514 512

I have pasted given code now you can replace code

<!doctype html>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js{% if settings.enable_rtl == true %} lang-rtl{% endif %}" lang="{{ shop.locale }}"{% if settings.enable_rtl == true %} dir="rtl"{% endif %}>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="theme-color" content="{{ settings.color_button }}">
<link rel="canonical" href="{{ canonical_url }}">

{% if settings.favicon != blank %}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{% endif %}

{% capture seo_title %}
{{ page_title }}
{% if current_tags %}
{%- assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags -}}
{% endif %}
{% if current_page != 1 %}
&ndash; {{ 'general.meta.page' | t: page: current_page }}
{% endif %}
{% unless page_title contains shop.name %}
&ndash; {{ shop.name }}
{% endunless %}
{% endcapture %}
<title>{{ seo_title }}</title>

{% if page_description %}
<meta name="description" content="{{ page_description | escape }}">
{% endif %}
{% include 'social-meta-tags' %}
{% include 'icon-fonts' %}
{% include 'nov-head-css' %}
{% include 'nov-head-js' %}
{{ content_for_header }}
</head>

<body class="template-{{ template | split: '.' | first }} home-1">
<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>
{% section 'nov-header' %}
<main class="main-content" id="MainContent">
<section class="page-container" id="PageContainer">
{{ content_for_layout }}
</section>
</main>
{% section 'nov-footer' %}

<div class="canvas-menu drawer-left">
<div class="canvas-header-box d-flex justify-content-between align-items-center">
<div class="title-box">{{ 'layout.mainmenu.title_box_mobile' | t }}</div>
<div class="close-box"><i class="zmdi zmdi-close"></i></div>
</div>
</div>
<div class="canvas-overlay"></div>

<div class="sidebar-overlay"></div>
{% include 'nov-formsearch' %}

{% include 'nov-stickymenu-mobile' %}

{% include 'nov-popup-newsletter' %}

<div id="CustomerAccountForm" class="form-vertical modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-6">
{% form 'create_customer' %}
<div class="title_block"><span>{{ 'customer.register.title' | t }}</span></div>
<div class="sub-title"><span>{{ 'customer.register.sub_title' | t }}</span></div>
{{ form.errors | default_errors }}

<div class="block-form-register">
<div class="form-group novform-firstname">
<input type="text" name="customer[first_name]" id="FirstName" {% if form.first_name %} value="{{ form.first_name }}"{% endif %} placeholder="{{ 'customer.register.first_name' | t }}" required>
</div>
<div class="form-group novform-lastname">
<input type="text" name="customer[last_name]" id="LastName" {% if form.last_name %} value="{{ form.last_name }}"{% endif %} placeholder="{{ 'customer.register.last_name' | t }}" required >
</div>
<div class="form-group novform-email">
<input type="email" name="customer[email]" id="email_rigester" class="{% if form.errors contains 'email' %} input--error{% endif %}" {% if form.email %} value="{{ form.email }}"{% endif %} placeholder="Email" required >
</div>
<div class="form-group novform-password">
<input type="password" name="customer[password]" id="CreatePassword" class="{% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.register.password' | t }}" required>
</div>
<div class="form-checkbox novform-newsletter">
<label id="form-checkbox" class="custom_checkbox d-inline-flex">
<span class="custom-checkbox">
<input type="checkbox" name="newsletter" value="1">
</span>
<span class="text">{{ 'customer.register.checkbox_newsletter' | t }}</span>
</label>
</div>
<div class="form_submit">
<input type="submit" value="{{ 'customer.register.submit_register' | t }}" class="btn">
</div>
</div>
{% endform %}
</div>
<div class="col-6">
{% form 'customer_login' %}
<div class="title-login">
<div class="title_block"><span class="text-bold">{{ 'customer.login.log_in' | t }}</span></div>
</div>
<div class="block-form-login">
<div class="title_form"><span>{{ 'customer.login.title_form' | t }}</span></div>
<div class="form-group novform-email">
<input type="email" name="customer[email]" id="Email_login" class="{% if form.errors contains 'email' %} input--error{% endif %}" placeholder="{{ 'customer.login.email_login' | t }}" required autofocus>
</div>

<div class="form-group novform-password">
{% if form.password_needed %}
<input type="password" value="" name="customer[password]" id="HeaderPassword" class="{% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.login.password_login' | t }}" required>
{% endif %}
<div class="hide_show_password" style="display: block;">
<span class="show"><i class="zmdi zmdi-eye-off"></i></span>
</div>
</div>

<div class="forgot_password">
<i class="zmdi zmdi-email"></i>
{% if form.password_needed %}
<a href="#recover" id="RecoversPassword">
{{ 'customer.login.forgot_password' | t }}<strong>{{ 'customer.login.password' | t }}</strong>
</a>
{% endif %}
</div>

<div class="form_submit">
<input type="submit" class="btn" value="{{ 'customer.login.log_in' | t }}">
</div>
</div>
{% endform %}

<div id="RecoverPasswordFormIndex" class="hide">
<div class="title">
{{ 'customer.recover_password.title' | t }}
</div>

<div class="form-vertical">
{% form 'recover_customer_password' %}

{{ form.errors | default_errors }}

{% if form.posted_successfully? %}
<span class="hide reset-password-success"></span>
{% endif %}
<div class="form-group novform-email">
<input type="email" value="" name="email" id="RecoverEmail" class="input-full" placeholder="{{ 'customer.recover_password.email' | t }}" required>
</div>
<div class="d-flex groups-sub">
<input type="submit" class="btn" value="{{ 'customer.recover_password.submit' | t }}">
<button type="button" id="HideRecoverPasswordIndex" class="text-link">{{ 'customer.recover_password.cancel' | t }}</button>
</div>
{% endform %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

{% if settings.wishlist_enable %}
{% include 'nov-popup-wishlist' %}
{% endif %}

<div id="back-top">
<span>
<i class="fa fa-long-arrow-up"></i>
</span>
</div>
{% unless customer %}
<div id="AlertRequestLogin" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered justify-content-center" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="zmdi zmdi-hc-fw zmdi-close"></i></button>
</div>
<div class="modal-body text-center">
<p>You must be logged in to manage your wishlist.</p>
<a href="{{ shop.secure_url }}/account/login" class="btn btn-default">Login in here</a>
</div>
</div>
</div>
</div>
{% endunless %}

{% if settings.show_multiple_currencies == true %}
{% include 'nov-currency' %}
{% endif %}
<script>
jQuery(function() {
jQuery('.swatch :radio').change(function() {
var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index');
var optionValue = jQuery(this).val();
jQuery(this)
.closest('form')
.find('.single-option-selector')
.eq(optionIndex)
.val(optionValue)
.trigger('change');

jQuery(this).parents('.watch_availabel').find('span.variant_current').text(optionValue);
});

});
</script>
{{ 'nuranium.js' | asset_url | script_tag }}
<style>
.cart__layout_right div#threshold_bar_popup {
display: none;
}
</style>
</body>
</html>

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Richard
Shopify Partner
4668 1069 1726

Hi @Fred10101 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>

  .cart__layout_right div#threshold_bar_popup {
display: none !important;
}
</style>

PageFlyRichard_0-1703638817815.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Fred10101
Tourist
8 0 0

 

Hi, thank you for your help,

The green bar has now gone in the cart exactly as I needed.

But on the cart drop down the green bar is still present. As attached.

Capture 2.JPG

 

 

Also would like assistance removing in cart "Free shipping for any orders
above $0.00"
As this was part of the green bar.

Screen shots attached

Kind Regards

 

 

53faf531-899b-4963-8797-63f3618bb420.jpg






Fred10101
Tourist
8 0 0

please help?

PageFly-Richard
Shopify Partner
4668 1069 1726

Hi @Fred10101 you can replace the code above with the code here as same instructions

<style>

  .cart__layout_right div#threshold_bar_popup,div#threshold_bar_popup_minicart {
display: none !important;
}

</style>

result 

PageFlyRichard_0-1703674398015.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Fred10101
Tourist
8 0 0

Hi Richard, the green bar issue has now been fixed thank you for that. 

But I still need to remove the following line from cart 

 

"Free shipping for any orders above $0.00"

 

This is when you are in the cart itself .

Capture 3.JPG

PageFly-Richard
Shopify Partner
4668 1069 1726

The preview link has expired, can you share a new one for me?

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Fred10101
Tourist
8 0 0

Hi Richard, the green bar issue has now been fixed thank you for that. 

But I still need to remove the following line from cart 

 

"Free shipping for any orders above $0.00"

 

This is when you are in the cart itself .

 

https://1pr81o9g3waln6ec-76090736926.shopifypreview.com

 

Fred10101_0-1704967044473.jpeg