SOLVED: SVG's Disappeared

Browser: Any browser
OS: macOS

Hi, I just updated to 1.8 and all my SVG custom icons disappeared from the entire site. Is there a step I need to take to ensure these SVG icons display properly or is this a bug?

1 Like

Hey @solace,

thanks for your report.

Would you be so kind to share the URL to your site and tell me where you would expect SVGs to show?

Best,

André

Hi @aslotta, I went ahead and restored a backup so the icons can be seen again. But the url of the site is https://noahshousetx.org/. If you visit the homepage you will notice a lot of icons in various sections. I’m not able to see them in the editor either but I can see that there are icons in the structure pane on the right. When I click the icon in the structure pane I’m able to change from SVG and use FontAwesome etc and those icons do show up. It’s only the custom SVG that doesn’t. As of 1.7.3 these icons are working fine. If you need login access please let me know and I can add you as a use. However updating to 1.8 needs to be done later in the day so that people won’t see icons missing.

Hi @solace ,

Nice to meet you here :slight_smile:

Thanks for the detailed reply.

May I know if your website is hosted on Flywheel?

If yes, this is the issue in 1.8

We have been in conversation with Flywheel host support.

It has been discovered that the WordPress constant code (ABSPATH) in version 1.8 does not function correctly with Flywheel’s file structure.

As a result, certain files such as Google fonts and SVGs that are required in the builder are missing.

As a temporary solution, we recommend using version 1.7.3.

Rest assured, we are actively working on finding an alternative solution to address this issue.

Regards,
Jenn

1 Like

Hey hey! So glad to hear from you Jenn! Thanks for the update. Are you able to post here when you hear back from Flywheel or if you find an alternate solution?

Hello!

I have the same problem with Bricks v1.8. I just noticed this on our dev site. My sites are not hosted on Flywheel. I use Runcloud and dedicated servers on-premise.

We’re using Bedrock - which also uses a custom ABSPATH I believe.

This is from Bedrock itself inside application.php:

/**
 * Bootstrap WordPress
 */
if (!defined('ABSPATH')) {
    define('ABSPATH', $webroot_dir . '/wp/');
}

So I assume it doesn’t find the SVGs because Bricks uses the ABSPATH to load them?

This means that Bricks doesn’t support the subdirectory WordPress install in this case :slight_smile:

This is a problem Bricks should fix, not Flywheel nor Bedrock.

Right now I reverted back to Bricks 1.7.3. Everything works normally with this version.

Also, one more thing.

I know that I’ve seen Bricks loading the SVGs via HTTP calls. This causes an extra load for each SVG we have, I had an instance where I had 8 to 10 SVGs on a page and for each it took about 100 to 200ms to load. So it ended up adding ~1 second or more to my PHP load time just for this, which is not ok. You can see these calls using Query Monitor if you want. Add 10 SVGs on a page and see how much the HTTP calls for this take. It’s a lot.

So can the Bricks team please find a way to load SVGs without an extra HTTP call? Maybe read the file from the file system instead of doing an HTTP call?

EDIT:
This same happens with fonts. Fonts are also not loaded correctly with Bricks 1.8 on our Bedrock sites. I believe fonts are loaded in a similar fashion like SVGs, hence the same issue applies.

Hi @solace ,

Yep, will update in this thread once solved.

Hi @cristianuibar ,

Regarding the HTTP calls issue, that’s the reason we changed the logic in 1.8 to solve these unnecessary HTTP calls.
Unfortunately, the ABSPATH issue was discovered in certain environment setups.

Thanks for the report. Is it possible to spin up a staging site and provide temp admin access (with theme editor rights) to us via help@bricksbuilder.io? We would love to test a potential fix on your environment as well.

Thank you very much!

Regards,
Jenn

Hello @itchycode

That’s great news! I’m glad the HTTP calls are gone in 1.8 :slight_smile:

Sure, I’ll setup a staging site and will send you login credentials via e-mail.

I just updated Bricks v1.8.1, and the problems seem to have been resolved.

I see the fix was to replace BRICKS_URL_ASSETS with BRICKS_PATH_ASSETS and a few other small tweaks for the SVG ids and file existing checks.

Thank you.

2 Likes

Hi @solace ,
Thanks for your report!

The problem should be fixed in Bricks 1.8.1, which has just been released.
Can you please check and let me know?

Best regards,
Jenn

Issue resolved! Thank you so much!!

Hi! I have the same problem. On Wildenberg Interieurarchitectuur – Bedrijvengids Leusden the SVG’s for the social icons in the contact container are removed.
When I open the template:

When I update the template it works: