# Shop the look

The shop the look section allows merchants to showcase a lifestyle image with linked products, helping customers shop complete outfits or styled arrangements directly from visual inspiration. It is commonly used to increase engagement and encourage multi-product purchases.

<figure><img src="/files/MCqvSfrC5OYVUOY8SM02" alt=""><figcaption></figcaption></figure>

#### Maximum width

Controls the horizontal width of the section. Set to “Fill space” to allow the content to span the full available container width.

#### Show header

Controls the visibility of the section header above the content. When enabled, the heading and subheading are displayed if set.

#### Direction

Defines the layout direction on desktop. Set to “Column” to stack content vertically; mobile always uses a column layout for usability.

#### Heading

The main heading displayed for the section. Default is “Shop the look”. Leave blank to omit.

#### Subheading

Optional supporting text shown below the heading to provide context or inspiration for the featured look. Leave blank to omit.

#### Button label

Defines the text for an optional call-to-action button. Leave blank to hide the button.

#### Button link

Specifies the URL destination for the button. Can link to a collection, product page, or external URL. Leave blank to omit.

#### Button style

Defines the visual style of the button. Default is “Secondary”.

#### Image desktop

Sets the main lifestyle image displayed on desktop devices. Leave blank to omit.

#### Image desktop aspect ratio

Controls the aspect ratio of the desktop image. Set to “Auto” to preserve original proportions, or adjust for layout consistency.

#### Image mobile

Sets the image displayed on mobile devices. Leave blank to omit.

#### Image mobile aspect ratio

Controls the aspect ratio of the mobile image. Set to “Auto” for original proportions or adjust as needed.

#### Image link

Defines a clickable link for the image, allowing users to navigate to a product, collection, or page. Leave blank to omit.

#### Disable rounded media

Removes rounded corners from images, resulting in a sharper, edge-to-edge visual style.

#### Vertical spacing

Controls the spacing around the section to adjust its separation from surrounding content.

#### 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 across screen sizes.


---

# 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/dynamic-sections/editorial/shop-the-look.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.