Keystone: Image Gallery field

[gautamsi]

Feature request

I want to use an Image Gallery field where I can add multiple images to the field (kind of array).

This is needed to provide variable number of images in a list item and display them inline as thumbnail and as popup carousel to cycle through images

Describe the solution you'd like

admin-ui should display the thumbnails inline and on clicking it open a larger images like carousel (popup in same page). There should be option to select specific image as primary (hero image)

Describe alternatives you've considered

Considered to use Image list with relationship fields, but the display is not optimal for list of images, it is still a drop down with text only items

This will be helpful and better approach over creating a relationship field, on another thought, if display of relationship items can be done using thumbnails and carousel view, it may also work.

[VinayaSathyanarayana]

Will be a useful addition to KeystoneJS

[MadeByMike]

I can see how this would be a useful addition. Many content management systems I've used have a gallery as a separate content type so the same gallery can be reused on other items. It also seems like the correct structure to store the data. So... it seems like this would be the sensible approach for Keystone as well.

I wonder if adding repeating sections and array field types (#313, #195) would solve this as well as other use-cases like this rather than a more narrow field type. I think with these and the addition of admin UI hooks we could make it much easier to create custom features like this.

[gautamsi]

I think current fields can also handle this with little improvements.

one of the option is to have widgets/components for Relationship fields, like for this we can say

keystone.createList({
//........
heroImage: { type: Relationship, ......., many: true, view/*(/display/uiHint/etc)*/: "gallary", thumbs: "thumb path on relationship field", image: "full image path for relationship  field"} 
//......
});

You can also have option to browse gallery for choosing images instead of react-select (wrapped in archUi/select) for this type of setup.

this can also be extended to load custom widgets/elements for relationship field display per my other PR #1739 .

I do see your point, I suggest we have an asset management feature which may use cloudinary or other adapters.

[MadeByMike]

Yeah a Relationship can be used to represent a lot of different things. The more I think about this, the more I'm realising that a set of different "views" for relationship fields could provide a lot of flexibility and solve several feature requests. cc @molomby

[stale[bot]]

It looks like there hasn't been any activity here in over 6 months. Sorry about that! We've flagged this issue for special attention. It wil be manually reviewed by maintainers, not automatically closed. If you have any additional information please leave us a comment. It really helps! Thank you for you contribution. :)

[MichaelZaporozhets]

This feature was present in keystone 4x as field: CloudinaryImages
https://v4.keystonejs.com/api/field/cloudinaryimages/

Hopefully it's a simple port.

[maximelebreton]

This feature is a high priority, how can we develop websites without it?

[abhijithvijayan]

Migrating from v4 to v5 broke due to this change.

I had multiple image uploads set in v4.

Is there a timeline for this feature?

[alobodig]

We've been working on a field type for this in one of our own projects. We'll publish it soon.

[alobodig]

We just published our custom Cloudinary gallery field. Please check it out and let us know what you think!

[gautamsi]

Seems like can not get to the repo, is source private?

[joshlasdin]

@gautamsi Oops, we had it private while developing, just made it public. Thanks for the heads up :+1:

[MadeByMike]

In many ways this issue is a view on a relationship field. I'd like to see how we can solve this with: https://github.com/keystonejs/keystone/pull/2885 as well as with the new field and adminUI hooks.

[maheraldous]

It has been almost a year and this feature wasn't made. When will you do it for local upload. Like normal upload to the hosting server. I tried to make it by myself but I am not that good in custom list. I hope if you can make just this possible to do via GraphQL then you can wait to fic it's layout in the Admin UI because the headless part of KeystoneJS (GraphQL) which made as choose to use the KeystoneJS.