# Suggested products

The suggested products section displays complementary items using a product metafield. When configured, it dynamically pulls related products to encourage cross-selling and enhance product discovery. This section requires a metafield to be set up in order to function.

#### Header

Controls the visibility of the section header above the suggested products.

#### Direction

Defines the layout direction of suggested products on desktop. Set to “Row” to display products horizontally; mobile always displays a column layout.

#### Heading

The main heading displayed for the section. Leave blank to omit.

#### Subheading

Optional supporting text shown below the heading to provide additional context. Leave blank to omit.

#### Metafield namespace and key

Specifies the product metafield used to source suggested products.

#### Product limit

Sets the maximum number of suggested products to display. Default is 5.

#### Show divider

Toggles a visual divider above or below the section to separate it from surrounding content.

#### Vertical spacing

Controls the spacing around the section to adjust its visual separation from other page elements.

#### Vertical spacing (desktop)

Sets the amount of vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the amount of vertical spacing applied on mobile devices, allowing for optimized spacing on smaller screens.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gatame.gitbook.io/highstreet/templates/product/suggested-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
