UB Quickview for Magento 2

Disclaimer: Please always backup your Magento installation (files and database) before installing any of our extension so you can roll back in the event of issues. We recommend to install our extension in a testing environment before deploying it to your production environment. All Ubertheme extensions were tested in clean Magento installations without 3rd party extensions and we can’t guarantee for compatibility with 3rd extensions.

UB Quick View is native with Magento 2.x. Please make sure your system meets the Magento 2 System requirements: here.

The download package includes: UB Quick View extension


  • Step 1. (Required) Install PHP Mobile Detect Resource APIs

    You have to install the PHP Mobile Detect Resource APIs using Composer by requiring the mobiledetect/mobiledetectlib in your project. You can check out How to install PHP Mobile Detect Resource APIs here.

  • Step 2. Unzip the download package somewhere on your local PC. You should see the app folder structure as follows.
    install 4
  • Step 3. Copy and paste the folder app of the package to your web root. You should see the path …/app/code/Ubertheme/UbQuickView as follows:
    install 3
  • Step 4. Open your terminal and go to the Magento directory. In this directory, run the following commands:
    NOTE: the command php -f bin/magento module:enable -c Ubertheme_Base is required for UB Quick View v1.0.4 and above.
    • php -f bin/magento module:enable -c Ubertheme_Base
    • php -f bin/magento module:enable Ubertheme_UbQuickView
    • php -f bin/magento setup:upgrade
    • php -f bin/magento setup:di:compile
  • command install
  • Step 5: Run the deploy command to regenerate static files:
      • If your M2 is in a production mode: php -f bin/magento setup:static-content:deploy
      • If your M2 is in a developer mode: php -f bin/magento setup:static-content:deploy -f

    Once you finish the last command to clean cache, you have UB Quick View installed and ready for your use. When you hover a product in your frontend, you should see the ‘UB Quick View’ button enabled.

    quick view frontend

UB Quick View supports all product types: Simple Products, Configurable Products, Download Products, Bundle Products, Virtual Products, Grouped Products.

We can see a few examples as follows:

demo quick view01

An example of a hover block with UB Quick View button

Below are some examples of Popup preview window when users click on the UB Quick View button:

UB Quick View - Simple product

UB Quick View -- Simple product

UB Quick View - Configurable product

UB Quick View -- Configurable product

UB Quick View - Downloadable product

UB Quick View -- Downloadable product

Group Product

UB Quick View -- Group Product

UB Quick View - Bundle Product

UB Quick View -- Bundle Product

If you want to have UB Quick View extension uninstalled, please follow steps below:

  • Step 1: Disable UB Quick View module and clean associated database tables

-- Open your terminal, go to your Magento2 folder <your magento installation path> and run the following CLI commands:

php -f bin/magento maintenance:enable
php -f bin/magento deploy:mode:set developer
php -f bin/magento module:disable -c Ubertheme_UbQuickView
rm -rf /app/code/Ubertheme/UbQuickView

-- Open your Mysql cpanel (eg. PHPMyAdmin), and run the following SQL syntax:
NOTE: Make sure you replace with your own <table_prefix>:
DELETE FROM `<table_prefix>setup_module` WHERE `module` = 'Ubertheme_UbQuickView';

  • Step 2: Once done, run the following commands:

NOTE: You can still keep the developer mode if you continue development process. Otherwise, run the following commands to switch to production mode:
php bin/magento deploy:mode:set production
php bin/magento maintenance:disable