Skip to content

Fixed Position Header and Footer Template Parts #30121

Closed

Description

There has been a little talk already about adding background image support for Template Parts. This would likely include an option to set the background image in a fixed position, similar to the option currently available for the Cover block. However, I think it would be useful to extract this option from being specifically tied to background settings, and make it a more general option.

Based on conversation in this thread, here's a mockup:

Sticky toggle

  • Layout panel becomes a ToolsPanel where the position toggle can be a non-default option for Group
  • As a starting point, just two options, Default and Sticky

When a group has been set to sticky, the list view is segmented into sticky and scrollable categories:

image

As needs emerge, we can explore adding additional options, including placement.


Issue updated Nov 3.

Initial proposal

There has been a little talk already about adding background image support for Template Parts. This would likely include an option to set the background image in a fixed position, similar to the option currently available for the Cover block. However, I think it would be useful to extract this option from being specifically tied to background settings, and make it a more general option that’s available to Header and Footer Template Parts whether or not they have a background applied.

I can see this option working well in the “Advanced” settings for the Template Part in the Block Inspector, alongside potential new icon options for setting a Template area as shown in PR #30005:

TemplateParts-fixed

For a working example, Invision prototypes have a similar option allowing you to lock elements to the top or bottom of the browser window:

invision

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

Needs DevReady for, and needs developer efforts[Block] GroupAffects the Group Block[Block] Template PartAffects the Template Parts Block[Feature] Design ToolsTools that impact the appearance of blocks both to expand the number of tools and improve the experi[Feature] LayoutLayout block support, its UI controls, and style output.[Feature] Site EditorRelated to the overarching Site Editor (formerly "full site editing")

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions