[Discovery] Investigate List Block Options

[jauyong]

Feature description

This is to inform #465

List Child / Individual Settings

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

1. Investigate how global vs child settings were handled for the list block

Implementation brief

QA testing instructions

Demo

Changelog entry

[jwold]

@jauyong I've been thinking about this card, and did some exploration into how it works versus the List Block. I've proposed a number of changes, which will greatly simplify how users engage with it. The biggest change though is to remove the ability to change settings on individual cards. Changes made affect all cards.

This feels like the right direction, but we should discuss as a team.

[jwold]

@jauyong did I put these notes on the wrong block?

[jauyong]

@jwold sorry for the huge delay. Now that accessibility stuff has been taken care of I can put focus on this. Are you able to walk the team through these proposed changes? We don't have a scheduled grooming this week, but I'll start to coordinate whenever that is and see what works for you and the team.

[jauyong]

@dawidmlynarz to continue reviewing Joshua's mocks and also to consider #465 while looking at this ticket

[dawidmlynarz]

@jauyong I had a look at the Block settings and I did a little bit of juggling and options grouping. I've listed all the changes below and on the screenshot notes.

Joshua already marked some settings that could potentially work as Global styles and there is a place designed for them in #463.

• Prominent information saying that anything you change here will have a local impact on the block and a link to global settings.
• Separated style options with layout/card settings options to better differentiate these two categories. Later on, we can add color modification here and anything related to styling.
• Columns and Gutter were grouped into one section called 'Cards layout' (tbd) and have a responsive switcher that applies to all options in this group to simplify the amount of interactions.

These options apply to the Block since we agreed that styling a single card does not make much sense.

Looking forward to your feedback!

[dawidmlynarz]

@jauyong I have updated the design above with additional settings that are available on the block level.

There is a potential to redesign the way the user picks the 'Number of Cards'. We can use the same logic as in the Gallery block where you can manage a number of cards dynamically in the WYSIWYG editor. To be discussed with the team.

[jauyong]

@dawidmlynarz to update:

1. Move "number of cards" outside of the "cards layout" section with the device specific settings.
2. Change slider on number of cards field to something similar to the block inserter

[dawidmlynarz]

@jauyong I have created a concept of how to incorporate the ability to add cards into the editor. I see two potential ways for the call to action:

Version 1 – Card-sized placeholder with a call to action to add new card
Version 2 – Horizontal bar always below the cards, similiar to how it works in Gallery Block.

Let me know if you have any further feedback.

[jauyong]

@dawidmlynarz to add updated mock here to inform #495 and then I'll close this and we'll work on #495

[dawidmlynarz]

@jauyong Updated mocks are visible below showing scrolled views of the sidebar properties panel.

[jauyong]

adding the above to #465 and closing this