# Quick View settings

The Quick View feature allows users to view the short details of the listing in the pop-up.

{% embed url="<https://www.youtube.com/watch?v=wW291yPm3fY&t=86s>" %}

To enable the function of Quick View, you need to drag the **Quick view** item to the working space and place it in the needed area in the **Preview item** section.

![](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-Mb-ZzeGnb2J1RJxEGRA%2F-Mb04uyoq3fOgV6kHc28%2FEdit-List-%E2%80%B9-uListing-%E2%80%94-WordPresstrh.png?alt=media\&token=078669f6-56e1-4827-b482-04015cf0ed57)

When hovering over the Quick View item, you can access three options: **Edit**, **Move** and **Delete**.

![](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-Mb-ZzeGnb2J1RJxEGRA%2F-Mb06hcr0t53ONTFfcXt%2Ffghfgjhnhj.png?alt=media\&token=387832d7-a213-4a2c-b1ca-0ad54905f8d5)

By clicking on **Edit** you are able to set the style for the **Quick View icon**, that will be located on the listing card. You can change the background color, and under the **Template** tab select the style for the icon. &#x20;

![](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-Mb-ZzeGnb2J1RJxEGRA%2F-Mb08ZV6fJPFQNbdBbFr%2FEdit-List-%E2%80%B9-uListing-%E2%80%94-WordPresskhjk.png?alt=media\&token=b3ee26df-0a6c-4719-b8a0-f7813c232e0e)

![](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-Mb-ZzeGnb2J1RJxEGRA%2F-Mb08bR8Leom6Asd-mu-%2FEdit-List-%E2%80%B9-uListing-%E2%80%94-WordPressuyt.png?alt=media\&token=0d242404-c690-4ce4-83c4-2b9abc7eaa1a)

Now, go to the Quick View settings section and drag the custom fields, which you want to see in the quich view pop-up.

![](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-Mb-ZzeGnb2J1RJxEGRA%2F-Mb0A2Rh8k3gZyXEWKDb%2FEdit-List-%E2%80%B9-uListing-%E2%80%94-WordPresshnb.png?alt=media\&token=f33cff77-c9a9-423b-aeb0-8a3756893845)

When you finish with the settings, click **Save** and check the changes on your website.&#x20;

Now users that browse through the listings can click on the Eye icon to access more details about the product, without losing the listings page results.&#x20;

![The screenshot of the Inventory Layout taken from the Homepress theme.](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-MJR3apagnZ1Fveo5L3s%2F-MJRJEG6WrsVgfMlICLv%2F10.png?alt=media\&token=793afa7a-a4da-4653-bab9-030452afd367)

The popup window includes the information regarding the product, all attributes you included during the Quick View setup, and also it lets users add the product to the Wishlist.&#x20;

![The screenshot of the Quick View modal taken from the Homepress theme.](https://2876486769-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDTKPddy4RxFiB8SCuu%2F-MJR3apagnZ1Fveo5L3s%2F-MJRJ93oLcrr7A6WTuLY%2F9.png?alt=media\&token=ade374c5-e66a-408a-8869-b4271089e87d)
