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.
- クイック ビュー機能を使用すると、WooCommerce 製品の概要をすばやく把握できます。この機能を使用すると、詳細ページにアクセスせずに任意の製品を確認できます。
- 有効にする Quick View module in the ShopEngine dashboard.
- に行く Builder Templates > Add New, choose クイックビュー and start editing.
- Select or create a product to link with the template and Elementorで編集する.
- Customize the quick view layout (add widgets, style, etc.) and 保存.
- 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.
クイックビュービルダーテンプレートの使用 #
To take advantage of this amazing feature you must have installed the ショップエンジン plugin to your WordPress site. Afterward, follow the below steps –
STEP-1: Enable Quick View module #
あなたの WordPress ダッシュボード に行く 1. ShopEngine -> 2. モジュールをクリック -> 3. クイックビューモジュールを見つけて有効にする -> 4. 変更を保存する


STEP-2: Open a Quick View Template #
- ShopEngineに戻る
- ビルダーテンプレートを探す
- 新規追加をクリック
- テンプレートに名前を付ける
- タイプを選択 – クイックビュー
- アクティブ - はい
- テンプレートデザインを選択
- Elementorで編集をクリック


STEP-3: Select a Product & Edit with Elementor #
このステップではウィンドウがポップアップ表示されます。
- 任意の製品名を入力するか、新しい製品を作成する必要があります。
- 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 ショップページまたはアーカイブページをご覧ください下のGIF画像をご覧ください。すべての製品にクイックビューアイコンが追加されています。いずれかの製品をクリックすると、 シングルIフレーム ポップアップが表示されます。フレームから、商品の数量を選択したり、カートに追加したり、チェックアウトしたり、その他の操作を行うことができます。


シンプルで素早く、最も 完全な WooCommerce テンプレート ビルダー ShopEngineこのドキュメントがお役に立てば幸いです。
