{"id":2468,"date":"2024-08-26T20:22:21","date_gmt":"2024-08-26T20:22:21","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/how-to-add-quick-view-popup-in-magento-2\/"},"modified":"2025-07-21T12:04:51","modified_gmt":"2025-07-21T06:34:51","slug":"add-quick-view-popup-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/add-quick-view-popup-in-magento-2\/","title":{"rendered":"How to Add Quick View Popup in Magento 2"},"content":{"rendered":"\n

As the name suggests, a quick view enables the customers to glance at the product information without visiting the actual product page. Providing such a feature in your eCommerce store can add to the product browsing experience of your store and can lead to improved conversion rates.<\/p>\n\n\n\n

Magento 2 is a highly flexible platform that allows customizing the storefronts and adding extra functionalities such as product quick view. Adding a quick view popup in your Magento 2 store can drastically reduce the time required by the customers to make purchase decisions.<\/p>\n\n\n\n

Complete Guide to Add Quick View Popup in Magento 2<\/strong><\/h2>\n\n\n\n

By default, Magento<\/a> does not provide the quick view feature in its vanilla version. However, you can get such functionality added to your online store through third-party Magento 2 extensions<\/a>.<\/p>\n\n\n\n

To add a quick view popup in Magento 2, you can use the Magento 2 Quick View<\/a> popup extension by Meetanshi, allowing customers to view the products conveniently without leaving the category page.<\/p>\n\n\n\n

\n
EXPLORE MAGENTO 2 QUICK VIEW<\/a><\/div>\n<\/div>\n\n\n\n

Here is the complete tutorial on how you can enable quick view popups in Magento 2 using the extension.<\/p>\n\n\n\n

1. Install the Extension<\/strong><\/h3>\n\n\n\n

Once you have downloaded the Magento 2 Quick View Popup<\/a>, extract the zip file and upload the extension to the Magento root directory<\/a>. Now, run the following commands step-by-step through the SSH:<\/p>\n\n\n\n

php bin\/magento setup:upgrade\nphp bin\/magento setup:static-content:deploy -f\nphp bin\/magento cache:flush<\/pre>\n\n\n\n
That\u2019s it! Now, you have successfully installed the quick view popup extension in your Magento 2 store.<\/p>\n\n\n\n
2. Configure Quick View Popup in Magento 2<\/strong><\/h3>\n\n\n\n
Once the extension is installed on your store, it is time to configure it. Log in to your Magento 2 admin panel, and head towards Stores > Configuration > Quick View<\/strong> to enable the extension and configure to add a quick view popup in Magento 2.<\/p>\n\n\n\n
You can choose to hide specific blocks in the quick view popups in Magento 2, enable full-screen product image, choose to close the popup on background click, show button to go product page, and much more. Configure the quick view popup as you want through it.<\/p>\n\n\n\n
\"Configure<\/figure>\n\n\n\n
3. Popup Design & Theme Settings<\/strong><\/h3>\n\n\n\n
Once configured the extension, scroll down and click on Popup Design Settings<\/strong> and expand the settings. Here you can find various settings for designing the quick view popups in your Magento 2 store at your convenience. You can set the popup position, choose to show button on hover, and customize button text, icon, color & text color as per your requirements.<\/p>\n\n\n\n
\"Popup<\/figure>\n\n\n\n
The next and final step to add quick view popup in Magento 2 is to configure the theme settings. Scroll down and click on Theme Settings<\/strong> to expand the options to add the theme classes. Here you can enter the Product item info class and Product Image Wrapper class.<\/p>\n\n\n\n
\"Theme<\/figure>\n\n\n\n
Assign the theme classes and click on the Save Config<\/strong> button at the top right-hand side corner of the page to save all the configuration and settings for the extension.<\/p>\n\n\n\n
That\u2019s it! Now, you have successfully added quick view popup in your Magento 2 store.<\/p>\n\n\n\n
\n
EXPLORE MAGENTO 2 QUICK VIEW<\/a><\/div>\n<\/div>\n\n\n\n
<\/p>\n\n\n\n
Quick View Popup in Front End<\/strong><\/h2>\n\n\n\n
Once configured, the extension shows a product quick view button on the products in the category page that facilitates the customers to glance at the products using a quick view popup. The button is displayed per the button settings configured in the back end.<\/p>\n\n\n\n
\"Quick<\/figure>\n\n\n\n
A product quick view popup is displayed to the customers on clicking the button on the category page as per the configuration in the back end.<\/p>\n\n\n\n
\"Quick<\/figure>\n\n\n\n
Conclusion<\/strong><\/h2>\n\n\n\n
The quick view popups can drastically reduce the product browsing efforts for the customers; adding such a feature can improve the user experience of your Magento 2 store<\/a>. The Quick View Popup Extension for Magento 2 by Meetanshi is everything you need to have such amazing functionality in your online store. You can use the complete guide provided here to add a quick view popup in Magento 2.<\/p>\n\n\n\n
The extension is easy to install, configure and allows customizing the quick view popups as per your requirements to match your Magento store\u2019s theme and design.<\/p>\n","protected":false},"excerpt":{"rendered":"
As the name suggests, a quick view enables the customers to glance at the product information without visiting the actual product page. Providing such a…<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-2468","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=2468"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2468\/revisions"}],"predecessor-version":[{"id":18698,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/2468\/revisions\/18698"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=2468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=2468"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=2468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}