SVG import to CMS, broken?

I’m following along with the ‘Create a custom portfolio’ tutorial. In one part of this tutorial you are to setup a CMS collection of clients and logos. The logos are SVG type and when I go to import the CSV file with links it instead shows a JSON file in the preview panel. Result is the same if I try to “Replace” the image and manually choose the logo file from the folder on my desktop. Any idea what’s going on here?

Thanks

Could you maybe share a link to your SVG file? I will try to test it in a different environment.

Hi @danoszz, here are links to the files (the forum won’t allow SVG uploads). Thanks for offering to take a look at this.

image Artboard 20 copy
Artboard 20 copy 4
Artboard 20 copy 3
Artboard 20 copy 6
Artboard 20 copy 2
Artboard 20
Artboard 20 copy 9
Artboard 20 copy 8
Artboard 20 copy 7
Artboard 20 copy 5

They seem to be working in my environment when I downloaded them from your links. What about you clean the SVG’s with a tools such as SVGOMG. Will they work afterwards?

I tested with 2 logos (CBS, Adobe) and after running the SVGOMG they did appear in the collection preview panel:

However, those 2 logos are now missing from my collection list inside the editor:

Here is a link to the project if it helps?: https://preview.webflow.com/preview/wu-tut-portfolio-site?utm_medium=preview_link&utm_source=designer&utm_content=wu-tut-portfolio-site&preview=caa7a152c5e2d03042c5b5595a7d4d60&mode=preview

Good to hear! Thanks for sharing your project link. It seems that the logo’s are not showing due to the layout of the collection list + unstyled width of the collection items.

If you change it to a 5-column layout they will appear:

Hope this solves your problem.

Thanks! That’s interesting because those 2 icons were visible when I had the set to the PNG versions. Maybe it’s because the PNGs have a set resolution/dimensions… Anyhow, it works - thank you for the help!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.