To have the last row show "and more", please follow these steps:
- From Shopify's admin, select Online Store.
- Select Actions.
- Select Edit code.
- 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".
- 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>
- 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