Hi!
Sorry but I think I haven’t quite understood what is going on. I am taking a look at both the French and German versions of the page as per your links, and the name of that particular store always appears in exactly the same way in both languages and in both the store listing and the info box.
See screenshots:
Deutsch
French
So I think there is something I have misunderstood from your question, sorry about that. Could you please clarify?
Regards,
Hi!
No problem and sorry! Indeed, I am not talking about the “big tooltip” with the address, phone number etc. but about the yellow “small tooltip” showing when hovering the marker icon.
French
Thank you for your job
Hi again,
Oh, I see, I didn’t understand you before! Sorry about that.
It seems you are using the ’ HTML entity in the store title. Although not incorrect, I have noticed some browsers won’t display this character properly and I really cannot figure out the reason why right now. Could you try to substitute this entity with, for instance
’
or even
′
and see what happens?
I’ve changed it in my browser inspector and it seems to work.
Let me know otherwise.
Regards,
Hi,
OK yes, it is working if I replace
‘
’
with
′
′
But it’s not working if I try to add the HTML code ′ (in the wordpress title field).
I actually have to copy paste the character :
′
from https://www.toptal.com/designers/htmlarrows/punctuation/prime/
Thank you, it is a temporary solution but it is not a maintainable one for my client.
I am using the last version of Google Chrome Mac and have the same issue with Safari.
Hi again,
It looks like an encoding issue but I cannot figure out why this character in particular (›) is not working. Could you try the unicode alternative representations for this character?
Either
& #8250;
or
& #x203A;
(without the space between the ampersand and the code, otherwise the comment system in the wordpress forum will render the actual character anyway)
Let me know.
-
This reply was modified 4 years, 4 months ago by
farroyo.
-
This reply was modified 4 years, 4 months ago by farroyo.
-
This reply was modified 4 years, 4 months ago by farroyo.
-
This reply was modified 4 years, 4 months ago by farroyo.
-
This reply was modified 4 years, 4 months ago by farroyo.
Hi again,
Yes, HTML Code is working. The 2 characters you asked to me try are showing fine.
And this one too : & #8242; equivalent of HTML entity & prime;
http://test with Anna′s Dorfladen GmbH
But the HTML entity & prime; and & rsquo; aren’t.
Just to be sure, I did a test with a regular WordPress page and it is working.
test with regular WP page
Maybe the easiest and quickest solution is to hide the tooltip in French in WPSL?
Hi again,
It is a weird issue, and I suspect is somehow browser-related although I cannot know it for sure. The tooltip is really something the browser decides to render based on the title=”” attribute in the html element that represent the marker. Disabling that atribute has its own accesibility caveats as well, so I don’t know if it is a good idea.
This issue had never occured to me, but I believe it is a bit of an edge case. It is only failing with a very specific subset of HTML entities and, of course, bear in mind that probably most of your visitors are using mobile devices anyway. Mobile browsers don’t generally have a “hover” state, so these tooltips are never rendered.
In any case, thanks for your feedback!
