-
Oren SchwartzAsked on March 22, 2021 at 10:57 AM
Good Morning,
I am attempting to build a payment authorization form to collect payment for my private psychology practice. This article https://www.jotform.com/help/347-how-to-capture-stripe-payment-authorization?fbclid=IwAR0wzdg62guLvxA23Hw0lIbEogUgYWyJ1VuR7vhlynYB3pLb0expovsi4Uk was very helpful. However, as you can see on my form (https://hipaa.jotform.com/210792745990062) when I attempt to use the CSS code to hide the dummy product from the final form, it continues to show up. Can you please tell me what I am doing wrong?
Thank you!
OS
-
allinpokerfullReplied on March 22, 2021 at 3:15 PM
Hey Oren,
I see you added a product/service which costs 0.01$Have you tried to set the payment type as "Used Defined Amount"? Like this, the customer can enter the amount and it should automatically remove the dummy product.
Let me know if you found this information useful
-
drorenReplied on March 22, 2021 at 4:11 PMHi,
Thank you for your response. That does not work for me. I would like to
completely hide the product on the form. This CSS code was provided but has
not been effective for me.
li[data-type="control_stripe"] span.form-product-item,
li[data-type="control_stripe"] br,
li[data-type="control_stripe"] hr {
display: none;
}
... -
Laura JotForm SupportReplied on March 22, 2021 at 11:25 PM
Hi,
If you want to hide the complete product, I'm afraid that is not possible, as the product has to be chosen for the payment field to work properly. You can still hide for example the price part from the product with the following CSS:
.form-product-details {
display: none !important;
}
Let us know if you have any further questions, and we are happy to help! -
drorenReplied on March 22, 2021 at 11:44 PMYes! That worked.
Thank you!
...