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

# Quick view

> Let shoppers preview a product, choose options and add it to the bag from any product card.

<Frame caption="Quick view: media, options and add to cart without leaving the page">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/guide-quick-view.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=8d2dc05b978e397296d2ee1340dd778d" alt="Quick view open on a collection page" width="2160" height="1350" data-path="images/puggy/guide-quick-view.webp" />
</Frame>

<Frame caption="1 Theme settings · 2 Product cards">
  <img src="https://mintcdn.com/kwebby/C74euD6erxKg5PtE/images/puggy/settings-product-cards.webp?fit=max&auto=format&n=C74euD6erxKg5PtE&q=85&s=2c3d94def73afc0822d75113475b8397" alt="Product cards settings" width="1470" height="812" data-path="images/puggy/settings-product-cards.webp" />
</Frame>

Quick view puts a small eye button in the top corner of every product card: home page sections, collections, search, recommendations, recently viewed and the cart page. On hover the button widens to read **Quick view**.

## What opens

* The product's photos, videos and 3D models, with thumbnails and arrows.
* Vendor, title, price and the tax and shipping note.
* Options as buttons, including swatches and pet size cards.
* Quantity, **Add to bag** and, unless you turn it off, **Buy it now** and other express buttons.
* A **See all the little details** link to the full product page.

On phones quick view slides up from the bottom as a sheet. Escape, the close button or a click outside closes it and returns focus to the card; any playing video stops. If a product can't load, shoppers see a message and a link to the product page.

## After adding to the bag

Quick view closes and the cart drawer opens with the new item. When **Theme settings > Cart > Cart type** is Page, shoppers go to the cart page instead.

## Settings

* **Theme settings > Product cards > Show quick view** turns the eye button on or off everywhere.
* **Show accelerated checkout in quick view** controls Buy it now and express buttons inside quick view.

Quick view isn't offered on the small product cards inside the cart drawer. There is nothing to set up per product: it uses the media, options and prices from Shopify admin.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.