Skip to content

Replace template select sidebar with horizontal tabs layout#63165

Closed
pavel-mailpoet wants to merge 1 commit intotrunkfrom
stomail-7766-automation-editor-triggers-the-old-email-template
Closed

Replace template select sidebar with horizontal tabs layout#63165
pavel-mailpoet wants to merge 1 commit intotrunkfrom
stomail-7766-automation-editor-triggers-the-old-email-template

Conversation

@pavel-mailpoet
Copy link
Copy Markdown
Contributor

@pavel-mailpoet pavel-mailpoet commented Feb 6, 2026

Submission Review Guidelines:

Changes proposed in this Pull Request:

Replace the sidebar-based category navigation in the email template selection modal with a horizontal tabs layout, using the new @wordpress/ui Tabs component. This aligns the template picker with the updated email marketing flow design.

How to test the changes in this Pull Request:

  1. Open the email editor (WooCommerce > Email > create or edit an email).
  2. The template selection modal should appear with horizontal tabs at the top (e.g. "All designs", category tabs).
  3. Verify clicking tabs filters templates correctly. "All designs" should show every template.
  4. Verify keyboard navigation works on tabs: Arrow Left/Right, Home, End keys should move focus between tabs.
  5. If swapping templates (editing an existing email), verify the "Recent" tab is hidden.
  6. Verify the "Start from scratch" button in the footer works.
  7. Resize the browser window and verify the template grid adjusts responsively (1 column → 2 → 3).

Screenshots or screen recordings:

Before After
Screenshot 2026-02-06 at 10 28 24 Screenshot 2026-02-06 at 12 51 38

Milestone

Changelog entry

  • Automatically create a changelog entry from the details below.
  • This Pull Request does not require a changelog entry. (Comment required below)
Changelog Entry Details

Significance

  • Patch
  • Minor
  • Major

Type

  • Fix - Fixes an existing bug
  • Add - Adds functionality
  • Update - Update existing functionality
  • Dev - Development related task
  • Tweak - A minor adjustment to the codebase
  • Performance - Address performance issues
  • Enhancement - Improvement to existing functionality

Message

Replace template select sidebar with horizontal tabs layout

Changelog Entry Comment

Comment

Changelog entry already added manually in packages/js/email-editor/changelog/.

@pavel-mailpoet pavel-mailpoet force-pushed the stomail-7766-automation-editor-triggers-the-old-email-template branch 3 times, most recently from 4543935 to 1e9ace6 Compare February 6, 2026 14:09
Switch the email template selection modal from a sidebar-based
category navigation to horizontal tabs for consistency with the
email marketing flow design.
@pavel-mailpoet pavel-mailpoet force-pushed the stomail-7766-automation-editor-triggers-the-old-email-template branch from 1e9ace6 to c1c7b1d Compare February 6, 2026 15:17
@github-actions github-actions bot added the focus: monorepo infrastructure Issues and PRs related to monorepo tooling. label Feb 24, 2026
@pavel-mailpoet pavel-mailpoet deleted the stomail-7766-automation-editor-triggers-the-old-email-template branch February 24, 2026 08:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

focus: monorepo infrastructure Issues and PRs related to monorepo tooling.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant