# 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="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FwzgP1zphGuLYFIaXkgNc%2Fquick%20view.png?alt=media&#x26;token=c2b56b61-ec2e-460d-8225-cc43314bc02e" alt=""><figcaption></figcaption></figure>