iPhone & Safari Login

Hi,

If you create an account on a website that uses the WoodMart theme, and you allow Safari to remember the login – Safari will ask you to login on EVERY page of the website (if you are not signed in). It should only be triggered on the login page, or if you start filling up the sidebar login form. Yet, it shows over & over again on every page. How can I stop it?

Thank you

Hello,

The problem is that Safari by default finds the login form on the page and try to autocomplete it. Our theme has a hidden form in the sidebar on all pages. Unfortunately, we are not able to change this behavior in Safari. There are two ways to solve this: disable in your Safari browser, or disable my account form on all pages in the header builder. There is no fix in “code” for this issue.

Kind Regards

Hi Artem,

I’m glad you are aware of the issue. I use an iPhone (like most people in the United States), and it’s VERY annoying to use the website after you logout. You get the “suggested login” request from Safari on ALL pages. This will make customers hate my site, and never come back.

Asking all of my customers to disable Safari login is impossible. People like it, and will continue to use it (but not use my site).

Also, removing easy access to login/logout is also a bad practice. A good e-commerce site let user access their account login/logout easily.

I feel that WoodMart can become the #1 WooCommerce theme, but first we need to fix some small issues like this one. We need to change the sidebar login so Safari will not detect it, unless if it’s open. It’s possible to do it. I can give you one sample site (Magento) that has a mobile sidebar login, and Safari only suggest login if you open the sidebar: https://pearl.weltpixel.com/v5

Try it for yourself, and see how they achieved this goal. Stores in the United States that have bad experience for Safari users – are not successful stores.

Thank you

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue

.login-form-side form.login {
   display: none!important;
}
.woodmart-login-side-opened form.login {
   display: block!important;
}

Thank you Artem. I can confirm your solution works great.

I hope you will implement this solution in your next release. I guess many store owners are not even aware of the issue, and solving this, can help ensure iPhone users enjoy shopping on their website.

Yes, we will definitely implement this fix in the future.

[Author]

Posts