How to add a product description ?

  • aaronwbryant
    Asked on November 20, 2015 at 10:48 PM
    Also, what css can I use to add a description to each product?
  • Kevin Support Team Lead
    Replied on November 20, 2015 at 11:02 PM

    Unfortunately, is not possible to add a product description.However, I found a simple workaround to do it, you should add this line after the name of your product :

    <br>Description : The product description here.

    You can take a look to my sample form here : 

    https://form.jotform.com/53238280657965?

    Hope that helps.

    If you need further assistance, feel free to contact us.

    Regards.

  • aaronwbryant
    Replied on November 21, 2015 at 11:27 AM

    Where do I put that line? Can I put the description after the price so that the price will stay after the product name and the description is by itself on the next line?

  • Kevin Support Team Lead
    Replied on November 21, 2015 at 8:08 PM

    To do it, open the Payment Wizard : 

    How to add a product description ?  Image 1 Screenshot 60

    Click on the product you want to add the description and then in the name field paste the line at the end of the name,click on Save Product and close the wizard :

    <br>Description : The product description here.

    How to add a product description ?  Image 2 Screenshot 71

    Now, to put the description after the price and then show it on the next line, open the Designer and paste this CSS code :

    .form-product-item{

        width: 100%;

    }

    .form-product-details{

        position: absolute;

        top: 4%;

        right: 0%;

    }

    .form-product-name{

        padding-right: 60px;   

    }

    How to add a product description ?  Image 3 Screenshot 82

    1.Click on the CSS tab.

    2. Paste the CSS code provided.

    3. Save the changes.

    How to add a product description ?  Image 4 Screenshot 93

    This is the result : 

    How to add a product description ?  Image 5 Screenshot 104

    Here is my sample form, you can clone it if you want : 

    https://form.jotform.com/53238280657965?

    Let us know if it works.

    Thanks.