# Default blocks

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.

You can change the **Style** to display the description as a **Paragraph**, **Open accordion**, or **Close accordion**. Click on the **Description** block to find the settings.

{% 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](https://help.fluorescent.co/spark/product-pages/product-page-blocks/information-popup) (Size guide), [Variant swatches](https://help.fluorescent.co/spark/product-pages/variant-options/variant-swatches), and [Variant chips](https://help.fluorescent.co/spark/product-pages/variant-options/variant-chips).

{% 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](https://help.fluorescent.co/spark/general/adapting-your-theme/edit-default-theme-content).

## **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**

![](https://github.com/fluorescent/kb-spark/blob/main/product-pages/.gitbook/assets/product-share.jpeg)

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**.\\

***

> **Related links**
>
> [Product template](https://help.fluorescent.co/spark/product-pages/product-template)\
> [Product page layout](https://help.fluorescent.co/spark/product-pages/layout-and-style)\
> [Product overview blocks](https://help.fluorescent.co/spark/product-pages/product-page-blocks)