Magento 2.2.x Notice: As outlined by the Magento Software Lifecycle Policy, Magento 2.2.x has reached the End-of-Support and will no longer receive quality fixes or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento.
Adding a Node
The following example shows how to create a node with simple navigationThe primary group of web page links that a customer uses to navigate around the website; the navigation links to the most important categories or pages on an online store. to related content pages. Although a node does not have a content page associated with it, it does have a URLUniform Resource Locator: The unique address of a page on the internet. Key which can be referenced elsewhere in your site.
For example, you might create a node called “Press Releases” that has navigation to individual press releases. Then, you can include the link on your “About Us” page to the node. Or you might create a node for a collection of back issues of your newsletter.
To link to a node, use the Widget tool to create a CMSContent Management System: A software system that is used to create, edit, and maintain content on a website. Hierarchy Node Link. Then, place the widgetA prepared snippet of code that adds functionality and/or dynamic effects to your store. in a content block or page.
|1.||On the Admin sidebar, tap Content. Then under Elements, choose Hierarchy.|
|2.||Above the grid, tap Add Node. Then, do the following:|
|a.||Under Page Properties, type a Title for the node.|
|b.||Enter a suitable URL Key in all lowercase characters, using hyphens to separate words, instead of spaces.|
|c.||Tap Save . The node appears as a folder in the tree on the left of the page.|
|1.||If necessary, drag the pages into position to reflect the order that they are to appear in the menu.|
|2.||Click the node at the top of the hierarchy. The Page Properties section now displays information about the node.|
|3.||Under Render Metadata in HTML Head, do the following:|
|a.||To identify the node as the top of the hierarchy, set First to “Yes.”|
|b.||To display a pagination control, set Next/Previous to “Yes.|
|c.||To organize the pages in the hierarchy as a book, set Enable Chapter/Section to “Yes.”
|d.||To assign the node to a specific part of the book, set Chapter/Section to one of the following:|
If you don’t want to include the node as part of the book, choose “None.”
|1.||UnderPagination Options for Nested Pages, set Enable Pagination to “Yes.”|
|2.||In the Frame field, enter the number of page links that you want to include in the pagination control|
|3.||If there are more pages in the hierarchy that can be included in the pagination control, do the following:|
In the Frame Skip field, enter the number of pages that you want to skip ahead (or back) for the next set of pagination links.
|1.||If you want the mode to appear in the menu, do the following:|
|a.||Under Page Navigation Menu Options, set Show in Navigation Menu to “Yes”.|
|b.||To specify the location of the menu in relation to the content, set Menu Layout ot one of the following:|
- Use Default
- Left Column
- Right Column
|c.||To specify how much detail is included in the menu, set Menu Detalization to one of the following:|
Includes only subpages in the menu.
Neighbours and Children
Includes subpages and other pages that re at the same level in the hierarchy.
|d.||To determine the depth of the menu, set Maximal Depth to the maximum number of levels to include.|
|e.||To format the menu, choose the List Type and corresponding List Style.|
The menu options are not numbered, and can be formatted with or without bullets..
The menu options are numbered, and can be formatted as numeric, alphabetic, or roman numerals in either upper-or lowercase.
|2.||Under Main Navigation Menu Options, do the following:|
If you want the node to be visible in the navigation menu, set Show in Navigation menu to “Yes”.
|3.||When complete, tap Save.|
The name of the the node.
A unique web address for the node.
Render Metadata in HTML Head
This settings in this section apply only to top-level nodes and pages, and define the structure of the hierarchy.
Identifies the first page in the hierarchy. Options: Yes / No
Adds Next and Previous page links so readers can browse in sequence. Options: Yes / No
Determines if the content can be organized as a book, with chapters and sections. Options: Yes / No
Does not assign a book part to the current node.
Assigns the current node as a chapter.
Assigns the current node as a section.
Assigns the current node as both a chapter and section.
Pagination options for nested pages
Determines if a pagination control appears at the bottom of the each page. Options: Yes / No
Determines the number of pagination links that appear in the pagination control.
Specifies the number of pages to skip ahead if there are additional pages beyond what is visible in the pagination control.
Page Navigation Menu Options
Show in Navigation Menu
Determines if a navigational menu is generated for the page hierarchy. Options: Yes / No
Determines the default layout of navigation menu. Options:
Uses the menu style that is specified in the configuration.
The menu appears to the left of the content.
The menu appears to the right of the content.
Determines the level of detail that is to be included in the menu. Options:
Includes only subpages i(children) in the menu.
Neighbors and Children
Includes both subpages and other pages at the same level in the hierarchy (neighbors) in the menu.
Determines the number of levels in the menu.
Determines the style that is applied to the menu. Options:
Creates a list of menu options that can be styled with or without bullets. List Style Options:
Creates a list of numbered menu options that can be numbered. List Style Options:
Numbers (1, 2, 3,...)
Lower Alpha (a, b, c. ...)
Upper Alpha (A, B, C, ...)
Lower Roman (i, ii, iii, ...)
Upper Roman (I, II, III, ...)
Main Navigation Menu Options
Show in navigation menu
Determines if the selected node is visible in the navigation menu. Options: Yes / No