Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

Learn More

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

Woocommerce checkout card details input fields not loading on Firefox

  • 2 réponses
  • 1 a ce problème
  • 337 vues
  • Dernière réponse par yadontstop

yadontstop
yadontstop
more options

Hi,

I have 2 online stores built using Wordpress, both use the same theme, 'Storefront' and both using Woocommerce. The site with the issue, I am using a child theme.

Today I noticed the credit card input box on the checkout page is missing on the site with the child theme - the input fields aren't loading at all. (see screenshot) The issue only happens on Firefox and Firefox mobile. Everything displays on Chrome and Edge browsers.

I have deactivated all other plugins and checked after each one to see if the problem persists - it does. I have also tried using the Twenty Twnety-one theme to see if that makes a difference - it does not.

The site has previously been working and all boxes / input fields have been displaying properly until today.

If I inspect the element using FF console the document within the iframe is missing. Yet, when I use the console via Chrome or Edge it isn't (as expected becasue it displays on both browsers).

Any ideas as to why this behavour, will be appreciated - thanks.

Regards,


NOTE: I am using; Windows 7 / Android 8.0 FF 96.0.1 Chrome 97.0.4692.71 Edge 97.0.1072.62

Hi, I have 2 online stores built using Wordpress, both use the same theme, 'Storefront' and both using Woocommerce. The site with the issue, I am using a child theme. Today I noticed the credit card input box on the checkout page is missing on the site with the child theme - the input fields aren't loading at all. (see screenshot) The issue only happens on Firefox and Firefox mobile. Everything displays on Chrome and Edge browsers. I have deactivated all other plugins and checked after each one to see if the problem persists - it does. I have also tried using the Twenty Twnety-one theme to see if that makes a difference - it does not. The site has previously been working and all boxes / input fields have been displaying properly until today. If I inspect the element using FF console the document within the iframe is missing. Yet, when I use the console via Chrome or Edge it isn't (as expected becasue it displays on both browsers). Any ideas as to why this behavour, will be appreciated - thanks. Regards, NOTE: I am using; Windows 7 / Android 8.0 FF 96.0.1 Chrome 97.0.4692.71 Edge 97.0.1072.62
Captures d’écran jointes

Solution choisie

I had another play around, it turns out it was an issue with MailPoet email signup slide in forms. Once I disabled them on the checkout page the card details input boxes loaded.

The issue only occurred on Firefox and no other browsers. I can only presume, FF load order is different to every other browser.

Lire cette réponse dans son contexte 👍 0

Toutes les réponses (2)

yadontstop
yadontstop Auteur de la question
more options

here is the checkout page > https://mnkcase.com/checkout

yadontstop
yadontstop Auteur de la question
more options

Solution choisie

I had another play around, it turns out it was an issue with MailPoet email signup slide in forms. Once I disabled them on the checkout page the card details input boxes loaded.

The issue only occurred on Firefox and no other browsers. I can only presume, FF load order is different to every other browser.