apostrophe ’ in title

  • Hi there,

    I noticed an unicode encoding issue on the hover tooltip of a store.
    The issue appears only in the FRENCH version.

    On the website, https://mafee.ch/epiceries/, if you search the location “Mies” you will see Epicerie Chez Dom’ and if you hover the marker of this shop, the tooltip shows: Epicerie Chez Dom’

    On the other hand, in the Deutsch version, https://meinefee.ch/die-lebensmittelgeschaefte/, it is showing just fine.
    Just like on your demo map, in English (Restaurant O’Pazzo)

    I am using WP Store Locator and WPML Multilingual CMS

    Are ou aware of this issue, what can I do to revise it?
    Thank you very much,

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • 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,

    Thread Starter webmastermap2020

    (@webmastermap2020)

    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,

    Thread Starter webmastermap2020

    (@webmastermap2020)

    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 2 years, 10 months ago by farroyo.
    • This reply was modified 2 years, 10 months ago by farroyo.
    • This reply was modified 2 years, 10 months ago by farroyo.
    • This reply was modified 2 years, 10 months ago by farroyo.
    • This reply was modified 2 years, 10 months ago by farroyo.
    Thread Starter webmastermap2020

    (@webmastermap2020)

    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;

    https://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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘apostrophe ’ in title’ is closed to new replies.