How do I hide Donation Tiers units and the quantity box at Cart level?

Created by Shop for Good Support, Modified on Wed, 06 Jan 2021 at 04:11 PM by Shop for Good Support

When using the Donation Tiers campaign, if a customer enters a custom donation amount, it will appear with one-cent increments in cart like so:

If you want to remove the units, you will need a developer to make these changes.

Notes:

If you've already hidden the Round-up donation units in cart, your Donation Tiers units will automatically be hidden in cart as well.
We can customize the front-end, i.e., how it looks in cart or at checkout (only for Shopify Plus users). However, we are unable to make any customizations in the back-end, such as in your Orders section in your store.

1. Open your theme editor and look for the header.liquid file:

2. Search for a code block similar to

<span>{{ cart.item_count }}</span>

You might find more than one instance of this code and it might be within conditional (if/else) statements, for example:

{% if cart.item_count > 9 %}
                 <span class="count–double">{{ cart.item_count }}</span>
               {% else %}
                 <span>{{ cart.item_count }}</span>
              {% endif %}

2.1 Once you find that code, replace cart.item_count with cart_count. Usually, you’ll only want to do this in output, not in conditions. But if you find it affects your store’s styling, also change it there as well.

{% assign cart_count = 0 %}
{% for item in cart.items %}
{% if item.vendor == ‘DailyKarma’ %}
               {% assign cart_count = cart_count | plus: 1 %}                
{% else %}
               {% assign cart_count = cart_count | plus: item.quantity %}
{% endif %}
{% endfor %}

3. Next, look for cart.liquid. Usually, it will just include cart-template.liquid. If this is the case, open it.

3.1 Check for cart.item_count output (optional, may or may not be there), replace as before. Pay attention if cart page includes header.liquid. If it is, cart_count variable already exists.

For example, let’s say in a code file we want to replace item price with total price as we hide the count. In that case, we would look for this code snippet:

<span class="saso-cart-item-price" data-key="{{item.key}}">{{ item.price | money }}</span>

and replace it with:

{% if item.vendor == ‘DailyKarma’ %}
<span class="saso-cart-item-price" data-key="{{item.key}}">{{ item.final_line_price | money }}</span>
{% else %}
<span class="saso-cart-item-price" data-key="{{item.key}}">{{ item.price | money }}</span>
{%endif%}

And to hide the quantity box, you'll want to find a code snippet like this one:

<div class="cart__qty">
  <label for="updates_{{ item.key }}" class="cart__qty-label">{{ ‘cart.label.quantity’ | t }}</label>
  <input class="cart__qty-input" type="number" name="updates[]" id="updates_{{ item.key }}" value="{{
item.quantity }}" min="0" pattern="[0-9]*">
</div>

and replace it with:

<div class="cart__qty">
{% if item.vendor != ‘DailyKarma’ %}
  <label for="updates_{{ item.key }}" class="cart__qty-label">{{ ‘cart.label.quantity’ | t }}</label>
  <input class="cart__qty-input" type="number" name="updates[]" id="updates_{{ item.key }}" value="{{
item.quantity }}" min="0" pattern="[0-9]*">
{% endif %}
</div>

For example:

3.2 Hit SAVE and then CONNECT Round-Up. Then, view your cart with round-up and you’ll see the Round-Up quantity box is gone.

4. To hide the Round-Up price increments, find a code snippet like this one:

<div data-cart-item-price>
<div {data-cart-item-regular-price-group>
<dt><span class="visually-hidden">{{ ‘products.product.regular_price’ | t }}</span></dt>
</div>
</div>

and replace it with:

<div data-cart-item-price>
{% if item.product.type != ’roundup-donation’ %}
<div {data-cart-item-regular-price-group>
<dt><span class="visually-hidden">{{ ‘products.product.regular_price’ | t }}</span></dt>
</div>
{% endif %}
</div>

For example:

Here is what the cart looks like with Round-Up enabled and both the price increments and the quantity box gone:

Hit SAVE and then CONNECT to go live.

If you don’t see your round-up widget appear, contact support@dailykarma.com and we will assist you within 72 hours