CustomyCustomy

Catalog Products Quicklook 3.0.0

QuickLook (also known as QuickView) enables you to display more information about your products by displaying any number of attributes in a modal window and thus makes navigation more user friendly.
Magento Compatibility: 1.3.x, 1.4.x, 1.5.x, 1.6.x, 1.7.x, 1.8.x, 1.9.x
Available Licences:
Single Domain
Multiple Domain / Developer
$79.00

Catalog Products Quicklook

Screenshots

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
View demo

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&lt;?php if( ++$_iterator == sizeof($_productCollection) ): ?&gt; last&lt;?php endif; ?&gt;">
                /* */
        </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

Write Your Own Review

Only registered users can write reviews. Please, log in or register

Recent blog post: 

Styling currency sign in Magento store

Blog