Cannot find a solution. Narrative theme; Cant remove "shipping & taxes calculated"

Highlighted
Tourist
13 0 1

Hey guys!

I've found similar posts on here but nothing that has resolved my issue. Probably a user error issue. In the "narrative" theme when the order summary window pops up, i can't find a way to remove "shipping and taxes calculated at checkout" under subtotal. I was able to edit some of the languages but have not found anything specific to this section. I appreciate the help.

 

www.austincityleather.com

0 Likes
Highlighted
Shopify Partner
242 59 122

Hey @austinleather,

 

To remove "shipping and taxes calculated at checkout" under subtotal, you need to edit two theme files:

  1. cart-template.liquid under the Sections directory
  2. cart-drawer.liquid under the Snippets directory

 

For cart-template.liquid replace this code:

<p class="cart-policies text-small rte">{{ taxes_shipping_checkout }}</p>

With this code:

<!--<p class="cart-policies text-small rte">{{ taxes_shipping_checkout }}</p>-->

 

For cart-drawer.liquid replace this code:

<p class="cart-drawer__disclaimer rte">{{ taxes_shipping_checkout }}</p>

With this code:

<!--<p class="cart-drawer__disclaimer rte">{{ taxes_shipping_checkout }}</p>-->

 

Let me know if this answers your question or if you need further help!

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Highlighted
Tourist
13 0 1

Thanks. I was able to find and replace the code in the snippet section but I cannot locate the code with the word "policies" in it within cart-template.liquid. I did find similar text but didn't want to mess it up. 

{%- capture taxes_shipping_checkout -%}
            {%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
              {{ 'cart.general.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
            {%- elsif shop.taxes_included -%}
              {{ 'cart.general.taxes_included_but_shipping_at_checkout' | t }}
            {%- elsif shop.shipping_policy.body != blank -%}
              {{ 'cart.general.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
            {%- else -%}
              {{ 'cart.general.taxes_and_shipping_at_checkout' | t }}
            {%- endif -%}
          {%- endcapture -%}

 <p class="text-small rte">{{ taxes_shipping_checkout }}</p> 

This is what i see in my section> cart-template.liquid code. 

0 Likes
Highlighted
Shopify Partner
242 59 122

That is VERY smart to ask first! You should be okay, but let's backup your theme just in case.

 

Before you customize your theme:

  • Duplicate your theme to create a backup copy. This makes it easy to discard your changes and start again if you need to.

 

Now you are safe to replace the code in cart-template.liquid even though it doesn't have "policies" in it.

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Highlighted
Tourist
13 0 1

It's duplicated now. 

 

0 Likes
Highlighted
Shopify Partner
242 59 122

@austinleather Good. Did that do the trick? If so, please click Accept as Solution.

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Highlighted
Tourist
13 0 1

unfortunately no. under section i edited code to 

<!--<p class="text-small rte">{{ taxes_shipping_checkout }}</p>-->

under snippet i edited to

<!--<p class="cart-drawer__disclaimer rte">{ taxes_shipping_checkout }</p>-->

 but it's still showing the text below subtotal. The part I'm unsure about is in section. 

 

0 Likes
Highlighted
Shopify Partner
242 59 122

@austinleather If you will, copy/paste both files here and I'll take a look.

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Highlighted
Tourist
13 0 1

section:

<div class="cart page-width{% if cart.items.size == 0%} cart--empty{% endif %}" data-section-id="{{ section.id }}" data-section-type="cart-template" data-cart-token="{{ cart.id }}">


  <div class="section-header section-header--small text-center">
    <h1 class="section-header__title h2">{{ 'cart.general.title' | t }}</h1>
  </div>

  {% comment %}
  Cart no cookies state
  {% endcomment %}
  <div class="cart__no-cookies">
    <div class="cart-message text-center">
      <p>{{ 'cart.general.cookies_required' | t }}</p>
    </div>
  </div>

  {% comment %}
  Cart Empty State
  {% endcomment %}
  <div class="cart__empty">
    <div class="cart-message text-center">
      <p>{{ 'cart.general.empty' | t }}</p>
      <p>{{ 'cart.general.continue_browsing_html' | t: classes: 'btn btn--primary' }}</p>
    </div>
  </div>

  <form action="/cart" method="post" novalidate class="cart__form">
    <table class="cart__table">
      <thead class="cart__table-header border-bottom">
        <th class="text-left" colspan="2">{{ 'cart.label.product' | t }}</th>
        <th class="text-center">{{ 'cart.label.price' | t }}</th>
        <th class="text-center">{{ 'cart.label.quantity' | t }}</th>
        <th class="text-right">{{ 'cart.label.total' | t }}</th>
      </thead>

      <tbody data-cart-item-list>

        {% comment %}
        If the cart has no items, then include a item element with a template class
        so that it is hidden but still available for use client-side by ajax-cart.js
        {% endcomment %}

        {%- assign cartItems = 'template ' | split: ' ' -%}
        {% if cart.items.size > 0 %}
          {%- assign cartItems = cart.items -%}
        {% endif %}

        {% for item in cartItems %}
          <tr class="cart-item{% if item == 'template' %} ajax-cart__template{% endif %}" data-cart-item data-cart-item-id="{{ item.key }}">
            <td class="cart-item__image-wrapper">
              {% assign itemImage = true %}
              {% if item.image == blank and item.product.featured_image == blank %}
                {% assign itemImage = false %}
              {% endif %}
              <a class="cart-item__image-link" href="{{ item.url | within: collections.all }}" style="background-image: {% if itemImage %}url('{{ item | img_url: 'medium' }}'){% else %}none{% endif %};" data-cart-item-background-image data-cart-item-href>
                <img class="cart-item__image lazyload {% unless itemImage %}hide{% endunless %}" src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}" data-cart-item-image>
              </a>
            </td>

            <td class="cart-item__meta small--text-left">
              <a class="cart-item__meta-title h4" href="{{ item.url }}" data-cart-item-href data-cart-item-title>{{ item.product.title }}</a>
              <p class="cart-item__meta-variant" data-cart-item-variant-title>
                {% unless item.product.has_only_default_variant %}
                  {% unless item.variant.title == 'Default Title' %}
                    {{ item.variant.title }}
                  {% endunless %}
                {% endunless %}
              </p>

              {% comment %}
              Optional, loop through custom product line items if available

              Line item properties come in as having two parts. The first part will be passed with the default form,
              but p.last is the actual custom property and may be blank. If it is, don't show it.

              For more info on line item properties, visit:
              - https://help.shopify.com/themes/customization/products/features/get-customization-information-for-products

              If the item has no properties, then include a property element with a template class
              so that it is hidden but still available for use client-side by ajax-cart.js
              {% endcomment %}

              {%- assign itemProperties = 'template ' | split: ' ' -%}
              {%- assign property_size = item.properties | size -%}

              {% if property_size > 0 %}
                {%- assign itemProperties = item.properties -%}
              {% endif %}

              <ul class="cart-item__properties" data-cart-item-property-list>
                {% for p in itemProperties %}
                  {% assign first_character_in_key = p.first | truncate: 1, '' %}
                  {% unless p.last == blank or first_character_in_key == '_' %}
                    <li class="cart-item__property{% if p == 'template' %} ajax-cart__template{% endif %}{% if p.last == blank %} visually-hidden{% endif %}" data-cart-item-property>
                      {{ p.first }}:

                      {% comment %}
                      Check if there was an uploaded file associated
                      {% endcomment %}
                      {% if p.last contains '/uploads/' %}
                        <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                      {% else %}
                        {{ p.last }}
                      {% endif %}
                    </li>
                  {% endunless %}
                {% endfor %}
              </ul>

              <p class="cart-item__price-container medium-up--hide">
                <span class="cart-item__price" data-cart-item-price>{{ item.price | money }}</span>
                <s class="cart-item__original-price" data-cart-item-original-price>{% if item.price != item.original_price %}{{ item.original_price | money }}{% endif %}</s>
              </p>

              <div class="cart-item__discount-container" data-cart-item-discount-list>
                {% comment %}
                If the item has no properties, then include a property element with a template class
                so that it is hidden but still available for use client-side by ajax-cart.js
                {% endcomment %}

                {%- assign itemDiscounts = 'template ' | split: ' ' -%}
                {% if item.discounts.size > 0 %}
                  {%- assign itemDiscounts = item.discounts -%}
                {% endif %}

                {% for discount in itemDiscounts %}
                  <p class="cart-item__discount text-small{% if discount == 'template' %} ajax-cart__template{% endif %}" data-cart-item-discount>{{ discount.title }}</p>
                {% endfor %}
              </div>

              <p class="small--hide">
                <a href="/cart/change?line={{ forloop.index }}&amp;quantity=0" class="btn btn--small btn--clear btn--primary-color cart-item__remove" data-cart-item-delete>{{ 'cart.general.remove' | t }}</a>
              </p>

              <p class="cart-item__message" data-item-message></p>
            </td>

            <td class="cart-item__price-wrapper small--hide">
              <p>
                <span class="cart-item__price" data-cart-item-price>{{ item.price | money }}</span>
                <s class="cart-item__original-price" data-cart-item-original-price>{% if item.price != item.original_price %}{{ item.original_price | money }}{% endif %}</s>
              </p>
            </td>

            <td class="cart-item__update-wrapper text-right">

              <div class="cart-item__qty">
                <label for="quantity_{{ item.key }}" class="cart-item__qty-label" data-cart-item-label-quantity>{{ 'cart.label.quantity' | t }}</label>
                <input id="quantity_{{ item.key }}" class="cart-item__qty-input" value="{{ item.quantity }}" type="number" pattern="\d*" min="1" name="updates[{{ item.key }}]" required data-cart-item-input-quantity>
              </div>

              <a href="/cart/change?line={{ forloop.index }}&amp;quantity=0" class="btn-link cart-item__remove medium-up--hide" data-cart-item-delete>{{ 'cart.general.remove' | t }}</a>
            </td>

            <td class="text-right small--hide">
                <span class="cart-item__price" data-cart-item-line-price>{{ item.line_price | money }}</span>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>

    <footer class="cart-footer">
      <div class="grid">
        {% if section.settings.cart_notes_enable %}
          <div class="grid__item medium-up--one-half cart-note">
            <label for="CartSpecialInstructions" class="cart-footer__note-label small--text-center">{{ 'cart.general.note' | t }}</label>
            <textarea name="note" id="CartSpecialInstructions" class="cart-footer__note-input" rows="4" data-cart-note>{{ cart.note }}</textarea>
          </div>
        {% endif %}

        <div class="grid__item text-right small--text-center{% if section.settings.cart_notes_enable %} medium-up--one-half{% endif %}">
          <p>
            <span class="cart__subtotal-title h4">{{ 'cart.general.subtotal' | t }}</span>
            <span class="cart-footer__subtotal" data-cart-subtotal>{{ cart.total_price | money }}</span>
          </p>

          {%- capture taxes_shipping_checkout -%}
            {%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
              {{ 'cart.general.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
            {%- elsif shop.taxes_included -%}
              {{ 'cart.general.taxes_included_but_shipping_at_checkout' | t }}
            {%- elsif shop.shipping_policy.body != blank -%}
              {{ 'cart.general.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
            {%- else -%}
              {{ 'cart.general.taxes_and_shipping_at_checkout' | t }}
            {%- endif -%}
          {%- endcapture -%}

 <!--<p class="text-small rte">{{ taxes_shipping_checkout }}</p>-->         
          <div class="btn-group">
            <input type="submit" name="update" class="btn btn--secondary supports-no-js supports-js--hide" value="{{ 'cart.general.update' | t }}">
            <button type="submit" name="checkout" class="btn btn--loader" data-cart-submit>
              {{ 'cart.general.checkout' | t }}
              <span class="btn--loader-balls"></span>
            </button>
          </div>
          <div class="cart-footer__message-container">
            <div class="cart-footer__message" data-cart-message></div>
          </div>
        </div>
      </div>
    </footer>
  </form>
</div>

{% schema %}
{
  "name": {
    "de": "Warenkorb-Seite",
    "en": "Cart page",
    "es": "Página de carrito",
    "fr": "Page du panier",
    "it": "Pagina del carrello",
    "ja": "カートページ",
    "pt-BR": "Página do carrinho"
  },
  "settings": [
    {
      "type": "checkbox",
      "id": "cart_notes_enable",
      "label": {
        "de": "Warenkorb-Notifikationen erlauben",
        "en": "Enable cart notes",
        "es": "Habilitar notas de carrito",
        "fr": "Activer les notes de panier",
        "it": "Abilita note carrello",
        "ja": "カートメモを有効にする",
        "pt-BR": "Ativar observações sobre o carrinho"
      },
      "default": true
    }
  ]
}
{% endschema %}
 

lol I hope this is what you meant. I really appreciate all the help!

0 Likes
Highlighted
Tourist
13 0 1

snippet:

{% if settings.show_cart_drawer and template.name != 'cart' %}
<div class="drawer-cover"></div>
<div class="drawer critical-hide" tabindex="-1" data-section-id="cart-drawer" data-section-type="cart-drawer" data-cart-token="{{ cart.id }}" data-drawer-push aria-hidden="true">

  <form action="/cart" method="post" novalidate class="cart-drawer{% if cart.items.size == 0 %} cart-drawer--empty{% endif %}">

    <div class="cart-drawer__header">
      <div class="cart-drawer__header-container">
        <button type="button" class="cart-drawer__close-button btn btn--clear btn--square">
          {% include 'icon-close' %}
          <span class="icon__fallback-text">{{ 'cart.general.close_cart' | t }}</span>
        </button>
        <p class="cart-drawer__header-title text-title text-center">{{ 'cart.general.title' | t }}</p>
      </div>
    </div>

    <div class="cart-drawer__content">
      <div class="cart-drawer__content-container">

        {% comment %}
        Cart empty state
        {% endcomment %}
        <div class="cart-drawer__empty-text">
          <p class="text-center">{{ 'cart.general.empty' | t }}</p>
        </div>

        {% comment %}
        Cart no cookies state
        {% endcomment %}
        <div class="cart-drawer__no-cookies">
          <p class="text-center">{{ 'cart.general.cookies_required' | t }}</p>
        </div>

        <div class="cart-drawer__item-list" data-cart-item-list>
          {% comment %}
          If the cart has no items, then include a item element with a template class
          so that it is hidden but still available for use client-side by ajax-cart.js
          {% endcomment %}

          {%- assign cartItems = 'template ' | split: ' ' -%}
          {% if cart.items.size > 0 %}
            {%- assign cartItems = cart.items -%}
          {% endif %}

          {% for item in cartItems %}
            <div class="cart-drawer__item{% if item == 'template' %} ajax-cart__template{% endif %}" data-cart-item data-cart-item-id="{{ item.key }}" aria-live="polite">

              {% assign itemImage = true %}
              {% if item.image == blank and item.product.featured_image == blank %}
                {% assign itemImage = false %}
              {% endif %}
              <a href="{{ item.url }}" class="cart-drawer__item-image" style="background-image: {% if itemImage %}url('{{ item | img_url: 'medium' }}'){% else %}none{% endif %};" data-cart-item-background-image data-cart-item-href></a>

              <div class="cart-drawer__item-content">
                <a href="{{ item.url }}" class="h4 cart-drawer__item-title" data-cart-item-href data-cart-item-title>{{ item.product.title }}</a>
                <p class="cart-drawer__item-subtitle" data-cart-item-variant-title>
                  {% unless item.product.has_only_default_variant %}
                    {{ item.variant.title }}
                  {% endunless %}
                </p>

                <ul class="cart-drawer__item-properties" data-cart-item-property-list>
                  {% comment %}
                  If the item has no properties, then include a property element with a template class
                  so that it is hidden but still available for use client-side by ajax-cart.js
                  {% endcomment %}

                  {%- assign itemProperties = 'template ' | split: ' ' -%}
                  {%- assign property_size = item.properties | size -%}

                  {% if property_size > 0 %}
                    {%- assign itemProperties = item.properties -%}
                  {% endif %}

                  {% for p in itemProperties %}
                    {% assign first_character_in_key = p.first | truncate: 1, '' %}
                    {% unless p.last == blank or first_character_in_key == '_' %}
                      <li class="cart-drawer__item-property{% if p == 'template' %} ajax-cart__template{% endif %}{% if p.last == blank %} visually-hidden{% endif %}" data-cart-item-property>
                        {{ p.first }}:

                        {% comment %}
                        Check if there was an uploaded file associated
                        {% endcomment %}
                        {% if p.last contains '/uploads/' %}
                          <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                        {% else %}
                          {{ p.last }}
                        {% endif %}
                      </li>
                    {% endunless %}
                  {% endfor %}
                </ul>

                <p class="cart-drawer__item-price-container">
                  <span class="cart-drawer__item-price" data-cart-item-price>{{ item.price | money }}</span>
                  <s data-cart-item-original-price>{% if item.price != item.original_price %}{{ item.original_price | money }}{% endif %}</s>
                </p>

                <div class="cart-drawer__item-discount-container" data-cart-item-discount-list>
                  {% comment %}
                  If the item has no properties, then include a property element with a template class
                  so that it is hidden but still available for use client-side by ajax-cart.js
                  {% endcomment %}

                  {%- assign itemDiscounts = 'template ' | split: ' ' -%}
                  {% if item.discounts.size > 0 %}
                    {%- assign itemDiscounts = item.discounts -%}
                  {% endif %}

                  {% for discount in itemDiscounts %}
                    <p class="cart-drawer__item-discount text-small{% if discount == 'template' %} ajax-cart__template{% endif %}" data-cart-item-discount>{{ discount.title }}</p>
                  {% endfor %}
                </div>

                <label for="quantity_{{ item.key }}" class="label--hidden" data-cart-item-label-quantity>{{ 'cart.general.item_quantity' | t }}</label>
                <input id="quantity_{{ item.key }}" class="cart-drawer__item-quantity" value="{{ item.quantity }}" type="number" pattern="\d*" min="1" aria-label="{{ 'cart.general.item_quantity' | t }}" data-cart-item-input-quantity>

                <button class="cart-drawer__item-delete btn-link" type="button" data-cart-item-delete>{{ 'cart.general.remove' | t }}</button>
              </div>
              <p class="cart-item__message text-center" aria-hidden="true" data-item-message></p>
            </div>
          {% endfor %}

          {% if settings.show_cart_note %}
            <div class="cart-drawer__item cart-drawer__note-container" data-cart-note-container>
              <label for="CartSpecialInstructions">{{ 'cart.general.note' | t }}</label>
              <textarea name="note" class="cart-drawer__note" data-cart-note>{{ cart.note }}</textarea>
            </div>
          {% endif %}
        </div>
      </div>
    </div>


    <div class="cart-drawer__footer">
      <div class="cart-drawer__footer-container">
        <div class="cart-drawer__message-container">
          <div class="cart-drawer__message" data-cart-message></div>
        </div>

        <div class="cart-drawer__subtotal" aria-live="polite">
          <div class="cart-drawer__subtotal-label">
            <span class="h4">{{ 'cart.general.subtotal' | t }}</span>
          </div>
          <div class="cart-drawer__subtotal-price">
            <span class="cart-drawer__subtotal-number" data-cart-subtotal>{{ cart.total_price | money }}</span>
          </div>
        </div>

        <div class="cart-drawer__discount-container{% if cart.total_discount != 0 %} ajax-cart__discount-container--active{% endif %}" data-cart-total-discount-container>
          <p class="cart-drawer__discount">
            <span>{{ 'cart.general.savings' | t }}</span>
            <span data-cart-total-discount>{{ cart.total_discount | money }}</span>
          </p>
        </div>

        {%- capture taxes_shipping_checkout -%}
          {%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
            {{ 'cart.general.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
          {%- elsif shop.taxes_included -%}
            {{ 'cart.general.taxes_included_but_shipping_at_checkout' | t }}
          {%- elsif shop.shipping_policy.body != blank -%}
            {{ 'cart.general.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
          {%- else -%}
            {{ 'cart.general.taxes_and_shipping_at_checkout' | t }}
          {%- endif -%}
        {%- endcapture -%}

        <!--<p class="cart-drawer__disclaimer rte">{{ taxes_shipping_checkout }}</p>-->

        <button type="submit" class="btn btn--loader cart-drawer__checkout" name="checkout" data-cart-submit{% if cart.items.size == 0 %} disabled{% endif %}>
          {{ 'cart.general.checkout' | t }}
          <span class="btn--loader-balls"></span>
        </button>
      </div>
    </div>

  </form>
</div>
{% endif %}
0 Likes