Remove Quantity from Product Page & Shopping Cart for given Product

  • Resolved rossjon

    (@rossjon)


    3 months ago

    Hello – I want to remove or disable the “Quantity” drop-down (select) for a specific product (ID: 90, Slug: donation) in the single-product Page for this Product and also in the Shopping Cart.

    I saw the following snippet (below) in another answer, and was wondering if I could modify it, and how? (both for the single product page, and for the shopping cart). In addition, I’d be very grateful if you can please indicate as specifically as possible exactly where I can find the .css file(s) that need modifying. 

    .single-product .single-product-wrapper .quantity {
      display: none;
    }

    Many thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Rajesh K. (woo-hc)

    (@rajeshml)

    Hello @rossjon,

    Thanks for contacting us.

    While we can’t provide support for code customization as?per our support policy, we do our best to offer advice and direct you to appropriate resources. Please check out this resource if it helps.

    You can visit the?WooCommerce Facebook group?or the?#developers?channel of the?WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there too. You can also seek help from the following:

    I’m going to leave it open for a bit to see if anyone is able to chime in and help you out further.

    Please let us know if there’s anything else we can do to help or if you have any questions.

    Have a wonderful day!

    Thread Starter rossjon

    (@rossjon)

    Many thanks for your reply, Rajesh. That first link looks promising. Just to clarify as I’m brand new here, regarding your comment, “While we can’t provide support for code customization as?per our support policy,” please note the .css code snippet in my original post was an example of code customization and was from this site.

    Very grateful for any and all assistance. Thank you!


    • This reply was modified 3 months ago by rossjon.
    Thread Starter rossjon

    (@rossjon)

    I think I know what changes to make to the .css file, and edited the index.css file in the active “theme” directory, but . . .
    1. The index.css file in the active “theme” directory is empty (everything is commented out in the header, and there is no body).
    2. Changes to that same index.css file had no affect on the site
    Can anyone tell me how I can find the correct .css file? Thank you!

    Thread Starter rossjon

    (@rossjon)

    This worked:

    #product-90 .quantity {
    	display: none
    }

    I just needed to add it through the dashboard via Appearances > Customize > Additional CSS

    Thank you, Rajesh!

    Plugin Support Rajesh K. (woo-hc)

    (@rajeshml)

    Hello @rossjon,

    Thank you for sharing the solution and contributing to the WooCommerce Community.

    We’re glad to hear that you were able to resolve the issue by adding the CSS code through the dashboard’s Additional CSS section.

    Just to clarify as I’m brand new here, regarding your comment, “While we can’t provide support for code customization as?per our support policy,” please note the .css code snippet in my original post was an example of code customization and was from this site.

    Please know that we offer general guidance and point you toward helpful documentation and resources as our support policy limits our ability to provide direct support for custom code implementation or customization, including adjustments made with CSS.

    If you have further questions or require assistance with WooCommerce features or troubleshooting, please feel free to reach out.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.