QuickLook allows you to display more information about your product to the customer without cluttering the category page or forcing the customer to navigate to the product page.
The above is achieved through displaying a number of selected attributes inside a frame directly from where the product is listed, be it the category page, related products grid, product comparison sidebar on any other location. With the help of this extension you will be able to display much more information about a product without forcing the customer to navigate to the product page.
Catalog Products Quicklook extension uses AJAX technology to load additional product attributes, therefore it will not require extra load time neither will it increase page weight.
Extension Features:
- Chose where to show/hide QuickLook button
- Manage which attributes to display inside QuickLook frame through attribute manager in magento panel
- Display custom options in QuickLook frame
- Display bundle items in quicklook frame
- Display "add to cart" button in QuickLook frame
Additional Features:
- Option to show/hide reviews and rating in QuickLook frame
- Option to display "add to wishlist" and "add to compare" buttons inside QuickLook frame
- Easily control QuickLook background color and background opacity from the setting panel
3rd party extension compatibility and support:
- OrganicInternet Simple Configurable Products (v.0.8.2) support
To install the extension simply upload files to the root directory of your Magento installation. Extension has no backend configurations.
To insert quicklook link into category product grid open: app\design\frontend\yourtheme\yourtheme\template\catalog\product\list.phtml
and insert:
Quicklook
between:
<?php foreach ($_productCollection as $_product): ?> <li class="item<?php if( ++$_iterator == sizeof($_productCollection) ): ?> last<?php endif; ?>"> /* */ </li> <?php endforeach; ?>
To make it like on demo site, open same file: app\design\frontend\yourtheme\yourtheme\template\catalog\product\list.phtml
Find:
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
Replace by:
<div class="quick-image"> <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a> <a href="#" class="customy-quicklook" productID="<?php echo $_product->getId() ?>" onclick="return false;"><span>Quick Look</span></a> </div>
Version 3.0.0
- Extension refactoring
Version 1.1.0
- Close Quicklook window on click out of window event
- Add to Cart button action fixed
- AJAX loading div added
- Product attributes view new template
- Fix for catalog_category_view
- Fix bug in IE
Version 1.0.0
- Extension release
Version 1.1.0
- Add code to template using helper - more easy to install using 3rd party themes (fixed)
- Add ability to render popups in html without need to use AJAX