Dawn 8.0 | Cart page | Removing quantity selector

Store Design
, ,

Topic summary

A user seeks to hide or remove the quantity selector on the cart page in Dawn theme 8.0. Multiple solutions are provided:

Initial Solutions (All Products):

  • Add CSS code to base.css file to hide the quantity selector globally
  • Suggested code snippets target elements like quantity-input or quantity-popover with display:none
  • One response incorrectly references product-template.liquid, which isn’t relevant for Dawn 8.0

Key Development:
The original poster clarifies they need this feature only for specific products, not all items.

Product-Specific Solution:

  • A video tutorial is shared demonstrating how to hide quantity selectors for selected products only
  • One responder offers to provide a list-based approach for disabling the selector on specific items

Status: The discussion remains open with the focus shifted to implementing conditional visibility based on product selection rather than a site-wide change.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

Hi Shopify community!

Can you suggest a way to “hide/remove” the quantity selector? I am using dawn theme 8.0

parallelism23_0-1684420760129.png
parallelism23_0-1684420760129.png952×524 18.1 KB

Thanks in advance!

2

@parallelism23 - can you share your site link? it will need css

3
  1. In the code editor, locate the product-template.liquid file.
  2. Open the product-template.liquid file and search for the line of code that generates the quantity selector. It is typically something like and remove:

​
4

Hi [email removed]Parallelism23,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

#shopify-section-template--18571918049572__cart-items cart-items quantity-input{display:none}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

1 Like
5

Hi thanks for your help!

However we realize that this should ONLY be applicable to certain products. Will this be feasible?

6

You can give the list of product is disabled Quantity Selector

7

Hi @parallelism23 ,

Please refer the video below how you can hide quantity selection for specific products.

Hope this will helps…

8

Hi @parallelism23

From your Shopify Admin, navigate to Online Store > Themes > Edit Code
In the Assets folder, open base.css and add your CSS code at the end

quantity-popover {
    display: none;
}

image
image1221×242 25.2 KB

Note: If you’d like my help with your store customization, feel free to contact me at devcodersp@gmail.com

Please like and accept my solution. :white_check_mark: