# Buy buttons

The **Buy button** block shows the "Add to cart" button with an optional dynamic checkout button. Choose to show a **Local pickup banner** and **Sticky add-to-cart bar.**

{% hint style="info" %}
You can change the buy button text ("Add to Cart") in the [default theme content editor](https://help.fluorescent.co/cornerstone/general/adapting-your-theme/edit-default-theme-content).

In your theme editor, click **Actions** (**`...`**) > **Edit default theme content**. Search this text to replace it with your own. Click **Save**.
{% endhint %}

## Show quantity selector

***

The **Quantity selector** lets customers add more than one of the product to the cart at one time.

Click the **Buy buttons block** to choose whether to **Show quantity selector** and **Show current quantity in cart**.

## Enable sticky add-to-cart bar

***

You can show a **Sticky add-to-cart bar** to allow customers can add your product directly to their cart anywhere on the product page. When the product form's add-to-cart button is not visible, the sticky bar appears at the bottom of the page with an add-to-cart button.

The sticky bar displays the product title, price, image, and variant. Next to the variant, visitors can click the 'Change' link to jump to the variant selectors in the product form.

<figure><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2FM0azB6KseBis3bbxSgq8%2Fsticky-atc.gif?alt=media&#x26;token=e2d5f8ba-0e6b-4b3e-9f48-ebf8c2e527d1" alt="" width="489"><figcaption></figcaption></figure>

`Click Buy button block to find settings`

<table><thead><tr><th width="189">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><tr><td><mark style="color:blue;">Drop shadow</mark></td><td>Choose to display a <strong>Line</strong> or <strong>Small shadow</strong> at the top of the bar.<br><br>These options will provide more contrast between the bar and the page. Select <strong>None</strong> to show no shadow or border.</td></tr></tbody></table>

## **Show dynamic checkout button**

***

The **Dynamic checkout button** lets customers quickly buy the product they're viewing with a "Buy it now" button that skips directly to the cart or a branded button with the customer's preferred payment method.

To enable this option, click on the **Buy buttons** block to access its settings and check the **Show dynamic checkout buttons** checkbox.

{% hint style="success" %}
The Dynamic checkout button is a Shopify feature. The theme includes an option to enable the dynamic checkout button, but settings, icons, and functionality are controlled by Shopify. See Shopify's [Dynamic checkout button guide here](https://help.shopify.com/en/manual/online-store/dynamic-checkout).
{% endhint %}

## **Show pickup availability**

***

If you've set up local pickup in your Shopify admin, the theme automatically displays a banner below the buy buttons that tells customers whether the product is available at your location.

{% hint style="success" %}
Local pickup is a Shopify feature and is not controlled by the theme. See [Shopify's Local pickup guide](https://help.shopify.com/en/manual/sell-in-person/shopify-pos/order-management/local-pickup-for-online-orders) to learn more.
{% endhint %}


---

# 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://help.fluorescent.co/cornerstone/product-pages/product-page-blocks/buy-buttons.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.