Support » Plugin: Product Catalog for WordPress » form on iphone does not work properly

  • Resolved knireis

    (@knireis)


    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]

Viewing 14 replies - 1 through 14 (of 14 total)
  • Huge-IT Support

    (@huge-it-support-1)

    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/hvvfa3

    We 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

    Huge-IT Support

    (@huge-it-support-1)

    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/8176350

    Unfortunately, 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 the

    wp-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.

    Huge-IT Support

    (@huge-it-support-1)

    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/hxhvvr

    But 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

    Huge-IT Support

    (@huge-it-support-1)

    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 help

    Thanks

    Yes please, i would like to receive instructions and i understand there is no product information in the form

    Huge-IT Support

    (@huge-it-support-1)

    Dear knireis,

    Could you, please, mention your plugin version so that we could provide correct file directory?

    Thanks

    it is 1.5.6

    Huge-IT Support

    (@huge-it-support-1)

    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.
    Thanks

    thanks, 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.
    regards

    Huge-IT Support

    (@huge-it-support-1)

    Dear 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

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘form on iphone does not work properly’ is closed to new replies.