Add "and More" to the Quantity Breaks Grid

• Quantity Breaks
• All Versions
• Basic liquid knowledge required
• 10 Minutes

To have the last row show "and more", follow these steps:

1. From Shopify's admin, select Online Store.

   

2. Select 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".

   

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>

   

6. Select Save.

   

That's it!

Next Steps:

• Set up a Quantity Breaks Group
• Add the Quantity Box to the Product Page
• Customize the Quantity Breaks Grid

Blog Posts:

• Black Friday University Week 3: Buy More, Save More
• 8 Killer Shopify Sales Your Store Can Run for Black Friday & Cyber Monday
• The 3 best sales to run on your Shopify store this Black Friday