How do I hide Round-Up increments and the quantity box at Cart level?

Created by Shop for Good Support, Modified on Mon, 14 Feb, 2022 at 11:28 AM by Shop for Good Support

You will need a developer to make these changes.

Notes:

If you've already hidden the Donation Tiers custom donation units in cart, your Round-up donation 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, insert the following snippet to adjust the number of items in the cart.

{% 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 %}

2.2 Then 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.

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

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

NOTE: If you have Shopify 2.0, the file will be main-cart-items.liquid and you will need to update the file cart-icon-bubble.liquid

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