How can I remove the product quantity selector from all items?

Shopify Discussion

Topic summary

Goal: remove the quantity selector across all products (single-item sales) and also hide it in the cart.

Key guidance and steps:

  • First checks: On Online Store 2.0 themes, verify if the main product section has a Quantity block/setting you can disable.
  • Product page: Custom code was added in theme.liquid. Placing it before worked but caused a brief flash where the quantity input appears then disappears. Moving the CSS into the (theme.liquid, above ) prevents this flicker.
  • Cart page: Additional CSS was suggested (theme-specific selector like .pagecart .detach-quantity-desctope { display: none !important; }). Add it in Online store > Themes > Edit code > Assets > theme.css (or theme.css.liquid) at the bottom. Alternatively, some guidance suggested adding CSS in theme.liquid after .
  • Note: Selectors may be theme-dependent; exact snippets/images were shared, but some code blocks in the thread are not fully visible here.

Outcomes:

  • User confirmed the quantity selector removal works on product and cart pages after adjusting code placement.
  • Secondary issue: footer spacing/misalignment fixed with custom CSS; code placed in theme.liquid; marked as solved.

Status: Primary issue resolved; ongoing minor follow-ups and a separate thread opened for another topic.

Summarized with AI on January 1. AI used: gpt-5.
8

Hi @harrygoat1218

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly