# Product Options

### Product Option allows you to offer different options for your product, such as sizes, colors, extras, addon products, or even build product packages, providing customers with customizable choices.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2F20NzdfzAqjKl0y2OpQqi%2FKF3hmMLPe80c-Ar9IKMOs_how-to-create-a-new-product-with-multiple-variants-step-34.webp?alt=media&#x26;token=9616c0dc-96eb-4464-9b97-f405a546520b" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Product Options Preview" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2Fs3BS4POqYZO8dJlEHMvI%2Fj8eXF8SA5IHvpcKMI6Ck8_image.webp?alt=media&#x26;token=0d14dbc6-d1d7-439f-b735-834b198aaade" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Option Name: Enter the name of the option, such as "Choose your Sauce."

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FtHoG4KOeNfLJsDn5g7vE%2FdlI3XaUv3zQLrdkJHQxb4_how-to-create-a-new-product-with-multiple-variants-step-39.webp?alt=media&#x26;token=8ed87f00-9906-45d2-9bb4-eebc69a709af" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Option Preview" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FVw0tv7LnMwexn6ww4Vm4%2F_lmLIk-VuNAg5LGz44C8M_image.webp?alt=media&#x26;token=770dbdb9-5fc1-4784-b110-f309613217cb" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Second Tab" %}

{% endtab %}
{% endtabs %}

### Type: Choose between Single or Multiple to determine if customers can select only one variant or multiple variants for the option.

{% tabs %}
{% tab title="Multiple Variant Preview" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FopA6ytuyndg6pFd2MACn%2FieFg9Y95jbLcfZKVpcbc2_image.webp?alt=media&#x26;token=9a808055-063d-48a6-af26-90667d95f994" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Single Variant Preview" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2Fr3ryEp0PA5PTjAKyaFsH%2FWT9AsiDmR-bb0_m033LyW_image.webp?alt=media&#x26;token=4d390425-d85d-4ebc-92e1-677ac5fcda77" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Required: Enable or disable to indicate whether it's mandatory for customers to choose from this option to add the product to their cart.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2F5n0qEqyP6cvpMMJomtgr%2FsYDCClaiq27Pzpnj6AFOz_how-to-create-a-new-product-with-multiple-variants-step-42.webp?alt=media&#x26;token=e065ac10-6e9e-4878-83dd-042ead596e3a" alt=""><figcaption></figcaption></figure>

### Enable Range: Enable this option to set a picking range if the type is set to multiple. For instance, if the Range is set to minimum 2 and maximum 3, and there are 10 variants of this option, customers need to select at least 2 and up to 3 variants.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2F6r6BjgCTuFfepBzk76Sq%2Fp-JPbtTa_Ba2ZGgwDiI5m_how-to-create-a-new-product-with-multiple-variants-step-47.webp?alt=media&#x26;token=0c2a250c-8dd6-4408-a38a-d0fdde8af2ac" alt=""><figcaption></figcaption></figure>

### Select View: Decide the display type for your Option variants, whether it's a list or a card view.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FXBkrdPARqa4prXVBL4p4%2FkfdAcKGaTN5XHvNpkJzbH_how-to-create-a-new-product-with-multiple-variants-step-49.webp?alt=media&#x26;token=c4a076b4-8d88-4e34-a50d-146e4c4f05bc" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="CARD PREVIEW" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2F41rKiCPWA2GApQgQ7FG1%2FOWgQ6cAqQvRqIQdAizdai_image.webp?alt=media&#x26;token=44c36a4d-8c31-4a55-8293-174a0c19a7a1" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="LIST PREVIEW" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2Ft9De57Km33bFe92GNi5o%2Fcfwz-rGCJdpZB5sP7j5FA_image.webp?alt=media&#x26;token=b6091c33-c6ad-452b-ba6a-0394a78561d5" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Variant Name: Now under this option, enter the name of the first variant, such as "Hot Sauce" for Sauces.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FcUWv1eQcQC5LNJAHshLK%2F9uhXV-zVE2Jq5HFK9e9S3_how-to-create-a-new-product-with-multiple-variants-step-54.webp?alt=media&#x26;token=195da74f-15cb-441f-b526-05649e5fd00d" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="VARIANT NAME PREVIEW" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FwmDGabrJtQ39cEICqq0A%2Fy5-_mX6qXd8Gwt84EmaOh_image.webp?alt=media&#x26;token=0aa78338-130d-4371-b958-26ccc468ff35" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Price: Set the selling price for this variant, which will be added on top of the product's base selling price.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FjhZ7ASvxlJThyPmlzlyW%2Fqva_L-r2d2v-ZluaCNnQt_how-to-create-a-new-product-with-multiple-variants-step-54-1.webp?alt=media&#x26;token=1adecde2-7ddf-42b2-93a2-c5a14fa55164" alt=""><figcaption></figcaption></figure>

### Cost Price: Enter the cost price of this variant, which will be used for internal profit calculations

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FTETPEBNPmYOIeFn8zFyg%2FuieDVmNVaGmAmhVwMZ1_G_how-to-create-a-new-product-with-multiple-variants-step-55.webp?alt=media&#x26;token=8292c499-65eb-4708-8662-cf33ae483c37" alt=""><figcaption></figcaption></figure>

### Enable Max Quantity: Specify the maximum quantity a customer can add for this variant.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FuRXDxZSVxbSsyfZZHpyx%2Fil4bwNi3JeOgqbgIrKLtM_how-to-create-a-new-product-with-multiple-variants-step-57.webp?alt=media&#x26;token=ad5b0005-4935-433d-afb7-2295a1456ac8" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="VARIANT MAX QUANTITY PREVIEW" %}

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FXet1ZCbDb6NGRrvNdBqi%2FoUtB-gaDY8nFmyxLlpR9X_hyperzod-workflow-step-2-4.webp?alt=media&#x26;token=21865325-fd46-4ec5-8ca0-31a24b7d4b91" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Description: Provide a brief description about this variant, highlighting its unique features or characteristics.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FUghZU8pe6DLkWK8xttMn%2Fe217ZjiFcgfzYCa2IVtVr_how-to-create-a-new-product-with-multiple-variants-step-62.webp?alt=media&#x26;token=3a527e44-9e1a-4949-baa7-ea840f96b8ac" alt=""><figcaption></figcaption></figure>

### Image: Add an image for this variant. The required resolution is 50x50 pixels

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FiemHz7lqampCgZZu3jaU%2FWSsqt-WGOF3TrdtJpshR1_hyperzod-workflow-step-2-3.webp?alt=media&#x26;token=496c9cd7-bc75-44de-b7d6-8b413e7d480a" alt=""><figcaption></figcaption></figure>

### Click on "Add more variant" to similarly add more variants to this option

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FKWOjYdF9brIJxGXjT65n%2FA3axIMz5rK4EqN2jFZKH8_how-to-create-a-new-product-with-multiple-variants-step-63.webp?alt=media&#x26;token=526ffd40-bdab-4b3f-b9c0-7b973c631079" alt=""><figcaption></figcaption></figure>

### Similarly, click on "Add Option +" to similarly add more options to this product.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FItiLNYMJVjoFwgwMXcHE%2F2nQMAlgupHMb9mdqTgKBe_how-to-create-a-new-product-with-multiple-variants-step-35.webp?alt=media&#x26;token=428decdb-3b54-41e2-b20f-bcf0c9a1aa7d" alt=""><figcaption></figcaption></figure>

### Status: Mark as active or inactive to respectively display or hide this product on the storefront.

<figure><img src="https://4002138717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPXXDmZVyxNUXtibN3BRm%2Fuploads%2FfSQ5HxOpduB7GG9jfyCA%2FwMKxfx9Sao5KdGG0bW-7v_how-to-create-a-new-product-with-multiple-variants-step-68.webp?alt=media&#x26;token=cd16ca91-e05b-4695-9324-31d7d6e87a78" alt=""><figcaption></figcaption></figure>
