# Getting Started ## 1. Install the app {% hint style="warning" %} Have already installed the app? Skip this and go to [**step 2**](/variant-image-wizard/getting-started.md#2-select-the-product) {% endhint %} For this first step, select the tab below that best suits your needs ⬇️ {% tabs %} {% tab title="1st time installing" %} i. After accepting the permissions, you will be welcomed with the screen below ![](/files/-MXIqP5e-PSYam2WvWEB) ii. Follow the instructions and select your theme of choice. **If you would like to use another theme later on**, simply reinstall the app on that other theme. To learn how, click on the tab titled **Installing on a new theme** above! {% endtab %} {% tab title="Installing on a new theme" %} i. Visit Variant Image Wizard **home page** ![](/files/-MV3QHTCVi_y2bfjQYJ1) ii. Click on **Get Started** button under the **Reinstall & Settings** title ![](/files/-MV3QPxM5Tvj5TWngNHK) iii. Follow the instructions and **select the new theme** you are installing the app on ![](/files/-MV3QXEeVV6C9AIXhHuW) {% endtab %} {% tab title="Reinstalling on a theme" %} i. Visit Variant Image Wizard **home page** ![](/files/-MV3QMtNhXbgB6zpvvYQ) ii. Click on **Get Started** button under the **Reinstall & Settings** title ![](/files/-MV3QPxM5Tvj5TWngNHK) iii. Follow the instructions and **select the theme** you are reinstalling the app on ![](/files/-MV3QXEeVV6C9AIXhHuW) {% endtab %} {% endtabs %} ## **2. Select the product** Now that you have installed the app on the theme of your choice, click on **SHOPIFY ADMIN**, followed by **All Products** (menu on the left) and select the product you would like to configure, like the example below ![](/files/-MV3QiI3uDaJRkPJ_ZzH) ## 3. Enable variants and fill in the product options {% hint style="warning" %} Already have variants set up? Please skip this and go to [**step 4.**](/variant-image-wizard/getting-started.md#4-open-variant-image-wizard) If it's your first time adding product variants, please follow the steps below {% endhint %} **i. Enable your product variants** ![](/files/-MV3Qu6vNiBYxflQxGuI) **ii. Add variants by following the card below** ⬇️ {% embed url="" %} **iii. To show you how to configure your first product's variants, we will use the following options:** ![](/files/-MV3Qxyl489bIX740KA9) **iv. In addition, we have also added SKUs** ![](/files/-MV3R-dO1z63EgaSe2XY) ## 4. Open Variant Image Wizard Now that you have enabled and added the variants on the product, go to the top right corner of the product page and select **More Actions**. Then, click on **Edit Variant Images**. ![](/files/-MV3R896zwtieuuadYQh) Once you click on **Edit Variant Images**, you'll encounter the following: i. Variant Image Wizard will open up in a new browser tab. You will be greeted with an introduction dialog. Hit **Continue**. ![](/files/-MV3RHvKe6Smn9wQGglJ) ii. If you have already [**set one variant image for one or more variants within your product's details**](https://help.shopify.com/en/manual/products/product-media/add-images-variants), you'll be presented with a message asking if you would like to import them. Please note you can always [**import these variant images at any time**](/variant-image-wizard/import.md#how-do-i-import-my-existing-variant-images)**.** ![](/files/-MV3RLSllIWsijdFPqeZ) ## 5. Add existing media to a product variant {% hint style="warning" %} If you want to upload new media (images/videos/models) to a variant, skip this and go to [**step 6**](/variant-image-wizard/getting-started.md#6-upload-media) {% endhint %} Expand the product variant you want to add media (images/videos/models) to and click on **Add media**. Then, select the media of your choice and click on **DONE**. Repeat this step to add existing media to all your variants. {% embed url="" %} {% hint style="info" %} **Want to add existing media (images/videos/models) to multiple variants at once?** You can do so with our [**Bulk Edit**](/variant-image-wizard/bulk-edit.md). {% endhint %} ## 6. Upload new media {% hint style="warning" %} If you have already [**configured all your variants with existing media**](/variant-image-wizard/getting-started.md#5-add-existing-media-to-a-product-variant), you can skip this step {% endhint %} If you would like to upload new media (images/videos/models), you can either upload it to a specific variant or to your [**product's media**](https://help.shopify.com/en/manual/products/product-media). Please note that if you upload media to a specific variant, the media will be **added to your product's media**. Please select the tabs below based on your preference ⬇️ {% tabs %} {% tab title="To your product's media" %} Expand a product variant and click on **Add media**. Then, drag and drop media or click on **Add media**. Finally, select the media of your choice and click on **DONE**. Repeat these steps to upload new media to all your variants. {% embed url="" %} {% endtab %} {% tab title="To a specific variant" %} Expand the product variant of your choice and drag and drop the media you would like to add into **Add media**. Repeat this to upload new media to all your variants. ![](/files/-MV3RfAgFZzVa98KkZaB) {% endtab %} {% endtabs %} {% hint style="info" %} **Want to upload new media (images/videos/models) to multiple variants at once?** You can do so with our [**Bulk Edit**](/variant-image-wizard/bulk-edit.md). {% endhint %} ## 7. Visit the product in your storefront After configuring your variants, check how the product looks like on your storefront. Simply click the **Preview** button. ![](/files/-MV3RyalRoaMNGRyAblR) **TA-DA!** Now you have configured your first product! You can view our product by clicking the link below. {% embed url="" %} ![](/files/-MV3S3Uyk9KXImP47Xvy) {% hint style="warning" %} **Something doesn't look right?** * [**Ensure Variant Image Wizard is not globally disabled**](/variant-image-wizard/faq/general.md#globally-disable-the-app) * [**Ensure the product variant is enabled**](/variant-image-wizard/faq/product-configuration.md#disable-a-particular-product) * [**Ensure the app is installed on the theme you are previewing**](/variant-image-wizard/getting-started.md#1-install-the-app) If you have confirmed all of the above and it's still not working, contact us at [support-rio@productwiz.io]() and we will assist you :) {% endhint %} --- # Agent Instructions: 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://docs.productwiz.io/variant-image-wizard/getting-started.md?ask= ``` 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.