# Floating Wishlist Link

The floating Wishlist link is an easy “no code” way to add a link to your customers' Wishlist page to your site. It floats in a corner of the browser and can be hidden when the Wishlist is empty.

{% hint style="info" %}
**Custom Header Link** 

A custom header link requires changes in our app's Code Editor due to limitations of Shopify’s theme editor. Send us a customisation request through the app to have us do this for you.
{% endhint %}

### Style

Select a floating Wishlist link style. This uses the global [colour](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21) and [button](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21) values from [app settings](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21).

![floating-style.png](/files/IzfIhZB3o0NFvp8DPguF)

### Visibility

Controls when the floating Wishlist link is shown.

* **Always Visible** Always show the floating Wishlist link.
* **Hide when Wishlist empty** Hides the floating Wishlist link until a product was added to the Wishlist.

### Position

Position the floating Wishlist link relative to the browser window (e.g. bottom right).

### Offset

Offset the the floating Wishlist link position.

* **Horizontal offset** Negative values move the button left, positive values move the button right.
* **Vertical offset** Negative values move the button down, positive values move the button up.

### Border radius

Use this setting to adjust the border radius. When set to 0 the link is a square, setting it to the max value will create a circle.

### Shadow

Adds a shadow to the floating Wishlist link. This uses the global [shadow](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21) values from [app settings](https://www.notion.so/App-Settings-49f83f5f7fc84a6cba90d06254c637f9?pvs=21).

### Icon

Adjust the icon size and stroke thickness.

### Counter Style

Various styling options for the counter.

### Counter Visibility

* **Always show counter** Permanently show the counter.
* **Hide counter when 0** Hides the counter when Wishlist is empty.
* **Always hide counter** Permanently hide the counter.


---

# 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/floating-wishlist-link.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.