User creates sub-navigation for categories

[tkacheva]

Story

As a marketer I want to include a node from my category hierarchy with all the child sub-categories into a PageBuilder content  so that I have secondary navigation inside content 

Business Value

Improved navigation between category and content pages

Preconditions

• Admin User is logged into Admin Panel
• Catalog categories exist
• Admin user is on a page that supports Page Builder

Acceptance Criteria

• User sees "Menu" component in the "Add Content" group
• User drops it to the Stage and sees empty Menu placeholder
• User opens configuration and sees option to create secondary navigation from Category Structure node
• User selects Category node option and sees category hierarchy tree
• User can select only category nodes that have children elements
• User selects a node and sees it selected
• User choses the level of nesting to be displayed in the sub-menu. E.g. how many nested nodes included in selected node to be shown in the navigation.
• User chooses appearance for the secondary navigation from 2 options:
  ** List
  ** Side Navigation
• User sees that default option is List
• User saves configuration and sees the nested elements included in selected node displayed on the stage.
• User saves the page and sees it on storefront with styles that matches selected appearance
• When current page is the one included in the secondary navigation, user sees it's link as active

Design

https://xd.adobe.com/view/692ce2a1-f552-4745-63f3-a0a4648478a4-1f1d/

List Appearance

Side Navigation Appearance

[nklamer]

Mockup with downloadable assets

XD Mockup for creating sub-navigation for categories.
*Mockup also shows the process for 416