Skip to content

Template Selection When Creating Carousel Slides #79

@deepaklalwani97

Description

@deepaklalwani97

What problem does this address?

Currently, when inserting the Carousel block, users are asked to specify the number of slides, after which the block generates blank slides.

Users must then manually add content to each slide. For common slider use cases such as image sliders, hero banners, or post carousels, this adds unnecessary manual steps and slows down the editor workflow.

Introducing a template selection step during block creation could significantly improve the editor experience.


What is your proposed solution?

Add a template picker step when creating a Carousel block, allowing users to select a predefined slide layout before slides are generated.

Proposed workflow:

  1. User inserts the Carousel block
  2. User selects number of slides
  3. A template selection UI is displayed
  4. User selects a template
  5. Slides are generated based on the selected template

This would follow a similar pattern to the Query Loop core block, which allows users to choose a layout before the block content is created.


Possible default templates

Some initial template options could include:

  • Blank Slides

    • Current default behavior
    • Generates empty slides
  • Image Slides

    • Slides prefilled with image blocks
  • Image + Heading + Paragraph + CTA

    • Common marketing slider layout
  • Image + Caption

    • Image with supporting text
  • Query Loop Slides

    • Dynamically generate slides from posts
    • Currently, creating a slider using a Query Loop block requires manual restructuring. If a Query Loop block is added inside a carousel slide, it does not work as expected. Users need to move the Query Loop block outside of the slide structure for it to function correctly.
    • Providing a Query Loop slider template would simplify this workflow and ensure the correct block structure is generated automatically.

Extensibility

It would be useful if developers could register additional slide templates.

Possible examples:

  • Hero slider
  • Testimonial slider
  • Product showcase slider
  • Marketing banner
  • Post slider powered by Query Loop

Benefits

  • Improves editor onboarding
  • Reduces manual slide setup
  • Enables faster slider creation

Additional context

The proposed UX is inspired by the Query Loop block layout selection workflow in the WordPress block editor.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions