> For the complete documentation index, see [llms.txt](https://docs.swish.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.swish.app/theme-extensions/floating-wishlist-link.md).

# 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**&#x20;

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.
