Improving the Cards Management process

[georgeolaru]

I genuinely believe the Supernova block has a ton of potential and it proves that it's able to handle many scenarios of various complexity, from a single vertical card up to a fullscreen Slideshow or even a Parametric Grid composition:

I notice a few friction points where the user experience is cumbersome and hides its true potential. An example is the process of adding a new card to an existing Cards Collection where there isn't a simple "Add Card" button, but you have to go to Collection Layout and increase the Items Count value.

So a first step to enable the potential of the Supernova block is to improve the cards management process: add, remove, edit.

---

Here are a few jobs-to-be-done that I followed in the design process:

• Add a new card to an existing Cards Collection → achievable today but not intuitive
• Add multiple cards at once to create a gallery of cards (eg. masonry, slideshow)
• ✔️ Remove a card → the same process as with any other block
• ✔️ Remove multiple cards → use the List View or select multiple cards
• Duplicate a card → achievable, but it would be easier to add a shortcut "Duplicate" button to the Card block toolbar

---

Following some patterns and inspiration from the Gallery block, I think we can achieve the above-mentioned tasks with the following proposal:

It would also be helpful to add a "Duplicate Card" button to the Card block toolbar and make sure that the Items Count value always stays in-sync with the number of cards available in the page (eg. when removing or duplicating using the List View).

[andreiungurianu]

I tested this and I must say that I love it. It simplifies the editing and makes it easier to build a page. Great job @georgeolaru & @razwan 👏

A few things I noticed:

• When using the option to "Add Cards Gallery" I was expecting the same behaviour as when adding/changing Media to a single Card. Meaning, selecting multiple images is done by simple mouse click. But in the case of this option, I can't select multiple images without hitting the Shift + Mouse Click combo. @georgeolaru suggested maybe opening the Gallery modal and not Images
• The Media does not change no matter where I add it from and even if I save the page

Media.not.changing.Cards.Collection.Add.card.mp4

• When using the "Add New Card" button (the one that matches the same design and details as before), a new card is added but the Text, Subtitle, and Buttons do not load. I was expecting a similar layout to load.

This is how it works on a Hero Card

Add.card.hero.image.does.not.add.inner.content.mp4

This is the same option in a Media Card

CleanShot.2022-07-01.at.17.24.54.mp4

• The Prev/Next arrows in a Slideshow do not load

CleanShot.2022-07-01.at.17.30.57.mp4

[andreiungurianu]

While testing the update, I noticed that the Add Blank button does not work correctly in the Cards Collection block. When I click the button, two options load: Upload and Media but neither work. This does not seem to happen while using the same Add Blank option from Media Card or Hero Card

CleanShot.2022-07-19.at.15.20.38.mp4