Products Grid

Introduction

The product grid is most commonly used on product subcategory pages to lead end users to product detail level pages. 

The component displays a grid of products and allows users to filter via a sorted list, which can be set in the component itself (information is pulled in dynamically). Lists can be authored via dynamics, static list or via tags.


Specifications


Character Limit/Usage

This component does not have any text requirements due to the way the component is set up to be authored. 

The products list itself is can be authored via either child pages, static list or via tags and selecting each of these options, provides the author with additional options. There is a separate field for 'Product Comparison Page' which is a required field (there are compare pages for the majority of product categories e.g. https://www.zebra.com/us/en/products/printers/mobile/compare-products.html)

An author is able to create filters but these must be based on tags being available. For example, in the use case below, the 'filter by' navigation is by industry which uses the industry tags to enable a user to filter products by their industry. The 'no results text' is a authorable field. 

Image Requirements

This component does not have any image requirements. The product images are dynamically pulled in from the product pages. 

Video Requirements

This component does not have any video requirements.

Styling

An author can adjust theme, background, and spacing through the style property within the configuration window. An author can adjust the top and bottom padding along with background color.


SEO Guidance

The product/series name in this component is a hyperlink. To optimize the link text for SEO, use descriptive and keyword-specific text that clearly indicate the content of the destination page.


Use Cases and Style Variations


Need Help?

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