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