Navigation Link List (Categories Grid)

Introduction

The Navigation Link List component lists a group/tree of pages, allowing site visitors to easily navigate the site easily. 

It's currently used as part of our product subcategory pages, nested inside a Product Grid component and displays our product subcategories for navigational purposes.

See a live example here, under Categories on the left side.

Need Help?

If you need help with a specific use case for the Navigation Link List component or need guidance with appropriate configuration, please contact the web team.

Information

Specifications

The Navigation Link List component lists a group/tree of pages, allowing site visitors to easily navigate the site easily. 

It's currently used as part of our product subcategory pages, nested inside a Product Grid component and displays our product subcategories for navigational purposes.

See a live example here, under Categories on the left side.

Character Limit/Usage: There is no freeform text option for this component.

Image Requirements: N/A

Video Requirements: N/A

Authoring Instructions

Below is a list of the configuration options:

  • Title - Add in title that displays in the lefthand corner.
  • Link - Add the link to the parent page, and the component will build a list using dynamic functionality (by pulling in child pages.)

 

SEO Guidance

We recommend that the title offers a broad overview of the list without keyword stuffing. Since the links are automatically pulled from the tree, there are no further opportunities to optimize the names of list items for SEO through this component.

Styling Options and Instructions

This component can be styled with a transparent or white background. Please use: 

  • Transparent: For all Zebra.com product pages.
  • White: For support pages.


Use Cases and Style Variations

Transparent background:

Categories

White background:

Categories