Top

Add "and More" to the Quantity Breaks Grid

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

  1. From "Shopify Admin", select Online Store.

    select online store 

  2. Select Actions.

    select actions 

  3. Select Edit HTML / CSS.

    select edit html / css 

  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!

Have more questions? Submit a request