Add "and More" to the Quantity Breaks Grid

In Quantity Breaks, you can have the last row display the words and more. 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 (standalone), you will be able to continue using the app on a grandfathered plan.

Any new installs of the Quantity Break app will be redirected to Custom Pricing which has a Quantity Breaks plan available. For more information on Custom Pricing, please visit Custom Pricing: Information and Overview.

 


 

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:
    <script> 
    window.done = false;
    $(document).ready(function(){$('#shappify-qty-msg').on('DOMNodeInserted', function(e) {
    if (window.done == false ) {
    window.done = true;
    var last_row = $(".shappify_qb_grid:visible tbody").children(":last-child").children(":first-child").html();
    last_row += " or more"; $(".shappify_qb_grid:visible tbody").children(":last-child").children(":first-child").html(last_row);
    }
    });
    });
    </script>

    paste the code

  6. Select Save.
Was this article helpful?
0 out of 1 found this helpful