> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

# Method name:

siteStores.openQuickView(productId: string, options: QuickViewOptions)

# Method Link:

https://dev.wix.com/docs/sdk/frontend-modules/stores/product/open-quick-view.md

# Method Description:

Opens the [Quick View](https://support.wix.com/en/article/wix-stores-customizing-the-quick-view-in-the-product-gallery) modal of a specified product.

The quantity input field in the Quick View will be pre-populated with 1, unless otherwise specified in the `options.quantity` field.

If the product has different [options or variants](https://support.wix.com/en/article/wix-stores-adding-and-customizing-product-options#product-option-faqs),
they will be displayed for selection in the opened Quick View.

>**Note:**
> This API fails when viewing the site on mobile because there is no Quick View on the mobile site.

# Method Permissions:



# Method Permissions Scopes IDs:

undefined



# Method Code Examples:

## Open Quick View modal

```javascript
import { product } from '@wix/site-stores';

// ...

$w('#myButton').onclick(() => {
  const productId = "c329246b-d521-feb4-85f5-539ca992d73a";

  product.openQuickView(productId)
    .then(() => {
      console.log('Opening Quick View...');
    })
    .catch((error) => {
      console.error(error);
      // Handle the error
    });
});
```

## Open Quick View modal with options

```javascript
import { product } from '@wix/site-stores';

// ...

$w('#myButton').onclick(() => {
  const productId = "c329246b-d521-feb4-85f5-539ca992d73a";
  const options = {
    quantity: 13
  };

  product.openQuickView(productId, options)
    .then(() => {
      console.log('Opening Quick View...');
    })
    .catch((error) => {
      console.error(error);
      // Handle the error
    });
});
```