Inventory Widget: If none left, hide the element

  • Profile Image
    Asked on November 10, 2016 at 02:55 AM

    Once the inventory item was select and it gets crossed out as 0 inventory is there a that i can hide the item so it does not show on the form until I update the quantity?

  • Profile Image
    Answered on November 10, 2016 at 03:40 AM


    As I have understood your question clearly, you want to hide the field if none left in the inventory widget as the following screenshot:

    I have cloned your form in order to test it on my side. I have tried hiding the element if 'none-left' in the inventory widget. However, I was unable to hide it neither with conditions nor CSS codes. So that, I have forwarded this issue to our software development team as a feature request. They are going to check if the feature is possible to implement or not and you are going to be informed via this thread.

    Please be noted that we can not guarantee that the feature you wanted will be implemented certainly but we will try our best.

    Thank you very much.

  • Profile Image
    Answered on July 26, 2017 at 04:46 PM

    Has this issue been resolved?

  • Profile Image
    Answered on July 26, 2017 at 06:16 PM

    There is no update from our developers yet. Rest assured you will be informed once this is implemented.

    Meanwhile, I found a workaround which you may use. If you already have a form working on with Inventory widget, you can add the following Custom CSS.

    .line-through {

        display: none !important;



    .checklist, .checklist li {

    border: none !important;




    See steps below.


    You can check my demo form If you inspect it, it has an Inventory widget with an item that has none left which it hides using CSS.