> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/eclipse/product-pages/sticky-add-to-cart.md).

# Sticky add-to-cart

The **Sticky add-to-cart bar** allows customers to add your product anywhere on the product page. When the product form's add-to-cart button is out of view, the sticky add-to-cart appears at the bottom of the screen.

* The sticky bar displays the product title, price, image, and variant.&#x20;
* Customers can click "Change" to select a different variant.

<div><figure><img src="/files/Pz0SU3Roauq3QS94B9FH" alt=""><figcaption></figcaption></figure> <figure><img src="/files/VzoYspwRo9daRTfsaRsd" alt=""><figcaption></figcaption></figure></div>

`Click Product overview section to find settings`

<table><thead><tr><th width="221">Setting</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:blue;">Enable on desktop</mark></td><td>Show the Sticky add-to-cart bar on desktop screens.</td></tr><tr><td><mark style="color:blue;">Enable on mobile</mark></td><td>Show the Sticky add-to-cart bar on mobile screens.</td></tr></tbody></table>
