Issue with Nested Folders in Media Library

[RDjarbeng]

I'm currently facing an issue with organizing images in my media folder. For each post, I often add multiple images and, to avoid filename conflicts, I organize them into subfolders. For example, the path to the images would look like this: assets/images/example_folder/image1.png.

However, I've noticed that:

1. These folders do not appear when I'm selecting images in the assets section.
2. The nested folders and images also don't show up on the collections page.

Here are some screenshots for reference:

• Screenshot 1:
  
• Screenshot 2 (Zoomed in):
  

My configuration in config.yml for images looks like this:

media_folder: "assets/images"
public_folder: "/assets/images"

You can find the full config.yml here.

Currently, in order to use images from these nested folders, I have to manually type the paths in the markdown. While this doesn’t break the build, and the images display correctly on the site, it adds extra manual work.

My Questions:

• Is there a way to make these image folders appear when selecting assets?
• How can I ensure the images from these folders also show in the post preview when used as the post image?

Any guidance or suggestions would be much appreciated!

[RDjarbeng]

I am not sure if this is the same as #227

[kyoshino]

#227 is something else: Nested Collections.

In Sveltia CMS, it’s possible to use different media folders for different collections (in your case Posts, Personal and Authors), but nested folders are not supported yet. It’s on my todo list.

I don’t think Netlify/Decap CMS supports it yet either, but Static CMS, a now-discontinued community fork of Netlify CMS, did. So I plan to provide compatibility before the 1.0 release.

[kyoshino]

I’ll see if it’s possible to at least display images stored in nested folders.

The ability to create new folders in the Media Library like Static CMS is another thing.

[RDjarbeng]

Alright, thanks for the quick reply. Looking forward to it 🚀

[kyoshino]

Shipped v0.42.1 with the fix!

[RDjarbeng]

How do I upgrade to v0.42.1? Do I just refresh the page(tried that) ?
<script src="https://unpkg.com/@sveltia/cms/dist/sveltia-cms.js"></script>

I still cant' see the folders.

[kyoshino]

Sorry for the confusion. You just need to reload the CMS page to upgrade.

Folders are not displayed yet, but all assets in subfolders are now available. I’ll reopen this discussion not to forget about the folder navigation/creation support. 🙇🏼

To check the version, first enable Developer Mode in Settings > Advanced:

Then click the Help menu:

[RDjarbeng]

Thanks.

However, I still have the same behaviour.

The assets are not displaying when I check the post

Using version 0.42.2

[kyoshino]

Hmm, will check back.

[kyoshino]

The fix landed in the latest version. /assets/images/weather_post/wunderground.png should appear in the CMS UI now.

[RDjarbeng]

Okay, I have checked and it seems to fix these issues

These folders now appear when I'm selecting images in the assets section. - ✅
The nested folders and images also now show up on the collections page. -✅

Thank you

[RDjarbeng]

There’s just one small issue I’ve noticed.

Currently, the image picker doesn’t display nested folders, so all images—whether in the root or in subfolders—appear together in one list. This makes it hard to tell which images are actually in the root folder versus those that are organized in subfolders.

The bigger challenge here is that, without folder separation, the images also don’t seem to be sorted, resulting in a rather random display. As a result, finding a specific image takes more time since I have to sift through the entire list rather than simply navigating to the folder where it’s stored.

[kyoshino]

The files are now ordered by name as of v0.45.3. I’ll implement folder navigation asap.