What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to set a product without the ability to choose it?

    Asked by sofiman on July 31, 2016 at 04:09 PM

    Hello,

     

    Have 2 inquiries;

    - I want to add a "Coming soon" product where visitor wont be able to buy at the moment with no price, when I leave the price with 0 amount it writes "FREE" ! How to solve this? the same thing if the product went out of stock, how to make the visitor not able to choose/buy this ?

     

    - I need to change to add the sentence "Coming soon" beside the product name in RED color, anyway to do this ?

     

    Thanks!

    Page URL:
    http://jouki.net/

    product Without how a
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 31, 2016 at 05:55 PM

    1) To prevent the filler to check the new product, you can hide the checkbox, also, you can hide the "Free" word. Inject the following CSS code to accomplish it: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #input_22_1011,#input_22_1011_price{

        display: none !important;

    }

    Result:

    On regards of having a limit on each product, that is not possible to setup in our payment integrations. We have widgets you might consider using instead: https://widgets.jotform.com/widget/inventory 

    2) To add a red text after the label of the product, you can accomplish it with the following CSS code:

    #product-name-input_22_1011:after{

    content: " Coming Soon!" !important;

    color: red !important;

    font-weight: bold !important;

    }

    Then make sure to increase the width of the product items from 400px to 450px:

    In this way the label will show in one line:

    Let us know if you need more help.

  • Profile Image

    Answered by sofiman on July 31, 2016 at 06:14 PM

    Exactly! Thanks again.