Make a selection

Remove the First Row of the Quantity Breaks Grid

Laurel
Laurel
  • Updated

With some slight tweaks to your theme's code, you can remove the first row of the Quantity Breaks grid. To do this, please follow the steps below.

Alert

  • The Quantity Breaks (standalone) app is no longer available for new installations. If you are currently using Quantity Breaks, you will be able to continue using the app on a grandfathered plan.
  • New requests for Quantity Breaks will be directed to Custom Pricing. Custom Pricing's Select plans can be used to create quantity breaks. For more information on pricing, please visit Custom Pricing Overview.
  • If you'd like move from Quantity Breaks (standalone) to Custom Pricing, please visit Switch from Quantity Breaks to Custom Pricing.

 

 

Setup

  1. From Shopify's admin, select Apps.
  2. Select Quantity Breaks.
  3. Select Display Settings.
  4. Select Yes for the "Override Standard Styling" option.

    select yes

  5. Under "Additional CSS", enter this code: 
    .shappify_qb_grid tbody tr:first-of-type {
  display:none !important; 
 }
  
  or try 
  
 .shappify_qb_grid tbody tr:nth-child(1) {
  display: none;
 }

     enter this code

    Note: If this doesn't work for you, try adding this code to the theme's main CSS file. This file is found in the path: Online Store -> Actions -> Edit code under Assets and will be titled something like theme.scss.liquid.

  6. Select Save.