Provide Multiple Hero layout option for editors in back office

In a page setup - there is a header and some sections (as seen below) that controls the hero banner that is seen on the front end, and it is currently basic.

image

I want to provide editors the option to have multiple hero options (layout and content). What would be the best way to approach this without clogging the back office and ensuring it is pretty straight forward for its users.

Depends how much content would change between them, is where I would start to think.

If they are all going to have an image, some text and a cta (for example), then perhaps having those properties with a dropdowng list for “layout” might work. Either on the doc type (as a composition) or as a block list.

If it’s going to vary lots then I’d use a block list and have multiple elements to choose from, one for each layout.

If you do decide to use a drop down and you want certain fields to show/hide depending on the option selected then checkout GitHub - skartknet/ConditionalDisplayers: Collection of modified Umbraco property editors to make them able to control the display of other properties in the same document type. as it will really help editor experience :slightly_smiling_face:

We’ve been using conditional displayers for multiple layout options - those can also be used to hide/show related content fields as long as they’re not mandatory.

For more complex scenarios, I’d also go with the block picker option.

1 Like

does the package support v13 or v15

Looking at the releases for it, it supports both!