Community Forums 

Main Content

how to "out of stock" a button

    Jul 26 2011 23:28:12



    Join date : 2008-09-18      Posts : 97

    I have a lot of rotating stock, so I have items that sometimes need to be out of stock. I have been putting in bold red letters OUT OF STOCK right above the button, but I have some customers that just don't read.

    I don't really want to remove the html coding since I would likely do nothing more then be adding and subtracting coding every day.

    Is there a way to do a generic disable on a button? Or make the button do a popup saying "out of stock". Or just have the button change to say Out of Stock without going to the cart? Or do you have any other ideas?

    This is really taking to much time to contact a customer to let them know that a item they wanted it out of stock (because they didn't read).

    Howaco Glass Supply Co

    Jul 27 2011 01:30:24


    Debbie Q

    Join date : 2008-09-18      Posts : 5005

    And they ALWAYS say it didn't say that it was out of stock and pass the blame on to you. Here are 2 ideas...

    Disable the button but leave it visible

    <input type="submit" value="Add to Cart" disabled>

    or comment it out so it does not show at all.

    <input type="submit" value="Add to Cart">


    Debbie Q

    Mal's Support:
    GT's Forms and examples:
    Helpful java scripts:
    Shipping help documents:

    My Create-A-Book Publishing -
    Personalized Books, Music CDs and Gifts for all ages and occasions.

    Please help me out and share my site on your networks.

    Jul 28 2011 20:06:23



    Join date : 2008-09-18      Posts : 293

    Debbies last idea is almost what we do and it works really well.

    Before the form tag we have a coment - something like
    <!-- teddy eye cart start -->

    after the </form> tag we have
    <!-- teddy eye cart end-->

    When an item goes out of stock we take off the > at the end of the first comment line so it reads
    <!-- teddy eye cart start --
    That causes everything after that until the next --> (after the form) to be hidden.

    We usually put a Out of Stock note just before the first comment too so that people know why there is no BUY button.

    It is then very easy to remove the Out of Stock note and add the > back in to 'unhide' the cart

    It is much easier than it sound :-)

    Life is too short to work 8 hours a day - thats why I work 16 :-)