> For the complete documentation index, see [llms.txt](https://docs.productwiz.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.productwiz.io/variant-image-wizard/getting-started.md). # 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 %}