[Resolved] Conflict with Font Awesome: Need help identifying resolution

[Author]

Posts

[nicholasK-6]

Hi. I think I have a conflict between my Font Awesome plugin and how Toolset uses Font Awesome.

I use Font Awesome icons on my new (staging) site. There are six icons on the homepage. I noticed that when editing this homepage, the Update/Publish button never "activates" - I cannot click it to save changes I make. I do not have this problem on pages that do not have Font Awesome icons.

Homepage link: hidden link

I have tried all manner of ways to isolate the problem, including switching themes, deactivating plugins, deleting Chrome extensions (this happens on Firefox, too), etc.

I would like your direction as to how to resolve this, as it appears that the source of the problem is a conflict between how Toolset uses/loads Font Awesome and how Font Awesome does (I have a Font Awesome Pro account).

When I ran the Font Awesome Conflict Scanner, it gave me this error message:
------
Below is the list of other versions of Font Awesome from active plugins or themes that are loading on your site. Check off any that you would like to block from loading. Normally this just blocks the conflicting version of Font Awesome and doesn't affect the other functions of the plugin, but you should verify your site works as expected. If you think you've fixed a found conflict, you can clear it from the table.

hidden link

(see the attached screenshot for the actual error message)
------

Question: In this Font Awesome Conflict Scanner error message, should I "block" this plugin? Or "clear" it? (see screenshot) I assume this will solve my problem but I want to check with you first, since it looks like this will disable how Toolset handles Font Awesome. (My font awesome icons are loaded using the HTML blocks.)

Thanks.

[Luo Yang]

Hello,

It is known conflict issue with the Yoast SEO plugin, see our erratum here:
https://toolset.com/errata/unexplained-problems-on-backend-edit-screens-possibly-associated-with-json-errors/

This occurs when Yoast is active, and may affect other SEO plugins, when an image block using a dynamic source is included in the content.

As a workaround, you may try to add a Types shortcode to display the image using the "Fields and Text" block instead of using image block.

I have tried it in your website by these:
Edit the problem page "Home", in the loop of view block "Recent Blog Posts", replace the image block with a "Fields and Text", and output the featured image shortcode directly:
[wpv-post-featured-image size="full"]

It works fine, see my screenshot image.JPG

[nicholasK-6]

Thank you for your quick reply.

I went back to my site, to the homepage that is causing me this problem. I see that you entered the Fields and Text shortcode. However, when I update the URL in the Font Awesome icon blocks higher up on the page, the Update button still will not activate. I cannot update this page.

I am working on another website using the same setup (Astra/Toolset) and I am trying to make a simple text revision to a Toolset content template, and yet again the Update button does not activate. I cannot update pages! On that site, we are supposed to soft launch tomorrow.

Again, I am having these problems with Yoast disabled. I have changed themes, deactivate plugins, etc. Nothing works. Any other solution? This is kind of a crisis for me.

Nick

[Luo Yang]

The problem you mentioned above is abnormal, and yesterday I can update your website home page, see the screenshot above:
https://toolset.com/wp-content/uploads/2021/09/2156639-image.jpg

Please check these:
1) In case it is a compatibility problem, please deactivate all other plugins(include those Must-Use and Drop-ins plugins), and switch to WordPress default theme 2021, deactivate all custom PHP/JS code snippets, and test again

2) Also check if there is any PHP/JS error in your website:
https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/

3) If the problem still persists, please a copy of your website, you can put the package files in your own google drive disk, share the link only, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

[Luo Yang]

I have requested the access to your google drive disk link, please grant it, then update this ticket.

[nicholasK-6]

Sharing has been granted. Thank you.

[Luo Yang]

The Zip file you provided above is not valid, it is not a duplicator package, and there isn't database dump file, please follow the document I mentioned above to provide the duplicator package:
https://toolset.com/faq/provide-supporters-copy-site/

Private message box enabled again

[Luo Yang]

Thanks for the details, I am downloading the files, will update here if find anything

[Luo Yang]

I have done below modifications in your website:
Edit the problem page "Home", in the loop of view block "Recent Blog Posts", replace the "Fields and Text" block with a Shortcode block, and output the featured image shortcode directly:
[wpv-post-featured-image size="full"]

It works fine with my chrome browser, I can edit the links, and save it, see my screenshot shortcode-block.JPG

Please check if it is fixed, thanks