How to hide quantity check box

Hi, my shop does not needs a quantity checkbox, as i only allow one item per checkout. How can i hide quantity check box?

Thanks!
Comments
  • fc_adamfc_adam FoxyCart Team
    @leaodonorte,

    Good question - probably the easiest way to do that would be to use some quick CSS on your store to hide the quantity input. You could include this in the custom header option within the "Add custom header and footer code to your templates" configuration option for your store:
    <style type="text/css">
    #fc .fc-cart__items__header__quantity {
    opacity: 0;
    }
    #fc .fc-cart__item__quantity .fc-form-control {
    display: none;
    }
    </style>
    That should hide the quantity input from the customer completely.
  • Thanks! Works perfectly!
  • Hi fc_adam, it worked on the sidebar, but on the checkout the quantity still there.
  • fc_adamfc_adam FoxyCart Team
    @leaodonorte,

    Looking at your checkout - I'm not seeing the quantity input there at all. Are you perhaps referring to the read-only quantity text? If so - you'll need an extra bit of CSS to hide that, making the CSS I sent previously become this:
    <style type="text/css">
    #fc .fc-cart__items__header__quantity {
    opacity: 0;
    }
    #fc .fc-cart__item__quantity .fc-form-control,
    #fc .fc-cart__item__quantity p {
    display: none;
    }
    </style>
  • Thank you!
Sign In or Register to comment.