-
Notifications
You must be signed in to change notification settings - Fork 57
[Modal Layout Picker] "Preview" button functionality #2452
Copy link
Copy link
Closed
Labels
Page Templates[Type] EnhancementImproves a current area of the editorImproves a current area of the editor
Description
Is your feature request related to a problem? Please describe.
This task is part of the effort to rework the Starter Page Template Picker for new pages. After selecting a layout a user should be able to select "Preview" and see a preview of the layout. This preview is a read-only version of the editor matching the look of the preview shown today in the existing SPT picker.
Note This won’t be the real output users will see on the frontend after the site is published but will provide a close approximation. There will be a separate project in the future to expand this preview to provide a more WYSIWYG experience.
| iOS | Android |
|---|---|
![]() |
![]() |
Goals
- Selecting a Layout then selecting Preview will show the preview for the layout
- This preview should resemble the contents of the preview from the current STP picker preview.
- Selecting "Create Page" should:
- A new page draft should be created
- The contents of the layout should be populated in the editor.
- The action button at the top left of the screen should be "Publish"
- The modal should be dismissed and the user should be navigated to the new page.
- If this is completed before [Modal Layout Picker] "Create Page" button functionality #2446 then these requirements should migrate to that issue.
- Selecting back will navigate back to the layout list
Additional context
- The Preview today is currently displayed from: https://github.com/WordPress/gutenberg/blob/c2c083c7ebb59299cea812bfeca839aba2922cf3/packages/block-editor/src/components/page-template-picker/preview.native.js#L95-L112
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Page Templates[Type] EnhancementImproves a current area of the editorImproves a current area of the editor





