Hello, I am working on the following website: https://jailbirds.com/
On my iPhone 11, using the Safari browser, I get a message from iOS asking to “login to jailbirds.com?” even when I am logged in as a user. Could anyone please share any ideas on how I can fix this? It doesn’t do this on Brave Browser from my phone.
https://cdn.jailbirds.com/wp-content/uploads/2021/10/14132006/IMG_9302.png
Also, is there a way I can edit the side menu that pops out (in mobile view) from within the TD Composer?
https://cdn.jailbirds.com/wp-content/uploads/2021/10/14131931/IMG_9303.png
Thank you for your help!
Thomas
Hello Thomas!
It could be a notification from your browser or a plugin, please check.
That menu you can edit from Appearance -> Menus and you can choose the menu from here: https://www.screencast.com/t/HtTE8GILdO3
Thank you!
Hello Bettina,
Thank you for your reply! 🙂
I understand how to edit the menu in that way. The thing I would like to do, however, is edit that slide out area. I would like to add a shopping cart icon or change the URL for the avatar to go to “My Account” rather than clicking the avatar and going to posts by author, etc.
Hello!
Unfortunately, there is no settings to achieve what you need.
A workaround there could be only to modify the theme files to work as you expect which I not recommend because there is a complex process. I recommend you to contact our custom work team here: https://tagdiv.com/premium-customization-services/and they can help you to achieve what you need.
Thank you for understanding!
Okay, thank you for your reply! 🙂
I just added the Woo Cart icon to the mobile header in the TagDiv Composer.
The 3 remaining things that I wanted to point out are:
1. The Apple Pay button does not show up on the product or checkout page in Safari’s desktop browser, but it does show up in the Safari mobile browser.
2. Also on the checkout page, there should be a checkbox to choose to subscribe or unsubscribe to our mailing list; but the checkbox is missing, therefore eliminating the chance for customers to opt out of subscribing.
I would like to ask that the dev team please look into the above two items, as I think it may be theme related. They were working before using the Newspaper (Gadget Blogs) templates (that also came with a Woocommerce / Shop extension for Newsletter theme).
3. My iPhone & iPad repeatedly prompts me to login with saved password (as mentioned above), and it does not do this on any desktop browsers.
Would someone please let me know where I could find the code for the login form in the theme or plugin editor, so I can take a look? Any help or pointing in a general direction for answers would be much appreciated.
Thank you.
Hello!
1. Check this article: https://woocommerce.com/apple-pay/#
2. The checkout page is totally standard from the Woocommerce plugin. So, I recommend you to ask them about it.
Please provide more information about how you use Newsletter there. A useful documentation here: https://forum.tagdiv.com/the-newsletter-plugin/
3. When you need to login there are the saved username and password. Please provide more information if you mean this or not, so I can help you efficiently.
Thank you!
Hello Bettina,
Thank you for your message, and I hope you are doing well. I have spent the night going through inspecting elements and CSS and have resolved my situation (which was related to CSS within a plugin from tagDiv – the tagDiv Shop plugin).
1. The Apple Pay button does not show up on the product or checkout page in Safari’s desktop browser, but it does show up in the Safari mobile browser.
For Item #1, I went inside the Plugin Editor –> tagDiv Shop –> assets –> css –> td-woo-front.css and made the following changes:
(Approximately Line 509)
/* margin-right: 40px; */
/* margin-left: -30px; */
(Approximately Line 443)
flex-flow: column;
(Approximately Line 419)
margin: auto;
width: fit-content;
2. Also on the checkout page, there should be a checkbox to choose to subscribe or unsubscribe to our mailing list; but the checkbox is missing, therefore eliminating the chance for customers to opt out of subscribing.
For Item #2, from inside the same CSS file (td-woo-front.css), I made the following change:
(Approximately Line 528)
/* -webkit-appearance: none; */
I will attach some screenshots below for what I found. Please share this thread with the dev team just so that they may be aware for when they release any future updates.
3. My iPhone & iPad repeatedly prompts me to login with saved password (as mentioned above), and it does not do this on any desktop browsers.
For Item #3, it is still unresolved and would be glad to get any help for this. I think it has something to do with Auto Focus for the Signin form input fields. I see they have Autocomplete attributes. Even after being logged in, I still get the login prompts, because the sign in forms are still in the header.
Link to screenshot of log in prompt: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145811/IMG_FD6F530F3B4B-1.jpeg
Link to screenshot #1 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145350/Screen-Shot-2021-10-25-at-2.11.31-AM.jpg
Link to screenshot #2 of CSS inspection: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/25145407/Screen-Shot-2021-10-25-at-2.26.14-AM.jpg
Hello!
I’ve tested on my end and in my case is not happening like this after I logged in.
Please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache (also from your browser) and try again.
Thank you!
Hello Bettina,
Thank you so much for your reply and helping me! I have actually done those steps already. I have determined it is related to the theme, and can easily replicate that by going to my Theme Panel for Newspaper theme > Header > Sign In / Join > Disable the “SHOW SIGN IN / JOIN.”
When you tried from your end, did you try with an iPhone using Safari browser and then save password to your keychain? I did this from a friend’s phone and they had the same issue I had.
Thank you so much for your time in trying to help me.
Hello!
Did you solve you issue?
So, when you use an iPhone, that option is disabled from the theme panel by default?
Thank you!
Hello Bettina,
I did not solve the issue. It only stops when I disable the signup form from the theme panel, but I would like to use that (it is connected to the side/mobile menu as pictured here: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012031/IMG_9376.jpg). And when it is disabled, it appears like this: https://jailbirdsmedia.s3.us-east-2.amazonaws.com/wp-content/uploads/2021/10/27012045/IMG_9375.jpg
So unfortunately, if I don’t want the repeated login prompts popping up, it can stop with that sign in piece disabled.. and since I want to keep that, I have this log in prompt for iOS Safari browsers that save their password on iCloud Keychain. I am thinking this is also somewhere in the CSS, but I am not sure what to do for this one.
Thank you.
I found a possible answer on Stack Overflow:
Add a hidden span above it, use ui-helper-hidden-accessible to make it hidden by absolute positioning. I know you have that class because you are using dialog from jquery-ui and it’s in jquery-ui.
<span class="ui-helper-hidden-accessible"><input type="text"/></span>
Any thoughts? Thank you!
Hello!
Please check also the settings from your browser. It could be possible to be just an option.
Thank you!
Hello, I think it is not a browser setting issue.
I keep trying to make my post, but I keep getting an error. It doesn’t like me to post the code or something. But I found a possible issue in the register.php file. It shows a php “if function,” like if user can register, then show registration form. Then it just has “echo” for the login form, which I think should also be an “if function.”
the directory is something like: td-composer/legacy/Newspaper/parts/menu-mobile.php
Hello!
In that file is all about this form: https://www.screencast.com/t/i9MAmQRocyw and not the one you have at the bottom of the page.
Thank you!
Yes, I know that. That is what I have been talking about. The login form. I have never mentioned anything about the form at the bottom of the page. Even after someone is logged in, it will still show the code for the login form in the HTML of the page. It still shows the code because of “echo ()” in the register.php file. I am saying, shouldn’t that be something like “if (user is not logged in) {}”.. That is why if I have my password saved in my browser, it will continue to prompt me to login, even if I am already logged in, because it is still seeing the login form in the HTML. Are you refusing to bring it up to the dev team, or why do you not help me for that?
I fixed my issue by changing menu-mobile.php, under the ‘login/register,’ also making it ‘if else’ like the ‘login’ section of code a few paragraphs up. I wish this thread could be looked at by dev team before future updates to these plugins.
Hello!
Oh, I get it now. We will take in consideration your query and I will add this feature on our improvement list.
Thank you!
Hello Bettina,
Thank you. Just please share this thread with the devs so they can see the specific issues for my use case.
Basically,
1. Apple Pay button didn’t show up on my checkout page (in Safari on desktop) due to td-woo-front css.
2. Check boxes were missing on my checkout page (for all Apple devices), also related to css in td-woo-front file.
3. Log in prompt for saved passwords on iOS devices/safari continued to pop up even after being logged in. I changed the mobile-menu.php in the legacy Newspaper folder of the td-composer plugin.
Thank you and have a great day.
Hi Tom, running into the same iOS prompt problem for passwords, how did you fix it exactly?
Hope to hear from you,
Bart
Hi Wizerdo,
It was a while ago, but I will try to remember and share here what I did.
From the WordPress Dashboard, you can look here:
Plugins > Plugin Editor > tagDiv Composer > (select Newspaper) > (select parts) > (then you will find menu-mobile.php)
From here, I don’t remember what exactly I changed, but what will help is to use your browser’s developer tools and inspect elements, and most developer tools should let you make the edits there, then you can see how it changes the website.
I think my site has updated the theme, and probably reset / re-uploaded the code for that file, so I am having the same problem again (otherwise I would have just copy and pasted and shared the code I had with you).
I do wish the tagDiv devs could be aware of this issue and look into it.
I believe it has something to do with there being two sections in that mobile-menu.php file:
<!– login section –>
<!– register/login section –>
I deleted this section:
<!– register/login section –>
and the annoying popup stopped. doesn’t appear like I broke something so all seems well! thx for your speedy response and invaluable help!
Hey tom. How in the world do I change the name in the mobile menu to go to the ‘account’ page and not the ‘author page’. When someone is signed in, it takes them to the author page instead of the account page.
