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.
• Mithilfe der Schnellansichtsfunktion können Benutzer schnell einen Überblick über WooCommerce-Produkte erhalten. Mit dieser Funktion können Benutzer jedes Produkt überprüfen, ohne die Detailseite aufrufen zu müssen.
• Aktivieren Sie die Quick View module in the ShopEngine dashboard.
• Gehe zu Builder Templates > Add New, choose Schnellansicht and start editing.
• Select or create a product to link with the template and mit Elementor bearbeiten.
• Customize the quick view layout (add widgets, style, etc.) and speichern.
• 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.

Verwenden der Quick View Builder-Vorlage #

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 #

Von deiner WordPress-Dashboard gehe zu 1. ShopEngine -> 2. Klicken Sie auf Module -> 3. Suchen Sie das Modul „Quick View“ und aktivieren Sie es -> 4. Änderungen speichern

STEP-2: Open a Quick View Template #

1. Zurück zu ShopEngine
2. Builder-Vorlagen finden
3. Klicken Sie auf „Neu hinzufügen“
4. Geben Sie der Vorlage einen Namen
5. Typ auswählen – Schnellansicht
6. Aktiv- Ja
7. Wählen Sie ein beliebiges Vorlagendesign
8. Klicken Sie auf „Mit Elementor bearbeiten“

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

In diesem Schritt wird ein Fenster geöffnet.

1. Sie müssen den Namen eines beliebigen Produkts eingeben oder können auch ein neues Produkt erstellen.
2. Klicken Sie auf „Mit Elementor bearbeiten“

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 Besuchen Sie die Shop-Seite oder Archivseite. Schauen Sie sich das GIF unten an, es gibt ein Schnellansichtssymbol, das jedem Produkt hinzugefügt wurde. Klicken Sie auf ein beliebiges Produkt und ein einzelnes I-Frame wird angezeigt. Im Rahmen können Sie die Menge des Produkts auswählen, es in den Warenkorb legen, zur Kasse gehen und andere Dinge tun.

Es ist einfach und schnell mit den meisten kompletter WooCommerce-Vorlagenersteller ShopEngine. Ich hoffe, Sie finden die Dokumentation hilfreich.