# Quick view

{% hint style="info" %}
**Products -> quick-view -> Quick view**
{% endhint %}

{% hint style="danger" %}
**IMPORTANT!** You can add various sections to the Quick View popup by pressing **“Add section”**. The theme includes different content sections for a Product page, such as [<mark style="color:blue;">**Builder**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder), [<mark style="color:blue;">**Article carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel), [<mark style="color:blue;">**Brand Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel),[ <mark style="color:blue;">**Product Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel), [<mark style="color:blue;">**Review Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel), [<mark style="color:blue;">**Contact Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form), [<mark style="color:blue;">**FAQs**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs), [<mark style="color:blue;">**Gallery**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery), [<mark style="color:blue;">**Information line**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line), [<mark style="color:blue;">**Search Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form), [<mark style="color:blue;">**Subscription form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form), [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections), [<mark style="color:blue;">**Lookbook**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/lookbook), [<mark style="color:blue;">**One product**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product), [<mark style="color:blue;">**Slider Revolution**</mark>](https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/), [<mark style="color:blue;">**Spacer**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer). How to configure each of them you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections).
{% endhint %}

&#x20;The option **“Gallery size”,** enables one to decide the image size using 12 grid areas. You can choose to display the gallery of images: 4/12, 5/12, 6/12, 7/12, or 8/12 of a line.

&#x20;The option **“Enable sticky sidebar”** allows the sidebar to remain sticky while scrolling down in the Quick View popup. If you disable this option, there will be a blank white space on the left or right side of the product when scrolling down in the popup.

{% hint style="danger" %}
**IMPORTANT!** To decide which product information should be displayed in the popup, use the content blocks. You can add each block in the **“Quick view”** section by pressing the **“Add block”** button. The theme allows using such blocks in the popup: [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#collections), [<mark style="color:blue;">**Title**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#title), [<mark style="color:blue;">**Reviews**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#reviews), [<mark style="color:blue;">**Details**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#details), [<mark style="color:blue;">**Price**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#price), [<mark style="color:blue;">**Icon with text**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#icon-with-text), [<mark style="color:blue;">**Description**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#description), [<mark style="color:blue;">**Text**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#text), [<mark style="color:blue;">**Time countdown**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#time-countdown), [<mark style="color:blue;">**Stock countdown**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#stock-countdown), [<mark style="color:blue;">**Delivery countdown**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#delivery-countdown), [<mark style="color:blue;">**Visitors**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#visitors), [<mark style="color:blue;">**Border**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#border), [<mark style="color:blue;">**Options**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#options), [<mark style="color:blue;">**Popups**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#popups), [<mark style="color:blue;">**Text for notes**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#text-for-notes), [<mark style="color:blue;">**Buttons and quantity**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#buttons-and-quantity), [<mark style="color:blue;">**Free shipping**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#free-shipping), [<mark style="color:blue;">**Pickup availability**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#pickup-availability), [<mark style="color:blue;">**Complementary products**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#complementary-products), [<mark style="color:blue;">**Payments**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#payments), and [<mark style="color:blue;">**Social share buttons**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/products/product-page/theme-blocks#social-share-buttons).
{% endhint %}

&#x20;To change the layout of the popup, go to *Theme settings -> Product page and Quick view ->* [*<mark style="color:blue;">Quick view only</mark>*](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/product-page-and-quick-view#quick-view-only).

<figure><img src="/files/JYg0Pec8strJct6wSYAw" alt=""><figcaption></figcaption></figure>


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/page-categories/quick-view.md?ask=<question>
```

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.