# Product Page Buttons

These buttons can be added and configured through the theme editor. More advanced setups and button placements can be achieved via code access.

{% hint style="info" %}
**Theme 2.0 required.**

Product page buttons are app blocks, which can only be used in 2.0 themes. Other themes need to add these buttons via  [Code Editor](/customizations/code-editor.md).
{% endhint %}

### Style

Select a Wishlist button style. This uses the global colour and button values from app settings.

![product-style.png](/files/8D8zjTb7WJ3lNrttKSUA)

### Alignment

Adjust the Wishlist button alignment when it’s not displayed [full width](https://www.notion.so/Product-Page-Buttons-1-2aa354d5617e4e7f95b01e444f045a06?pvs=21).

Use content alignment when the button is set to [full width](https://www.notion.so/Product-Page-Buttons-1-2aa354d5617e4e7f95b01e444f045a06?pvs=21).

![product-alignment.png](/files/hTARpEqYUUW5RZhnSEwh)

### Spacing

Adjust the Wishlist button spacing. All values are in px.

Note: Negative values can be used in order to reduce the spacing if surrounding elements have excessive margins.

![product-spacing.png](/files/YUm84RCJQGRbSdaLdqCv)

### Max width

Use this setting to restrict the maximum width of the Wishlist button.

When set to 0 the max width is turned off.

### Full width

When active the button will stretch to fill the entire available space or its [max width](https://www.notion.so/Product-Page-Buttons-1-2aa354d5617e4e7f95b01e444f045a06?pvs=21).

### Show text

Hide or show the Wishlist button text.

### Show icon

Hide or show the Wishlist button icon.

### Icon

Adjust the Wishlist button icon style. Icons will use the global [colour](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21) values from [app settings](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21).

![product-icon.png](/files/Nm9DJKbFcENkja9Hwqsw)


---

# 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://docs.swish.app/theme-extensions/product-page-buttons.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.