Greyed out button – My details [my-account]

Hello,

Be sure to place a checkmark in the box next to Agree to terms & conditions..
Note: I have not updated to v10, so this refers to v9+ themes at least.

Thanks for your reply. It’s indeed about (V9+). But also with a checkmark in the box next to Agree to terms & conditions, it is still not clickable. It’s seems if the button is positioned under a transparant layer because it doesn’t respond on hoovering too. I increased the value of the Z-index to the max by CSS but still no result. BTW I’m am using the WP multisite version maybe that’s a clue.

“BTW I’m am using the WP multisite version maybe that’s a clue”
No clue.

Then it kinda sounds like perhaps there’s a javascript issue.

Has there been any customizations for the page?
Which theme/child theme are you using?

I used the default Directory theme. The only thing I changed is the text. I translated all texts into Dutch.

Hard to say what’s going on.
I could take a look if you have a test account i could look at.

Please feel free to make a test account JamesD

Regards,
Julian

Hopefully you will find out whats going on.

Regards,
Julian

Yes, it’s a javascript issue. Looks like there has been custom changes of some sort.

First thing you should try is to fix all the javascript lines that look like (there are at least two on that page):
alert('Ik ga akkoord met <a href='%s'>de algemene voorwaarden</a>');
This is one of the problems, if not the main issue.

You need to enclose the %s with double quotes and not single quotes.

The line begins with a single quote, so when you use another single quote (if it’s not the very end) then it assumes that’s the end of the string. The line uses single quotes to encapsulate the string, but by adding the single quotes in the middle it breaks.

You can check in the / file.

Hi JamesD, I fixed all the lines in the dutch translation from single quotes ‘%s’ to double quotes “%s” and indeed, this causes the issue.

Thanks for solving this problem!

You’re welcome, glad it helped.

It’s rather common for something like this (with both double/single quotes) to happen and especially a pain to figure out if you’re not really familiar. Just keep in mind that if single quotes is the encapsulating quote then use double quotes within it (preferred method) OR you can backslash \’ ( for apostrophes within single quotes).

Same type of rule applies if double quotes are used for encapsulating a string. You would use single quotes within the double quotes.

Okay, thanks for your clear explanation. The error arises partly when you literally copy the translation of the text in the Loco Translate plug-in. So pay extra attention as soon as quotes like these (‘s%’) are used.

You can check under the tab “source” in Loco Translate whether the quotes have been applied correctly.