How to test the payments on a form

2. Also, please tell me, there you have when passing the test mode so that I could go through the whole chain of the purchase of goods and filling in the delivery address? So test it out.

If I understand you correctly, you are wondering about how to do a real payment to check your form, once you are done testing. You will need an actual PayPal Pro account, and use its valid API credentials in the PayPal Pro tool on our form.

You can register for a PayPal Pro account here.

Once you have a PayPal Pro account, please log into it, and get details on the left side from My Account -> Profile -> Request API credentials link (or by opening this link).

You will use these details in the payment tool to set it up, and you will need to make an actual submission on your form if you wish to test it with a real payment. The only way to test the whole payment process is getting your credit card charged, so we recommend to make an option that will have you pay a small amount such as only $0.01 while testing the live payment.

I hope this helps.

 Hello Boris!
Thank you ! I get from you detailed answers to all my questions! Thank you !
A pleasure to work with you !
A few last questions. :-)
The pictures. With an increase in their size, I able to understand. But it is only the first picture, in which the name of the form «form-product-image». On the other picture services forcibly puts the name of «form-product-image-with-options», although the options are the same for all products. It turns out that the first picture with the name «form-product-image» is working properly, and the other called «form-product-image-with-options» not working.
https://yadi.sk/i/RhgIbIOviyJFu
Tell me please, where I can set the same name form «form-product-image» that they work the same way? Where is it to fix?


...

Thank you for your kind words, we strive to help as much as we can. :)

>> The pictures. With an increase in their size, I able to understand. But it is only the first picture, in which the name of the form «form-product-image». On the other picture services forcibly puts the name of «form-product-image-with-options», although the options are the same for all products.

I apologize, I didn't see the other class names on the first form. We can simply adjust the existing custom CSS to work on both of those classes, by adding a comma as a separator, and adding the second class name. So we would change the custom CSS from:

.form-product-image {
  transition : width 1s ease-in-out 2s;
}

.form-product-image:hover {
  width : 150px;
  transition-delay : .4s;
}

Into this code:

.form-product-image, .form-product-image-with-options {
  transition : width 1s ease-in-out 2s;
}

.form-product-image:hover, .form-product-image-with-options:hover {
  width : 150px;
  transition-delay : .4s;
}

This code would now work on both of those elements.

Your question about limiting the available quantity of a product has been moved to a separate thread, here:

http://www.jotform.com/answers/658177

Your question about placing additional text next to products has also needed to be moved to a separate thread, as it requires more than a line of text to answer. It can be found here:

http://www.jotform.com/answers/658181

We will be supporting you in those threads, shortly. Thank you.