ShopEngine’s Quick View Builder Template lets you add a quick-view popup for WooCommerce products.
Customers can see product details without opening the full product page.

Watch the video guide of using ShopEngine quick view template:

Here are the quick steps:

• View the shop or archive page, click the quick view icon on any product to test.
• A quick view feature allows people to get an overview of WooCommerce products quickly. With the feature, people can check any product without visiting the detail page.
• Enable the Quick View module in the ShopEngine dashboard.
• Go to Builder Templates > Add New, choose Quick View and start editing.
• Select or create a product to link with the template and edit with Elementor.
• Customize the quick view layout (add widgets, style, etc.) and save.
• You can enable the WooCommerce quick view feature by using our ShopEngine plugin. ShopEngine quick view template adds this functionality to your WooCommerce store to quickly view any item.

Follow the steps below for a detailed guide.

Using Quick View Builder Template #

To take advantage of this amazing feature you must have installed the ShopEngine plugin to your WordPress site. Afterward, follow the below steps –

STEP-1: Enable Quick View module #

From your WordPress dashboard go to 1. ShopEngine -> 2. Click Modules -> 3. Find the Quick View module and enable it -> 4. Save Changes

STEP-2: Open a Quick View Template #

1. Go back to ShopEngine
2. Find Builder Templates
3. Click Add New
4. Give a Name to the template
5. Select type – Quick View
6. Active- Yes
7. Choose any template design
8. Click Edit with Elementor

STEP-3: Select a Product & Edit with Elementor #

A window will pop up in this step.

1. You have to write any product’s name or you can also create a new product.
2. Click Edit with Elementor

STEP-4: Publish the Template #

You can now edit the single product that you have just added. If you wish you can also add any other widget like Related Products, Recently Viewed Products, or others and customize the page accordingly.

Finally, click the publish button.

Final Step- Check any Product Quickly #

To check the Elementor product quick view feature, you have to visit the shop page or archive page. Check the GIF below, there is a quick view icon added to every product. Click any product and a single I-frame will pop up. From the frame, you can select the quantity of the product, add it to the cart, checkout, and do other things.

It is simple and quick with the most complete WooCommerce template builder ShopEngine. Hope you find the documentation helpful.