About Quick View and Ajax Cart for Magento 2.

Quick View allows users to get a quick look of products without opening the product page.

Add quick view functionality to any button, image, or product from a category listing page, product widget, recommended products or upsell. You can even embed your products on CMS pages or even create lookbook hotspots.

You can easily add to cart any product without leaving the current page by using the Quick View functionality. A popup window, with product details, will appear for each element that is defined to use this functionality: button, image, listing page product, product widget, recommended products or upsell. Easy to configure from settings. You can enable visibility for many elements/sections from quick view. Product zoom available on product page can also be enabled or disabled in quick view pop-up.

You can make this extension your own by configuring all the available options in admin: easily change the looks of the quickview box by using Custom CSS area from admin, control "Continue shopping" and "Go to Checkout" buttons, control where quick view pop-up opens (center, left or right), define number of seconds after the quick view box is closed, other useful settings.

Main features

  • Hide/Display product image, product thumbnail image, short description, qty selector, product availibity, SKU
  • Select Quick view button style
  • Enable/Disable 'Go to product' button in quickview frame
  • Close quickview in X seconds after adding product to cart
  • Enable/Disable to Auto scroll to top and open Quickcart
  • Enable/Disable the pop-up with Continue shopping/Go to Checkout buttons displayed after Add to cart is clicked
  • Enable/Disable zoom on product image from Quick view pop-up
  • Add Quick view functionality to any button in your website and link specific product.
  • SEO Optimization features (PRO version only)
  • Control the position where Quick View is displayed (center/left side/right side) DEMO CENTRED, DEMO RIGHT, DEMO LEFT (PRO version only)
  • Choose to Close when background is clicked (PRO version only)
  • Hotspot functionality, insert hotspots with quickview functionality and create awesome lookbooks, SEE HOTSPOT DEMO (PRO version only)

How to Install the Extension.

  • Step 1: Before installing Advanced Product Quick View and Ajax Cart Extension on a Magento 2 store please check the extension compatibility. This extension is currently compatible with the following Magento versions: 2.0.X. - 2.2.5 It is recommended to install the extension first on a testing server before you install it on a live (production) server.
  • Step 2: Copy the extension files to below path of your magento 2 instance. If ‘app/code/WeltPixel’ folder is missing, please create it manually.
  • Step 3: Access the root of your Magento 2 project from command line and run the following commands:
    php bin/magento module:enable WeltPixel_Backend --clear-static-content
    php bin/magento module:enable WeltPixel_Quickview --clear-static-content
    php bin/magento setup:upgrade
  • Step 4: Flush any cache that you might still have enabled on your server or in Magento.
  • Step 5: Woohoo! the extension is now fully installed!

How to Upgrade the extension.

  • Step 1. Remove extension code under app/code/WeltPixel/Quickview before adding the new extension files. The extension may be refactored and old unused files may cause random issues so it's best to only keep the latest version of the files.
  • Step 2. Follow normal installation instructions above.

Magento Marketplace Installation.


Configure everything in less than 1 minute.

  • Go to Admin > WeltPixel > Quickview and Ajax Cart > General
  • You can customize the extension by completing the fields listed in the left image:
  • General
    • Enable on product listing [ Yes / No ] Enable / Disable quick view on product listing
    • Quickview Type (PRO version only)
      • [Default] - Quickview pop-up displayed in the center of the page
      • [Right side] - Quickview Slides in the right side of page
      • [Left side] - Quickview Slides in the left side of page
    • Close on Background Click (PRO version only) [ Yes / No ] Enable / Disable to close Quickview pop-up when page background is clicked
    • Remove product image [ Yes / No ] Show / Hide main product image
    • Remove product image thumb [ Yes / No ] Show / Hide thumbnails below main product picture
    • Remove short description [ Yes / No ] Show / Hide short description of products
    • Remove qty selector [ Yes / No ] Show / Hide product quantity selector in quick view
    • Enable go to product button [ Yes / No ] Show / hide “go to product” button in quick view
    • Remove availability [ Yes / No ] Show / hide product availability in quick view
    • Remove sku [ Yes / No ] Show / Hide product sku in quick view
    • Button style [ Version 1 / Version 2] Select between 2 types of quick view buttons on product listing page
    • After adding product to cart, close quick view in X seconds [ Number ] Number of seconds after quick view closes automatically. If you enter 0, it will remain open until you close it.
    • Auto scroll to top and open mini cart [ Yes / No ] Enable / Disable auto scroll to top of the page and open mini cart
    • Enable continue shopping / go to checkout buttons [ Yes / No ] After add to cart, Show / Hide navigation buttons “Continue Shopping / Go to Checkout”
    • Custom CSS [ CSS code ] Enter custom CSS code and easily change the way quick view looks
    • Enable Zoom [ Yes / No ] Enable / Disable zoom on product picture shown in quick view


    • Add no follow for the quickview link (PRO version only) [ Yes / No ] Add / Remove rel="nofollow" to / from the Quickview links
    • Add no index (PRO version only) [ Yes / No ] Add / Remove <meta name="robots" content"NOINDEX,FOLLOW"> to / from the head tag of the Quickview pop-up
    • Add canonical link (PRO version only) [ Yes / No ] Add / Remove canonical link for / from Quickview pop-up


    Besides listing pages, quick view functionality can also be used in lookbooks, cms pages, blocks or anywhere in your magento2 store.

    Check live quick view functionality on Pearl Theme presentation page.
    You can see quick view in action by clicking "Buy Now" button.
    How to configure quick view on cms pages or blocks:
    • 1. You can add the quick view functionality using the following code:

      <a href="javascript: void(0);" data-quickview-url="{{config path="web/unsecure/base_url"}}
      class="weltpixel-quickview"> <div class="title">
      Your text here</div> </a>

    • 2. ...but be sure to replace "id/11" from example with your product ID from your store , in order to find your ID, in admin go to Products > Catalog to the specific product.

    • 3. Put your final code in the content of your specific page or block.
    How to configure quick view as hotspots on lookbooks:

    You can add the quick view hotspot functionality by following next steps:

      1. Go to your CMS page which is the lookbook

      2. Click Insert Widget button

      3. Select Widget Type to be WeltPixel - Quickview Hotspot

      4. Complete the hotspot configuration

      5. Click Insert Widget button to insert the hotspot widget in your CMS page


      Please make sure to add the widget into a div with the class name "wp-hotspot-quickview" that contains the image tag and the hotspot quickview widget..

      You can add the quick view hotspot functionality using the following code:

      <div class="wp-hotspot-quickview">
      <img src="my_image.jpg" style="width: 100%" alt="my image">
      {{widget insert here}}

    Multiple hotspots can be inserted in one image.


    Change Log.

    What’s new in v.1.7.5 - October 24, 2018

    • Fixed image position in quickview when using small images on product page, the image is now centered and not alligned right anymore.
    • Added detailed error messages for invalid licenses for an easier identification of the cause.
    • License improvements, added *.magento.cloud as a valid test domain for Enterprise Cloud environments. Now both ‘magentosite.cloud’ and ‘magneto.cloud’ can be used for testing purpose with the production domain license.

    What’s new in v.1.7.4 - September 25, 2018

    • Optimization - Added admin dependancy options, css added only if enabled.
    • Admin menu styling to fit screen size 1366px.
    • Fix for production mode with merged JS - missing color pallet display now fixed.

    What’s new in v.1.7.3 - August 23, 2018

    • License improvements, adding *.magento.cloud as a valid test domain.

    What’s new in v.1.7.2 - August 2, 2018

    • Default hover value added, avoiding errors when this value is not set.
    • Fixed admin random logout issue.
    • Licensing improvements, allowing 3 letter domain as valid domain.

    What’s new in v.1.7.1 - July 12, 2018

    • Compatibility with Magento 2.2.5 both Open Source & Commerce Cloud B2B.
    • Added domain.test & [any_subdomain].domain.test to the list of valid urls for staging/development environments. Added domain validation with port number included for licensing purpose.
    • Added licensing compatibility with Magento B2B.

    What’s new in v.1.7.0 - July 5, 2018

    • Fixed Image Zoom hover out, not closing the magnifier.
    • Added option to enable/disable WeltPixel admin notifications.
    • Show store and server related information under debugging tab: Magento Mode, Magento Edition, Server User, Magento Installation Path, Current server time, Latest cron jobs.
    • Added licensing, license key needs to be generated under weltpixel.com account for purchased product, based on domain name and added under your magento installation.

    What’s new in version 1.6.4 - May 16, 2018

    • Compatibility with Magento 2.2.4, logger broken reference fix, changed to rewrite from plugin.
    • Quick View PRO: Hotspot functionality, added detailed comment on how it should be used.
    • Remove main quantity box for grouped product type.

    What’s new in version 1.6.3 - April 10, 2018

    • Quick View PRO: SEO Optimized (no index/follow, canonical url options).
    • Quick View PRO: Added Quick view design #2 (for mobile as well).
    • Quick View PRO: Added Hotspot widget with product quick view functionality.
    • Removed duplicated Gallery Plugin and merge into 1 the functionality. (FREE and PRO)

    What’s new in version 1.6.0 - March 1st, 2018

    • Remove fullscreen zoom option as it is deprecated.
    • Compatibility adjustments with WeltPixel Ajax Catalog and Infinite Scroll.
    • Remove duplicate plugin declaration.

    What’s new in version 1.5.8 - January 12, 2018

    • Added version control for installed WeltPixel modules, including latest version check.
    • Allowing error message to be displayed in quickview
    • Removed default magento messages from popup.
    • Fix for redirect after when out of stock, quick cart module conflict issue fix when both have show cart option enabled.

    What’s new in version 1.5.7 - December 14, 2017

    • Added Support Center functionality in Magento Admin.
    • Added Debugger functionality, checks for rewrites and points potential issues.
    • Redirect to cart after add to cart quickview issue fix.

    What’s new in version 1.5.3 - September 20, 2017

    • Adjusting the downloadable information, moved the product info right side and css common media query.
    • Added compatibility with Magento 2.2, missing product options fix.

    What’s new in version 1.3.4 - May 16, 2017

    • Added translations files under /i18n/en_US.csv.

    What’s new in version.1.3.1 - March 11, 2017

    • Changed product image position, fix for bundled products not showing up ok in quick view.

    What’s new in version.1.0.8 - 02/02/2017

    • Changed composer PHP dependency versions to meet latest magneto release requirements

    What’s new in version.1.0.7 - 01/02/2017

    • Fixed loading error when Google Tag Manager Enabled in Magento Enterprise 2.1.3
    • Refactored documentation in HTML format

    What’s new in version.1.0.6 - 22/12/2016

    • Small design adjustments

    What’s new in version.1.0.4 - 22/11/2016

    • Position middle to gallery

    What’s new in version.1.0.3 - 10/10/2016

    • Composer dependency version changes

    What’s new in version.1.0.2 - 02/07/2016

    • Compatibility with Magento 2.1

    What’s new in version.1.0.1 - 05/06/2016

    • New feature: After adding product to cart close quick view in X seconds
    • New feature: Auto scroll to top and open quick
    • New feature: Enable continue shopping/go to checkout buttons
    • New feature: Enable / Disable zoom and magnifier options
    • Fixed: vertical thumbnails white space issue on left side, whitespace removed