# Button & Variants

In **Product overview** > Add **Button & Variants**

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/85kmymPcYySfsAi3O5l2/image.png" alt=""><figcaption></figcaption></figure>

### Show Local Pickup

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/2VWVJXKOaWFEVaXSZzFB/image.png" alt=""><figcaption></figcaption></figure>

### Show Hurrify

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/h6Ytk5cJUuh9VMk0IyzG/image.png" 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="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/0mubUHcXVMPVGK1SppMG/image.png" alt=""><figcaption></figcaption></figure>

### Style Variant

{% tabs %}
{% tab title="Dropdown" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/UZDntCnbyzNl1H0Xng7m/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/gWBE9ahgdCvznPpA8CCX/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/YRbTTr7LgiXviMSE0QbO/image.png" alt=""><figcaption></figcaption></figure>

### Swatch Color & Circle Color

{% tabs %}
{% tab title="Enable" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/I5kcjxSz3Z1ESWbmF2PT/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Disable" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/MghF8bdS2NOVvTglgR1w/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Enable Circle Color" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/nJw8OPh6qLS6CEpqsUpx/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Disable Circle color" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/T7aK2BExrRbKpXRoFwXG/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Size Color

{% tabs %}
{% tab title="Small" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/ObJS4lA6k3Dl83qWXK2i/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Normal" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/srcFCxdy4gCxnmJURU7Y/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Large" %}
<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/vidjpHK20XwoKRs5k6eh/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### 🔗 Affiliate product

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/Zs83JcyGWMBob0Gybpjd/image.png" 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="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/OvwGt4D9McSmJbQ3Nxjw/image.png" alt=""><figcaption></figcaption></figure>

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

```

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/2dwV91i4pdzne5AWis6I/image.png" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://content.gitbook.com/content/9MFx9GVy3Xzzf7YdeWsk/blobs/cMcFk8fKHOVBKaZ4dO5X/image.png" alt=""><figcaption></figcaption></figure>
