Add "ea" (or Other Text) after each Price in the Quantity Breaks Grid

Michael

August 16, 2016 22:36

Quantity Breaks
All Versions
Basic liquid knowledge required
10 Minutes

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:

Note: If you wanted to add something instead of "ea", replace "ea" with the text that you want to use.

<script> 
window.done = false;
$(document).ready(function(){$('#shappify-qty-msg').on('DOMNodeInserted', function(e) {
if (window.done == false ) { 
window.done = true;

$( ".shappify_qb_grid tr td:nth-of-type(2)" ).each(function() {
 $(this).html($(this).html() + " ea");
});

}
});
});
</script>

copy and paste the code

Select Save.

That's it!

Next Steps:

Blog Posts:

Add "ea" (or Other Text) after each Price in the Quantity Breaks Grid

Next Steps:

Blog Posts:

Comments

Articles in this section