How to show SOLD OUT instead of "None Left" using the Inventory Widget

  • EMYEstetica
    Asked on December 7, 2014 at 6:03 AM
    How do I display ticket as SOLD OUT.
    I tried putting 0 Quantitu but yet it still display "1 LEFT"

     

  • jonathan
    Replied on December 7, 2014 at 7:33 AM

    Hi,

    You can achieve that by injecting custom CSS code into the Inventory Widget.

    Try this CSS code

    .items-left.none-left{display:none;}

    label.line-through:after{content:"   SOLD OUT";}

    like this

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 1 Screenshot 30

     

    here is a demo jotform http://www.jotformpro.com/form/43402941888967 you can test.

    If the quantity is exhausted, it should have a different 'text label' like the screenshot below

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 2 Screenshot 41

     

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

     

     

     

     

     

     

  • EMYEstetica
    Replied on December 7, 2014 at 7:55 AM

    Thanks.

    I have input the code as instructed,  But it still appear as 1.
    Did I missed anything?
    How to show SOLD OUT instead of None Left using the Inventory Widget Image 1 Screenshot 20



    Question 2
    How can I add a text message underneath the field box as "More info"
  • Charlie
    Replied on December 7, 2014 at 9:25 AM

    Hi,

    For the widget to work, the inventory widget has a default value of 1, even if you have specified in the quantity a value of 0. The initial action of the widget is to have at least one submission in our database so that it can based the availability of that item. In short, if it shows '1', you just need to make a test submission.

    Here's mine.

    1. I added the "Inventory" widget with a quantity of "0" and the custom CSS code shared by my colleague above.

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 1 Screenshot 50

    2.

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 2 Screenshot 61

    3. Upon viewing the Form URL, you will see that even quantity is set to "0", because the widget did not receive any previous submission, it does not have any basis for counts. We then need to make a test submission to fill out that "1" quantity.

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 3 Screenshot 72

    4. This is how it should looked like.

    How to show SOLD OUT instead of None Left using the Inventory Widget Image 4 Screenshot 83

     

    I hope it helps. Let us know if you need further information on this.

    For the other question you have, I've made a separate thread so that we can focus on one topic per forum post, please refer to this link for that update: http://www.jotform.com/answers/470768

     

    Thank you.