Feature Request: Possibility to "show" single product field on the live form.

  • Profile Image
    scriv77
    Asked on May 21, 2011 at 11:17 AM

    First of all apologies for duplicating this post but I originally posted it in the wrong place (in answer to question "User chooses to use Paypal or not before going to the Paypal integration page" asked by larrypjr on March 13, 2011 instead of creating a new question myself)

    The original question related to how you could give someone the choice of paying by Paypal or some other method.

    You provided a solution which works great if you have more than one product in your list. I want to do the same thing but with just  one product - i.e. give the customer the option of paying by paypal or by another option. Unfortunatly I can't do this because I can't add a conditoin to show or hide the single product option (by default jotform hides the Paypal field anyway for a single product and you can't seem to override this by adding a condition)

    Do you have any other suggestions?

    Thanks
    Rob

  • Profile Image
    liyam
    Answered on May 21, 2011 at 11:12 PM

    Hello Rob,

    I have replied to your inquiry on the other post, but to reiterate and explain more, I'm posting here as well:

    The idea that I tried to achieve was not to hide the product, but the paypal field itself.  You only need to use a radio button field/dropdown menu field.  The field with conditions will choose whether the paypal field will show up, or the other one.

    The purpose of replicating the product is to allow the product to be selected on the other field.  This is because we have limited control over the payment field so we need to copy the content and post it for the other payment field such as Purchase order to make this happen.

    Here is a sample of the form that I have created with the same issue above: http://www.jotform.com/form/11203109927

    Let me know if this form can serve the purpose of what you are trying to achieve.

    But if the only option that you wish to accomplish is either pay via paypal or credit card, it's still best to acquire a paypal website payments pro account with them.

    Warm regards,

    Liyam

  • Profile Image
    scriv77
    Answered on May 22, 2011 at 04:29 AM

    Hi Liyam

    Thanks for the quick response but I don't think this resolves my problem. Your form has 2 product choices - Product Item 1 and Product Item 2, so you can add a condition to your radio button 'Payment Options' to tell the form to show different options depending on the payment option chosen.

    But I only have 1 product so I can't do this. The Paypal field on the form says "Since there is only one product, this item will not be seen on the form". So no matter what I put in my conditions there is no control over how to show or hide a single product item so it always redirects you to Paypal payment even if you have choisen to pay by another method.

    Unless I'm missing something?

  • Profile Image
    liyam
    Answered on May 22, 2011 at 03:12 PM

    I see now what you mean. My apologies for my premature response.

    Here's an alternative solution but a bit complicated with using advanced CSS:

    1. Create a 2nd product with a $0/free amount.
    2. Find the class, IDs, and Tags of the fields involved:


    Here's the sample field that involves the 2nd product, below it is the HTML source code enclosed in a green border box.

    3. From my form sample, I was able to identify that the ID of the input field is input_6_1003, and the product name and the amount is enclosed inside a label tag.  This way I decided to add this to my CSS injection:

    input#input_6_1003 { display: none !important;}
    input#input_6_1003 + label { display: none !important;}

    4. Save your form.

    To explain, "+ label" in my CSS means this will also hide the label tag. Since the span tag for the Free amount is inside the label tag, it will also be hidden.

    You may check my sample form again with showing the paypal product list even if it has only one product.

    Let me know if this works for you.

    -Liyam

  • Profile Image
    scriv77
    Answered on May 23, 2011 at 05:53 AM

    Thanks Liyam. Works a treat!!

    Kind regards

    Rob

  • Profile Image
    liyam
    Answered on May 23, 2011 at 06:05 AM

    It's good to know that the solution works for you.

    If you have other concerns or inquiries, just let us know.

    Thanks and warm regards,

    Liyam

  • Profile Image
    Redaktor
    Answered on March 05, 2013 at 06:08 AM

    Is there any other way to show the single product ?

  • Profile Image
    Welvin
    Answered on March 05, 2013 at 06:46 AM

    @Redaktor,

    Yes. By adding additional dummy product to your payment tool, set the price to 0. Then after that, inject a custom CSS codes to hide that dummy product so only the original product will be visible.

    Do this and let us know your form URL so we can give your the codes to hide. Or, you can do that by following this guide:

    Find the Dummy Product ID by using this guide: How to apply custom CSS to a particular field

     

    Thanks

  • Profile Image
    Redaktor
    Answered on March 05, 2013 at 06:47 AM

    Hi I did it :) Many tnx but was just wondering why there is no system setting to have just one product ;)

  • Profile Image
    EltonCris
    Answered on March 05, 2013 at 07:59 AM

    @Redaktor

    Glad my colleague was able to help. We made it that way since single product is already selected by default so the user don't need to select, deselect the product. However, you can always add descriptions to your form that informs the user about it. Also, I am thinking the same way. It would be more user friendly if an option is available on the toolbar about "showing single product on the live form". I'll add it on the feature request list. Thanks!

  • Profile Image
    Redaktor
    Answered on March 11, 2013 at 07:50 AM

    tnx anyways :)

  • Profile Image
    aytekin
    Answered on March 11, 2013 at 12:19 PM

    If it is a single product there is usually no need to decide which product to buy or how much the total will be. That's why it is hidden on single product forms. You can using HTML field under Power Tools to create a product description and tell the user about the price.