Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

WooCommerce Checkout Issue on iPhones

    • 4 years, 10 months ago georgemenezes
      Participant

      Expired

      Hello there.

      I am facing a problem with the Specular theme.

      I can assure the same occurs with your Specular – Shop online demo on ‘real’ iPhone devices.

      Have tested with safari, google chrome, mozilla firefox.

      Everything up to date, on the device side, on the website/server side (including lastest version of PHP, WordPress, WooCommerce, Specular, and more).

      The last checkout button gets tottally unresponsive. as if it wasnt a button at all.

      I have two differents websites using specular: one I was able to create a workaround adding a second checkout button, hiding the first with css, and it works. On the second, I don’t know why, this workaround didn’t work.

      Have tried de-activating all plugins, but keeping specular, the button didnt work.

      Changed theme to Storefront, worked with and without all the plugins.

      It is a theme issue, and seems to me that related with javascript.

      It would be great to have some help, have lost lots of hours trying to figure out this, and also some orders/sales.

      Thanks in advance.

    • 4 years, 10 months ago Akram
      Keymaster

      Hi,

      Thank you very much for your query so we will be checking it out for you and will be reaching you back as soon as possible.

      Thank You

    • 4 years, 10 months ago georgemenezes
      Participant

      Expired

      Addition: maybe, and only maybe, this isn’t a javascript issue (I tought it was because I was able to reproduce the issue on LambdaTest and get debug tools on iOS Device with Chromium, throwing the TYPECAUGHT: ERROR or something similar javascript related).

      I was able to fix the problem on my new site hiding the original button with CSS, and then inserting a second button on the functions.php file foloowing these instructions:

      https://stackoverflow.com/questions/57854953/additional-custom-place-order-button-in-woocommerce-checkout

      This “second” button goes below the “form-row place-order” area, and then works really well on all devices, systems, and browsers.

      I’ve tried working with the z-index before all of this, but with no help.

      Hope it helps, thanks again for the support!

    • 4 years, 9 months ago georgemenezes
      Participant

      Expired

      Any update on this issue? Thanks.

    • 4 years, 9 months ago Akram
      Keymaster

      Hi,

      Can you please share your website link ?

      Thank you

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password