# Default blocks

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-context/blob/main/product-pages/readme/theme-retirement.md).
{% endhint %}

The **Product overview** section includes default blocks. These blocks include essential components like the product title, price, description, variant and quantity selectors, buy buttons, and share icons.

## Title

The **Product title** block displays the title of your product entered in your Shopify admin settings, including the title.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | This block displays product details controlled by the Shopify admin. See [Shopify's product guide](https://help.shopify.com/en/manual/products/details) to learn more.
{% endhint %}

## **Price**

The **Product price** block displays the price of your product entered in your Shopify admin settings, including the title.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | This block displays product details controlled by the Shopify admin. See [Shopify's product guide](https://help.shopify.com/en/manual/products/details) to learn more.
{% endhint %}

## **Description**

The **Description** block displays the product description as added in your Shopify admin.

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | Product descriptions are added to the Shopify admin. Themes cannot modify product descriptions. See [Shopify's product guide](https://help.shopify.com/en/manual/products/details#title-and-description) to learn more.
{% endhint %}

## **Variant selector**

The **Variant selector** block displays available product options (e.g. Size or Material) with selectable variants.

Click on the variant selector block to find options for an [Information popup](/context/product-pages/product-page-blocks/information-popup.md) (Size guide) and [Variant swatches](/context/product-pages/variant-swatches.md).

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | Product options and variants are a Shopify feature controlled in the admin. See [Shopify's Variants manual](https://help.shopify.com/en/manual/products/variants) to learn more.
{% endhint %}

## **Quantity selector**

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

Click on the **Quantity selector** block to choose whether to show the "Quantity" label.

## **Buy buttons**

The **Buy button** block shows the "Add to cart" button with an optional dynamic checkout button. A Local pickup banner automatically appears below the buy buttons when local pickup is set up in your Shopify admin.

### **Change button label**

The add-to-cart button has the default text "Add to bag". You can customize this text using the Default theme content editor. In your theme editor or dashboard, click **Actions** (**`...`**) > **Edit default theme content**. Search this text to replace it with your own. Click **Save**.

> Learn more in our [editing default theme content guide](/context/general/adapting-your-theme/edit-default-theme-content.md).

## **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" %} <mark style="color:green;">**Shopify**</mark> | 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 %}

## **Local pickup banner**

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" %} <mark style="color:green;">**Shopify**</mark> | 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 %}

## **Share icons**

Display social media icons that let customers share the product on their Facebook, Pinterest, or Twitter.

There are no block options. To disable **Share** icons, click on the **Share** block and click **Remove block**.<br>

***

> **Related links**
>
> [Product template](/context/product-pages/product-template.md)\
> [Product overview blocks](/context/product-pages/product-page-blocks.md)


---

# 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/context/product-pages/product-page-blocks/default-blocks.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.