Our company has recently seen an uptick of calls about the checkout process with our Shopify store. It seems the credit card fields don't get loaded (they sit and spin in the browser).
In one case, we found a user was using IE 11, but in some cases even modern browsers are not working. I know that sometimes when end users order from a company with strict web filtering rules, this can happen. But it's odd that this just started happening.
Have any other store owners seen this issue?
Solved! Go to the solution
This is an accepted solution.
I just received a reply from Shopify support. They said this guide - https://help.shopify.com/en/manual/shopify-admin/supported-browsers?utm_source=gurucopy&utm_medium=l... - applies to both the admin portal and the storefront, and that we should write our own warnings to users about unsupported browsers.
Here is the code I put in our theme.liquid file, right above our store banner
<div id="user-browser" style="position: relative;color: red; font-weight: bold; font-size: 1.5rem;"></div>
// broswer detect
var isIE = /*@cc_on!@*/false || !!document.documentMode;
document.getElementById("user-browser").innerHTML = "Your browser is not secure. This site will not support checkout with Internet Explorer 11 or earlier versions. Please use a different browser (i.e. Safari, Edge, Chrome or Firefox).";
// end browser detect