Add Text Above the Quantity Break Grid

By default, the quantity break grid displays without any additional text above it. This article shows you how to customize your theme code to add text above your quantity break grid. 

Note: This customization can only be applied if you are using Custom Pricing Variant Dependant Method (Version 1) or Draft Order Method (Version 2). If you are not sure which version you are using, please visit Discount Methods and How to Switch.

Setup

Note: These are general instructions that are applicable to the most commonly-used themes. Changes should be made to a backup copy of your theme to ensure the customization is working before going live.

To add text above your quantity break grid, please follow these steps:

1. From your Shopify admin, navigate to Online Store > Themes.
2. Click on the ellipsis (...) next to the theme you want to customize.
3. Under Templates, open product.liquid.

   Note: You need to select the theme file that contains your quantity breaks grid code. This may be located under Sections within the product-template.liquid file.

4. Find the following line of code:

   <div class = "bold_qb_grid" data-variant-id = "{{ product.selected_or_first_available_variant.id }}"></div>

   

5. Paste the following line of code above the grid:

   Note: You need to change the YOUR TEXT HERE section to the message you want to display to your customers. You can also change the style of the text using HTML and CSS.

   {% if product_has_qb %} <p style="text-align:center"><strong>YOUR TEXT HERE</strong></p> {% endif %}

   

6. Click Save.