form on iphone does not work properly
-
Hi,
The inquiry form for a product does not work correctly on a iphone 5. It is a bit hard to describe the issue, but basically it is difficult to enter text in the boxes and you can’t send the message.
I disabled all plugins but issue persists. Maybe you can have a look? Choose on of the products on this page: https://test.topsanitairshop.nl/producten/stoomcabine/
Regards
The page I need help with: [log in to see the link]
-
Dear knireis,
Thanks for contacting us.
Could you let us know, please, do you mean that the popup is not responsive on iPhone 5 and when you are trying to write in one of the fields it is off-centered?
http://prntscr.com/hvvfa3We have found these two problems and will be glad to know of your observations.
Thanks in advance
Both, it is not centered and the cursor is not in the fields. See image here:
https://www.topsanitairshop.nl/wp-content/uploads/2018/01/IMG_0473.png
Dear knireis,
Thanks for informing us of your results.
After some investigations, we have found that the problem is not in the plugin itself but seems to be on the iOS version. The proof of that can be the fact that the plugin works properly on Android and the problem exists even out of the plugin, which is written in this post: https://discussions.apple.com/thread/8176350Unfortunately, we will not be able to fix the issue of the cursor at our end because the plugin’s codes do not give any error or dysfunction. But what refers to the popup which is not responsive on mobiles, then, please, use the following solution:
in thewp-content\plugins\product-catalog\Front_end\catalog_front_end_view.php file
line 2490 find the
@media only screen and (max-width: 640px) {
and add
.modalDialog > div{
width:100% !important;
position:fixed;
left:0;
right:0;
}below that line of code
Hope this will fix the issue.
Waiting for your results.Thanks
Thanks, i added the code but the popup is not responsive yet. At least on my android phone, i have no iphone to test.
Dear knireis,
Thanks for getting back to us with your results.
With the help of inspect element, we can see that the changes we have provided for some reason have not been applied to the plugin.
In the case, if they work fine the width option should be disabled when the size of the screen is smaller than 640px and the codes we have provided should act: http://prntscr.com/hxhvvrBut we don’t see this kind of behavior currently.
Thus, we will be glad if you provide a screenshot of the injected the codes.We will wait for your results
Thanks
Sorry, i had included the code on the real site, not the test site.
Now it is included in de test website as well (see screenshot)
https://www.topsanitairshop.nl/wp-content/uploads/2018/01/Schermafdruk-van-2018-01-08-08-57-07.png
We found out today that is not just the iphone 5 or 6 but also 7 and 8 which have this issue.
Since it is not likely that Apple is going to change things anytime soon, is it possible as a workaround to change the code that the enquiry button points to my contact page iso opening the popup form?Regards, Jasper
Dear knireis,
We can provide the instructions on how to remove the popup of the “Contact Seller” buttons and make it link to your form page but in this case, the product will not be defined when submitting the form.
Let me know if you wish to apply those changes
We will be glad to helpThanks
Yes please, i would like to receive instructions and i understand there is no product information in the form
Dear knireis,
Could you, please, mention your plugin version so that we could provide correct file directory?
Thanks
it is 1.5.6
Dear knireis,
Thank you very much for the information.
Please go to \wp-content\plugins\product-catalog\Front_end\ directory and find the file catalog_front_end_view.php file and rename it.After that, please, download the file from the following link and install it to the same directory.
When it’s done, please, find the link mentioned in this screenshot: http://prntscr.com/hyx8nw and replace it with the link to the page where your form is added.
This should work.
We will wait for your results.
Thanksthanks, works good.
Do you hve any plans to modify the form you are using? All other forms i have used so far on an iphone work without issues. So even if yours works good on android it might be good to maybe use an other solution to solve this iphone issue.
regardsDear knireis,
Your result makes us feel good π
Thank you very much for keeping us informed.
We will take your suggestion into account and will try to improve the plugin’s behavior on iOS devices.If there is anything else we can help you with, we will be glad to do that
Thanks
The topic ‘form on iphone does not work properly’ is closed to new replies.