# Sticky add to cart

![](https://docs-assets.foxecom.app/foxify-app/32b3aed6-706b-4ab9-b61a-33a445968808.png)

Keep the add to cart button visible as shoppers scroll your product page, so they can buy anytime without scrolling back up.

Available on all Foxify plans.

## Add Sticky Add To Cart to your product page

1. Open your product page template.
2. In the FoxStudio editor, open **Apps market** (**A**) and install **Sticky Add To Cart**.<br/>![](https://docs-assets.foxecom.app/foxify-app/005c50df-f524-4612-82f7-de9d6b999983.png)
3. Open **Add to page** (**E**) > **App blocks**, then find **Sticky Add To Cart** under **Installed apps**.
4. Drag the block anywhere on your product page template. The bar sticks to the screen on your live store, no matter where you place it.

<Video src="https://docs-assets.foxecom.app/foxify-app/6f760ffc-a401-4d4c-a4d6-df7c11aff77b.mp4" autoPlay="true" loop="true" muted="true" />

## Settings

Select the block on your canvas to open its settings in the Inspector.

### General

<Table widths="30%">
  | Settings                          | What it does                                                                                   |
  | --------------------------------- | ---------------------------------------------------------------------------------------------- |
  | **Container width**               | **Fixed width** keeps the bar content centered. **Full width** stretches it across the screen. |
  | **Show add to cart button**       | Show the add to cart button in the bar.                                                        |
  | **Show dynamic checkout buttons** | Show express checkout buttons, like Shop Pay or PayPal.                                        |
  | **Show quantity selector**        | Let shoppers choose a quantity before adding to cart.                                          |
  | **Show price on mobile**          | Show the product price in the bar on mobile. Turn it off to save space on small screens.       |
</Table>

### Design

Sticky Add To Cart follows your store's global styles, so the bar matches the rest of your store automatically:

<Table widths="30%">
  | Part              | Where to style it                                                                          |
  | ----------------- | ------------------------------------------------------------------------------------------ |
  | **Product title** | Uses your Heading 6 style in [Global styles](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/global-styles). |
  | **Button styles** | Set in [Global styles](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/global-styles).                       |
  | **Product price** | Set in the **Design** tab of the Inspector.                                                |
</Table>

To change the product title or buttons, update your global styles. The change also applies to other elements that use the same styles across your store.

## FAQs

#### Why isn't Sticky add to cart showing?

Check that:

* The extension is installed in **Apps market**.
* The block is on your **product page template**.
* **Visibility** is turned on for the device you're checking.

#### Can shoppers choose variants in the bar?

Yes. Shoppers can choose options without scrolling back to the main product form.

#### Does it work on all devices?

Yes. The bar works on desktop, tablet, and mobile.