I’m struggling here, so what to try and explain what I have done, what I want to achieve, and where I am kinda stuck, to see if someone smarter than me might be able to help. Apologies if I repeat myself, but it helps me to re-summarise.
I started with the Worklist Template, which is basically a template to display images nicely. The template itself is fine, but the image upload was pretty clunky - it used the standard Image uploader from Bubble, but to make a multi-image Project, you had to individually upload each image, including uploading the Featured image from a separate loader. As a User Experience it was pretty bad.
So I looked for multi-upload plugins, and found the Multi-File Selector plugin from @steven.junio91. Again, I think this works out of the box more or less fine (apart from deleting), as far as I can see.
The problem I am having is getting the Multi-File Selector, to do what I want in the Worklist template to make the multiple image upload to create a Project gallery a nice experience. The main problem that is breaking this is setting one image as the Featured image (also deleting images is problematic, but that’s another issue).
The way the Multi-Selector seems to work, is that the plugin uploads the Images to the Custom State of a Plugin Element. These images are then shown in a Repeating Group. These are only like the image previews. When I click Upload, the RG’s list of images are uploaded. These are all element actions from the plugin.
When I look at these images Project object they all load fine and are accessible via a S3 URL - I click on “See” and I can see them fine.
To try and select the Featured image, I had an icon in the RG cells, and when you clicked the icon in one cell, it would set the image in that cell to be the Featured Image in the Custom State of another element.
Then when I click to Save the Project, the workflow sets the images list for the Project as the list of images that were uploaded to the Plugin element. However, the Featured image, is the image that is in the Custom State of one of the other elements.
When the Project is finally saved, this Featured image is visible - but as described by @keith above, if I click to See the image, there is nothing there. This Project will turn the homepage (which only shows featured images), from something that takes <2s to load, to something that takes 20-40s to load.
So far, the only way I can get the thing to work with the Featured image to work is to remove the ability to select a featured image - I just make the Featured image be the first file that was uploaded to the Plugin element’s customer state.
Ideally, I would like a user to still be able to select a Featured image. I’d also like them to be able to delete images that they have "pre"uploaded (before the full import). If I am forced to stick with the “first image is featured image” compromise, then it would be nice to be able to re-order them… but that seems like fantasy-land at the moment.
Does that make sense to anyone, and if so would anyone have any idea what I should do? I’d be very grateful!