Create a Quick View Popup Page

Creating a Quick View Popup page will allow your visitors to have a glance at a product without entering the product page. You can easily build a Quick View Popup by leveraging the widgets of ShopEngine. Follow the steps below to learn how to create a Quick View popup using ShopEngine.

Step 1: Enable the Quick View Module #

• Go to the list of ShopEngine Modules and Toggle the Quick View Module On.

Step 2: Create a Quick View Template #

• Go to ShopEngine-> Templates -> Add New

• Provide A Template Name-> Select Page Type: Quick View.

• Enable Default Template-> Set Default->Yes-> Click on Edit with Elementor

Step 3: Choose Structure #

• Click on the “+” icon of Elementor and choose your preferred section layout.

Step 4: Build your Quick View Page with “ShopEngine Single Product” Widgets #

• Leverage the widgets of the “ShopEngine Single Products” block from Elementor to give the Quick View page a shape. Once the visitors click on the Quick View button they will be able to see the elements you’ve added in your Quick View popup.
  
  
• Usually, you can add the product title, product price, add to cart button, product SKU, etc. for the Quick View popup page. Make necessary changes to customize the settings to create a Quick View that works best for your customers.
  
  
• Once you are done adding the required inputs on your Quick View page, save it by clicking on -> Update.

Step 5: Preview Your Quick View Page #

• Now, go to the Shop Page of your website->Find the Quick View icon (like an eye) under any product and click on it.

• Below is a preview of what your customers will see when they click on the Quick View icon of any product.