Breadcrumbs block: Add subheading before block specific advanced options

[jasmussen]

The breadcrumbs block has a few advanced options:

Recommend we add a subheading before both of those, to categorize it in the panel. Such as just one that says "Breadcrumbs":

[ntsekouras]

Hm.. In that panel (advanced) every control is about the selected block so it's implied that is for the selected Breadcrumbs block, no?

[jasmussen]

It's implied. But without the subheading, I read it as "show additional CSS on homepage". It's a subtlety, and therefore purely an enhancement. We can dismiss it, let me know what you think.

[ntsekouras]

I get your point, but could it confuse some users that the other controls are not for that block though? 🤔 . Could a visual hint (borders, fieldset, etc..) be an alternative? Or maybe even something more to the block name like a small description?

Noting that I don't have a strong opinion on this :).

[jasmussen]

I think either we address this issue (with the proposed or a different subheading), or we close it, and I could lean into either. Since it's a question, I'll briefly CC: @WordPress/gutenberg-design for input.

To restate the motivation, it's about sectioning the different advanced features on a topic. HTML anchor contains an inputcontrol, so does additional CSS classes and additional CSS. "Show on homepage" and "Prefer taxonomy terms" do not have any subheading, so for me the only context they have is that of a panel called "Advanced". What are these features about? Yes you can zoom out and see that this panel is about the Breadcrumbs block—but it's easy to forget which block you selected in the canvas on the left, and when you're just zooming in on this one aspect, it simply lacks context in isolation. So the only thing I am proposing is to add the context. I understand that the "subheadings" for the other input controls are actually labels, so if the fix here adds undue complexity in terms of reusing a label style for a subheading, definitely let's close the issue. But if it's trivial to add a subheading, I honestly think it answers the question posed by the current checkbox labels. "Breadcrumbs, Show on homepage ✅".

[jameskoster]

I agree the header feels like a crutch, but also recognise the "show additional CSS on homepage" ambiguity of the current design.

A couple of potential alternative approaches:

1. Update label Show on homepage Show breadcrumbs on homepage.
2. Move these options to the existing Settings panel.
3. Add a new panel.

It would also be great to somehow make the help text more concise.

[fcoveram]

To restate the motivation, it's about sectioning the different advanced features on a topic. HTML anchor contains an inputcontrol, so does additional CSS classes and additional CSS. "Show on homepage" and "Prefer taxonomy terms" do not have any subheading, so for me the only context they have is that of a panel called "Advanced".

Agree with this, so +1 to show the subheading and also update the label as per @jameskoster's suggestion: Show breadcrumbs on homepage.

…you can zoom out and see that this panel is about the Breadcrumbs block—but it's easy to forget which block you selected in the canvas on the left, and when you're just zooming in on this one aspect, it simply lacks context in isolation.

Disagree with this. The Canvas is always present next to the inspector, but I agree that it needs more clarity. What if the subheading is more explicit in what the controls configure and be something like "Breadcrumb display and structure"?