Want Plus & Minus Option On Cart

Store Design
, , , , , , ,

Topic summary

A user requested adding plus (+) and minus (-) buttons to adjust product quantities on their cart page. They provided a screenshot showing the current cart interface lacking visible increment/decrement controls.

Solution Provided:

  • The theme already includes arrow buttons for quantity adjustment by default
  • These buttons become hidden on smaller screen sizes
  • A CSS fix was shared to make them visible across all screen sizes

Implementation Steps:

  1. Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  2. Add the provided CSS code to override the hidden state:
    .quantity__buttons.hidden {
    display: block !important;
    right: -10px !important;
}

The solution successfully restores visibility of the quantity adjustment buttons without requiring custom development or theme modifications.

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

want an option to minus and add the same product like + & - sign
URL: https://doctorceutical.com/

WhatsApp Image 2025-03-04 at 18.54.28_b661fc2a.jpg
WhatsApp Image 2025-03-04 at 18.54.28_b661fc2a.jpg739×1600 73.4 KB

2

Hi @Emiway1

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

3

Hi @Emiway1

The theme already has two arrow buttons by default.

When the screen size gets smaller, these arrows are hidden.

I used CSS to make them visible again:

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.quantity__buttons.hidden {
    display: block !important;
    right: -10px !important;
}

Here is the result:

image_480.png
image_480.png251×480 41.8 KB

I hope this helps

Best,

Daisy