Skip to content
0%

Quick View

Quick Start

Sales now are faster than ever. Some deals are done in just couple of minutes or can even last seconds of time. Considering all this many problems show up, one of them is the following: how to give customer an ability to quickly preview all the essential product information without the need of page reload?

ProfStep QuickView Extension can help to deal with this issue by providing a simple ui for faster interaction with products on catalog category page

Installation

See Installation Guide for more install details.

How to use

Once extension is installed and enabled, customers can see a “Show Product Info” button on any products appearing after user hovers on the desired product:

img.png “Show Product Info” button

After clicking on this button modal window appears, giving user an ability to see main product information and do the following:

  1. Add product to cart
  2. Add product to wishlist
  3. Add product to compare
  4. Leave a review

img.png Product view modal window

Store Configuration

There are several settings located on Stores ➔ Settings ➔ Configuration page under the Profstep ➔ Quick View tab.

There are the following settings groups available:

  • General
  • Popup View

General

Basic configurations are performed here:

  • Module Enabled. Determines whether module functionality should be enabled
  • Button Text. Text of the “Show Product Info” button
  • Button Additional CSS. Additional styling to be applied to “Show Product Info” button
  • Close Popup on Add to Cart. Determines whether to close product info modal after it was added to cart

img.png General settings

Settings to adjust popup look-and-feel:

  • Popup Display Type. Determines popup appearance. available options:
    • Popup img.png
    • Sidebar img.png
  • Enable banner. Whether to show banner on top of the popup window. img.png Modal view with banner
  • Banner Title. Is shown only if banner is enabled. Banner text to be shown
  • Banner Color. Background color of banner block
  • Banner Additional CSS. Additional styling to be applied to special banner

img.png Popup View settings

Have any problems?

Ask for help on our email support@profstep.com, check our blog for answers blog.