# Complementary products

The complementary products section displays product recommendations based on the first item in the cart. It uses Shopify’s Search & Discovery app to surface items that complement the selected product, helping increase cart value through relevant add-ons.

#### Header

Controls whether the section header is shown above the complementary product recommendations.

#### Direction

Defines the layout direction on desktop. Set to “Row” for a horizontal display; mobile always uses a column layout.

#### Heading

The title displayed for the section. Leave blank to use the theme default.

#### Subheading

Optional supporting text shown below the heading. Leave blank to use the theme default.

#### Product limit

Sets the maximum number of recommended products to display. Default is 10.

#### Show divider

Toggles a visual divider to separate the section from surrounding cart content.

#### Vertical spacing

Controls spacing around the section to adjust its visual hierarchy within the cart page.

#### Vertical spacing (desktop)

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

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent 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/cart/complementary-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.