Installation

Install from Magento Connect Manager

  1. Step 1: Go to Magento Connect Manager from admin panel:

  2. Step 2: Login to Magento Connect Manager

  3. Step 3: Select direct package file upload
    Choose file MagPassion_Productcarousel-1.1.0.tgz from your local computer

  4. Step 4: Click button Install / Upload to download / upload and install that module
  5. Step 5: View current processing

Install via FTP upload

Unzip the theme package MagPassion_Quickview-1.0.1.tgz by your usual software(such as winrar, winzip v..v) (You could not care about package.xml because it only unsing for above method)

There are three directories with name is app, js and skin. These directories wered structured form by Magento Directories Structrure.

You only do upload it via ftp client to your root website magento directory which have same structured.

After upload successful, the actions installation done here. Sometime, you must be Clear Cache to run this module successful.

Configuration

Go to Magento Admin.
Access "Quick View" on the top menu navigation.


Access to quick view configuration on the top menu magento admin


Setting options

List configuration supported
Option Value
Loading jQuery This extension required jQuery library for display and catch event. But if your magento website has loaded it yet. You can disable this extension call jQuery.
Quickview title The label button text that you want display.
Enable on categories Chossing yes, this extension can be override the category phtml layout of your theme with our layout to display the quick view product.
Enable on search result page Chossing yes, this extension can be override the search result phtml layout of your theme with our layout to display the quick view product.
Enable on tag product list Chossing yes, this extension can be override the tag list product phtml layout of your theme with our layout to display the quick view product.
Enable on upsell product list Chossing yes, this extension can be override the upsell product list phtml layout of your theme with our layout to display the quick view product.

Front-end result display


On hover a product, it display the quick view icon


Lightbox popup the detail product view.

Customize for your theme

If your currently theme not using default magento theme structure with the default block name, or you want to add quick view icon on everywhere your product display, you can add manually.

Do it careful, don't remember backup before change.

Call and display quick view icon

                            <a rel="nofollow" href="<?php echo Mage::getBaseUrl().'quickview/index/view?pid='.$_product->getId(); ?>" data-fancybox-type="iframe" class="mp_quickview_icon" id="mp_quickview_<?php echo $_product->getId()?>"><span><?php echo Mage::helper('quickview/quickview')->getTitle(); ?></span></a>
                      

For example:

Add to crossell product list. Edit /app/design/frontend/yourpackage/yourtheme/template/checkout/cart/crosssell.phtml

Before

                          <li class="item"> <a class="product-image" href="<?php echo $_item->getProductUrl() ?>" title="<?php echo $this->escapeHtml($_item->getName()) ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail')->resize(75); ?>" width="75" height="75" alt="<?php echo $this->escapeHtml($_item->getName()) ?>" /></a>
                      

After

                          <li class="item"> <a rel="nofollow" href="<?php echo Mage::getBaseUrl().'quickview/index/view?pid='.$_product->getId(); ?>" data-fancybox-type="iframe" class="mp_quickview_icon" id="mp_quickview_<?php echo $_product->getId()?>"><span><?php echo Mage::helper('quickview/quickview')->getTitle(); ?></span></a> <a class="product-image" href="<?php echo $_item->getProductUrl() ?>" title="<?php echo $this->escapeHtml($_item->getName()) ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail')->resize(75); ?>" width="75" height="75" alt="<?php echo $this->escapeHtml($_item->getName()) ?>" /></a>
                      

If you can't do that, you should purchase the additional service customize quick view extension from us. Our developer will do it for you.

Troubleshooting

  1. 404 access to extension configuration
    Logout admin panel to destroy this session, and login again.
  2. The lightbox popup don't display
    Check your jQuery loading yet. You can try disable jQuery of this extension.
  3. Install extension error
    Redownload the package extension, and extract with your software (such as 7zip, winrar, etc).
  4. Not view it on frontend
    Try clear magento cache.
  5. Any more bugs:
    Open a ticket for support at: Our helpdesk.