> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/product-page/product-sections/product-information/button-and-variants.md).

# Button & Variants

{% hint style="success" %}
In **Product overview** > Add **Button & Variants**
{% endhint %}

<figure><img src="/files/ecqwvZlz8MwxGowzFL9O" alt=""><figcaption></figcaption></figure>

### Show Local Pickup

<figure><img src="/files/SHfPs4Q2TBKrNgxKAQti" alt=""><figcaption></figcaption></figure>

### Show Hurrify

<figure><img src="/files/NBcfeitne0Xr5DmHGc8W" alt=""><figcaption></figcaption></figure>

### Show dynamic checkout button

{% hint style="info" %}
Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)
{% endhint %}

### Show Waitlist

When product is sold out it will show, You can disable /enable Waitlist

<figure><img src="/files/VMGfsHxtD0ZvvyMoVfD2" alt=""><figcaption></figcaption></figure>

### Style Variant

{% tabs %}
{% tab title="Dropdown" %}

<figure><img src="/files/3phx03VkuKJhBYUCg7EN" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button" %}

<figure><img src="/files/scvQ85aE7FDgoWXC9XcH" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Swatch Color & Circle Color

{% tabs %}
{% tab title="Enable" %}

<figure><img src="/files/dcwF9dKYRka0JM9dcN5E" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Disable" %}

<figure><img src="/files/pOdpVQO3auDKiZUxEmTx" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Enable Circle Color" %}

<figure><img src="/files/o2YMryauuzeui72pa64r" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Disable Circle Coloe" %}

<figure><img src="/files/Y6EhJeZ57eKmOhshcVWo" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Size Color

{% tabs %}
{% tab title="Small" %}

<figure><img src="/files/nGqRgkPUb8KOHk3tD9RX" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Normal" %}

<figure><img src="/files/zDLc5xOlMz4CNb17OqO3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Large" %}

<figure><img src="/files/ivvyaMn4VoFGP869SOPM" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 🔗 Affiliate product

<figure><img src="/files/dszTIrmYRDcQhklmOTf5" alt=""><figcaption></figcaption></figure>

#### Setup Affiliate by Metafields?

{% hint style="info" %}

1. From your Shopify admin, go to **Settings** -> **Custom data**
2. Click **Products → Add Definition.**
3. Please enter correct **Namespace and Key** as we noted below.
   {% endhint %}

```
Name: Affiliate or any name
Namespace and key: info.affiliate_button
Select content type: Text
```

<figure><img src="/files/vYP4P548yCAZd9LzOj31" alt=""><figcaption></figcaption></figure>

```
Name: Affiliate Link or any name
Namespace and key: info.affiliate_link
Select content type: Text
```

<figure><img src="/files/AtOkNRyN3RMKqfLkNECQ" alt=""><figcaption></figcaption></figure>

#### How to insert content for Product Metafields?

{% hint style="success" %}

1. From your Shopify admin, go to **Products -> All products**.
2. Find and choose the product that you want to edit.
3. In the **Metafields**, please insert content for "**Affiliate**" field.
   {% endhint %}

<figure><img src="/files/D0oX9t8oIN6oA9gExGq3" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://qodex.gitbook.io/shopify-docs/product-page/product-sections/product-information/button-and-variants.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.