Prices not showing on one of my products

  • Profile Image
    LLLHHI
    Asked on December 30, 2017 at 11:05 AM

    The third product in our checkout is not showing the price.  I have worked around the issue by adding the price to the product title.  However, the formatting is inconsistent with the other products.  How can I fix?

  • Profile Image
    John_Benson
    Answered on December 30, 2017 at 02:02 PM

    I checked the form and I can see that there's a price for the third product. Here's a screenshot:

    1514660364414141zzceve.png

    I also cleared your form cache on our server. If the issue still persists, let us know and provide more details so we can assist you properly.


  • Profile Image
    LLLHHI
    Answered on December 31, 2017 at 09:47 AM

    Perhaps I should clarify.  The price on the third product is displayed because I added the price text to the product title.  On the first two products the price is not in the title but automatically generated when I apply a price to the product preferences.  This is not happening on the third product.  You can see that the price text formatting is different on the third product as compared to the first two.  I want the price to be automatically applied on the third product rather than me adding it to the product title.  I want the text formatting to be consistent across all three products.  Hope that makes sense. Thanks.

  • Profile Image
    BDAVID
    Answered on December 31, 2017 at 10:32 AM

    Please delete the price amount from the labels, and then remove the following code from your Custom CSS area, that is causing the issue:

    .form-product-details b {

        font-size : 0;

    }

    1514733903customcss_001.png

    Also, delete these codes:

    .form-product-details b #input_99_1001_price::before {

        content : "$40.00";

        font-size : 11px;

    }

    .form-product-details b #input_99_1002_price::before {

        content : "$45.00";

        font-size : 11px;

    }

    1514734057codes.png

    If you need to increase the size of those amounts, simply inject this code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-product-details b{

        font-size : 12px;

    }

    Here is my clone version: https://form.jotform.com/73644527826970