I have a product that has three required check boxes. Those check boxes are marked as required on the plugin page and function as required, but they display (optional), which is confusing to say the least.
Your response is correct. The idea is that my client wants everyone who buys a registration to be required to acknowledge those three statements. Everything is working correctly except the text that says (optional) for the required check boxes.
I’ve tried to reproduce the issue in my testing environment, but I wasn’t able to replicate it. Could you please let me know which version of the Flexible Product Fields plugin you’re currently using?
If it’s not the latest version (2.12.0), I recommend updating to 2.12.0 and checking whether the issue with the “(optional)” label still appears.
If you are already using version 2.12.0 and the problem persists, please try temporarily switching your theme to the default Storefront theme. This will help us determine whether the current theme is possibly overriding the Flexible Product Fields settings.
If that doesn’t help either, just let me know — I’ll be happy to provide a CSS snippet to hide the “(optional)” label as a workaround.
Thanks for trying to reproduce the error. The first thing I tried was updating the plugin version. I forget what it was before, but it’s 2.12.0 now (see attached screencap).
I’ll try switching the theme and I’ll reporting my findings. I’ve had this theme and your plugin working correctly for a few years with no problem until just recently.
As a workaround, you can safely hide the “(optional)” label for those three required checkboxes using a small CSS snippet. This does not affect validation or functionality — the fields will remain required and must still be checked to proceed.
Thanks for the reply. I have good news and bad news:
Good news is that after I added the above lines to the style.css in the theme editor and the “Optional” text no longer appears on the product page in the store.
No worries — here’s a CSS snippet that should hide it there as well: Option 1: Hide (optional) site-wide for all Flexible Product Fields checkboxes: .fpf-input-field + span .optional { display: none !important; }
Option 2: Hide (optional) only on the Show Registration page: If you prefer to apply this change only to that specific page, you can use the page-id in the body tag. body.page-id-14280 .fpf-input-field + span .optional { display: none !important; }
You can add either version of the CSS via Appearance → Customize → Additional CSS or directly in your theme’s style.css file.
Please let me know if you have any additional questions.
I’ve tried entering both of those snippets separately into the style.css file and the AdditionalCSS and it’s still not working on the https://gmtruckshow.com/show-registration/ page.
Any more ideas on how to override that (optional) text on that one particular page?
This can sometimes happen if the checkbox fields were originally set to optional and later changed to required — in some cases, the plugin output retains both labels due to how it’s rendered in the HTML.
Please try to use this custom CSS as a fallback: You can add this to Appearance → Customize → Additional CSS or your theme’s style.css file. This snippet should hide the “(optional)” label specifically on this page: body.page-id-14280 span.optional { display: none !important; }
If the issue persists after adding this snippet, please try the following steps:
Delete the affected checkbox fields (the three checkboxes under “I understand the following”) from the Flexible Product Fields section.
Recreate them from scratch, this time setting them as required right away.
Save and refresh the page to confirm if the (optional) label disappears.
We’ve seen this fix the issue in similar cases, as it forces the plugin to regenerate the field markup cleanly.
The snippet you attached worked! The (optional) field no longer shows on the Registration page, and the previous snippet is still keeping it from showing up on the product page in the Store.
You’re very welcome — I’m glad to hear the CSS snippet did the trick and that everything is now displaying correctly on both the Registration page and the Store product page.
If you have a moment — and only if you’re genuinely happy with the plugin and/or the support you received — we’d really appreciate it if you could leave a review here: https://wordpress.org/support/plugin/flexible-product-fields/reviews/#new-post Of course, it’s completely optional, so please don’t feel obligated.
I’ll mark this thread as Resolved now. If anything else comes up, feel free to reach out to us anytime.
