Add "and More" to the Quantity Breaks Grid

  1. Bold Commerce Help Center
  2. Quantity Breaks (Standalone) - Shopify
  3. Tutorials
Avatar
Brysen
Published: 
Last Updated: 

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

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

    select online store

  2. Select Actions.

    Actions

  3. Select Edit code.

    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.

    select save

That's it!

Next Steps:

Blog Posts:

Was this article helpful?
0 out of 1 found this helpful