Quantity not displaying on product pages or checkout pages

  • I’m working with an Astra child theme, working out a very basic WooCommerce store and have created some products with test inventories. I do not have ‘Sold Individually’ selected for the products at all.

    The issue is that the quantity (or a quantity picker, in order to change it) never appears. Not on the product page, the cart page, etc… I’ve done quite a bit of digging, but the basic advice is to switch themes and if so, does the problem go away? I’ve done this and switched from the Astra child theme that the site is using to the ‘2024’ theme. After doing so, yes, quantities (and the ability to change them) DO display in all the places that i’d need to see them.

    Is there some ‘switch’ in Astra somewhere that disables the display of quantities or something? Any help on CSS to add them? Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @jlanpheer,

    What if you switched the child to the parent theme? Also, please share your site URL so we can check it from our end.

    I look forward to hearing from you.

    Kind regards,
    Herman ??

    Thread Starter jlanpheer

    (@jlanpheer)

    Hi Herman, thank you for your reply. If i switch to the parent Astra theme, the quantity does display. An order page is here: https://tevcon.com/register-now/

    If you click on one of the passes or add one to the cart and go to the cart, the ability to change quantity is not offered.

    Hi @jlanpheer,

    If the issue is not happening with Astra parent theme, that means the child theme is the culprit. Do you have custom code added to the child theme? If you do, please remove it and see it fixes the issue. If it does, you will need to work on that custom code.

    I hope it will help.

    Kind regards,
    Herman ??

    Thread Starter jlanpheer

    (@jlanpheer)

    Hi Herman, understood. We definitely do has some custom css code written. What i don’t understand is how to get to the culprit. The input is showing in the dev tools console as ‘Hidden’. However, rather than pointing to a line in the style.css file, the dev tools indicate that the source of the styling of “input[type=”hidden” i]” is “user agent stylesheet” with no line number given. I’m baffled on how to trace that to the source. I can’t find any styling CSS code that we’ve written at all that would lead me to believe it’s something we’ve coded. Any tips on how to get more meaningful info than “user agent stylesheet”? Thank you if you can, i’d like to learn something new here. ??

    Thread Starter jlanpheer

    (@jlanpheer)

    Also, if this behavior were happening in a single browser type or something, i could say perhaps a setting on my local browser. But, the problem persists across all my test machines and browsers.

    The ‘user agent stylesheet’ sets the display property to ‘none !important’ and the ‘!important’ does not allow me to override it, but again, i don’t have a clue where that value is being set.

    • This reply was modified 1 year, 3 months ago by jlanpheer.

    Hi @jlanpheer,

    I check your site and I can see the quantity button on the Cart page. Refer to this screenshot, please. Is it because you are using Astra parent theme?

    Anyway, would you mind sharing with us the CSS you added to your site? I will try to add it to my dev site and see if I can replicate the issue.

    I look forward to hearing from you.

    Kind regards,
    Herman ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Quantity not displaying on product pages or checkout pages’ is closed to new replies.