Getting Started with Picture It

‍

Once you have Picture It installed on your Shopify account, you'll be directed to the homepage. From here, you can start adding live previews to your products by following these steps:

1. Navigate to "My Products"

Select a product you'd like to activate. Click "activate" to add the live preview.
‍

If your product has variants, you may customize how you want to display your previews:

1. Activate all variants: will use each individual variant's images (only recommended if your variant images don't have backgrounds, because doing these individually can be tedious)
2. Activate all variants, and use Auto-Framing (Beta): will use your product's main "parent image" and automatically create frames around that image. Variant dimensions will still be imported. (Learn more about Auto-Framing here)
3. Activate variants, but use parent image: will use your product's main "parent image" on all your product's variants.
4. Don't activate variants: will only use your parent image
   

2. Edit your product's preview‍

Once you activate a product, you can edit the main preview image (the "parent"), remove any backgrounds, set the parent image's dimensions, and do the same for its variants.

‍

‍

If you have variants, all dimensions will be imported if formatted correctly. You can always edit these directly.

‍

Variant Types will determine how your product previews look for each of your variants:

1. Custom: Set when you select "Activate all variants" (turns them all ON) or "Don't activate variants" (Turns them all OFF). Here you can edit each variant image individually.
2. Auto-Framing: Set when you select "Activate all variants, and use Auto-Framing (Beta)". These variants will use the parent image, but still use the dimensions from the variants.
3. Use parent image on variants: Set when you select "Activate variants, but use parent image". These variants will use the parent image, but still use the dimensions from the variants.
   ‍
   

3. Edit your preview button‍

‍Activated products will show the Live Preview button. This can be customized in the Settings page, or be embedded and customized directly as an app block in your Store's Theme Editor.

Learn how to add the preview button here!
‍

‍

‍

4. Add a Virtual Showroom (Optional)

‍‍To customize your virtual showroom and its backgrounds, navigate to the "Virtual Showrooms" page. Each collection will contain a set of customizable backgrounds. Once in a background collection, you can select or upload background images to use and edit their widths so that your products fit into the image realistically.

‍

‍

‍

5. Start previewing

Preview your activated products and see your virtual showrooms and augmented reality in action!

‍

‍

For more questions, contact help@pictureit.co.