Make a selection

Add "ea" (or Other Text) After Each Price in the Quantity Breaks Grid

Laurel
Laurel
  • Updated

In Quantity Breaks, you can display more text, such as ea, after each price in the grid. Please follow the steps below to see how to set this up.

 Alert

The Quantity Breaks (standalone) app is no longer available for new installations. If you are currently using Quantity Breaks, you will be able to continue using the app on a grandfathered plan.

New requests for Quantity Breaks will be directed to Custom Pricing which has a Quantity Breaks plan available. For more information, please visit Custom Pricing Overview.

If you'd like move from Quantity Breaks (standalone) to Custom Pricing, please visit Switch from Quantity Breaks to Custom Pricing.

 


 

Setup

  1. From Shopify's admin, select Online Store.
  2. Select Actions.

    Actions

  3. Select Edit code.
  4. Under Templates, select product.liquid.

    Note: If your theme contains sections, you may have to make these changes in a different file, like product-template.liquid under "Sections".

    select product.liquid

  5. Add this code to the bottom of the file:

    Note: If you wanted to add something instead of "ea", replace "ea" with the text that you want to use.

    <script> 
    window.done = false;
    $(document).ready(function(){$('#shappify-qty-msg').on('DOMNodeInserted', function(e) {
    if (window.done == false ) { 
    window.done = true;
    
    $( ".shappify_qb_grid tr td:nth-of-type(2)" ).each(function() {
     $(this).html($(this).html() + " ea");
    });
    
    }
    });
    });
    </script>

    copy and paste the code

  6. Select Save.