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

# Sticky add to cart

The Sticky add to cart block adds a small bar that stays on screen after shoppers scroll past the product details, so they can always get back to the buy buttons.

### 1. How to add the block

In the **Product information** section, click **Add block** and choose **Sticky add to cart**.

### 2. How it works

* The bar appears once the **Product information** section has scrolled out of view, and hides again when shoppers scroll back up to it.
* It shows the product image, title and price, plus a **Choose option** button.
* The button doesn't add the product to the cart. It scrolls back to the product details, where shoppers pick their options and click Add to cart.

### 3. Block settings

* **Visibility:** where the bar shows. Options: Show on all devices, Show on desktop only or Show on mobile only. The default is desktop only.
* **Alignment:** places the bar on the Left, Center or Right of the screen. Applies on desktop only.
* **Button style:** Solid or Outline.

**Colors**

* **Enable custom colors:** turn on to use your own colors for the bar:
  * **Background:** the bar's background color.
  * **Product info:** the color of the title and price.
* **Button color:** Default or one of your color schemes (Accent 1, Accent 2, Accent 3, Background 1, Background 2 or Background 3).

{% hint style="info" %}
**Note:** This bar is for the product page only. Quick add has its own sticky Add to cart button, which you turn on in [Theme settings > Quick add](/theme-settings/quick-add.md).
{% endhint %}