> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zaidkayed.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Get started using the app and run your first scan in minutes.

## Main Page

This is the main page of the app, it's where you do the filtering and create snapshots - we'll come to that in a minute -,
we will start by explaining each set of actions and how it works.

<img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/main-page.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=035815c3daa7d008d4ece7e20e78b784" width="2880" height="1255" data-path="images/main-page.png" />

| Color                                                                                                                                      | Description                                                                      |
| ------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------- |
| <div style={{backgroundColor:"green", width:"8px", height:"8px", borderRadius:"50%", display:"inline-block", marginRight:"8px"}} />Green   | Opens the filters                                                                |
| <div style={{backgroundColor:"red", width:"8px", height:"8px", borderRadius:"50%", display:"inline-block", marginRight:"8px"}} />Red       | Start/reload scan (while scanning)                                               |
| <div style={{backgroundColor:"yellow", width:"8px", height:"8px", borderRadius:"50%", display:"inline-block", marginRight:"8px"}} />Yellow | Actions to create a snapshot, pause/resume/reload scan, and continue a full scan |
| <div style={{backgroundColor:"blue", width:"8px", height:"8px", borderRadius:"50%", display:"inline-block", marginRight:"8px"}} />Blue     | Info / errors of the current scan process                                        |

## First Scan

<Steps>
  <Step title={`Click on the filter icon (or press F) then click on "Add filter"`}>
    There are many filters that you could use simultaneously, but for the
    purpose of illustration we will focus on two.
  </Step>

  <Step title={`Choose 'Active' from the "Status" filter`}>
    We only want to focus on active products
  </Step>

  <Step title={`Choose 'No image on any variant' from the "Images" filter`}>
    This filter finds products with a variant that doesn't have an image.
  </Step>

  <Step title={`Now click on "Start scan"`}>
    The scanning process starts immediately.
  </Step>
</Steps>

The reason why the app scans products in batches is due to the Shopify API limit, this prevents the app from querying all products.

A workaround exists, though it needs more setup which is why it's a paid feature.

## Scan Result

<Note>Products with variants won't have a price displayed</Note>

<img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/post-scan.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=11f69cc92298c01e9c92c070cca84402" width="2786" height="1388" data-path="images/post-scan.png" />

<Check>We found products with missing images</Check>

Learn more about the images filter [here](/filter/images).

The scan here is paused, you could either pause your scan from the `More actions` in top right corner or it would stop once it fills the current page, you could override this limit by enabling `Allow full scan` in the same panel and it will keep going.

## Create a Snapshot

Now it's best to create a snapshot and save these products for later review.

To create a snapshot:

<Steps>
  <Step title={`In the top right corner click on "Save snapshot"`}>
    <img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/action-menu.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=59205246f2e9ce65c3a04d8c6dbb1824" width="758" height="90" data-path="images/action-menu.png" />
  </Step>

  <Step title={`Name your snapshot and choose your product selection`}>
    <img style={{ borderRadius: "0.5rem" }} src="https://mintcdn.com/commercestack/H8mvViQW55pXwpdr/images/save-snapshot.png?fit=max&auto=format&n=H8mvViQW55pXwpdr&q=85&s=1091336a1094b6602b0e02fba39309a9" width="1242" height="666" data-path="images/save-snapshot.png" />
  </Step>

  <Step title={`Click on "Create"`}>
    Your products are now saved inside an individual snapshot
  </Step>
</Steps>

Go to the `Snapshots` page and you can view all your saved snapshots.

You can easily share the link to your snapshot to anyone and they could view the product list and update it accordingly.