Screenshots
With Catalog Products Quicklook you can provide your customers more information about your products with less clicks.
For example, you can show addon images for your product, extra product attributes such as technical specs, available colors or sizes.
Our goal is to let our customers maximum info about our products as quickly as it possible because they are impatient. At the same time we are limited by design, by page size, by page load time lastly.
Catalog Products Quicklook extension uses AJAX technology to load additional product attributes, therefore it will not require extra load time neither increase page weight.
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 1.0.0
- Extension release
Version 1.1.0
- Add code to template using helper - more easy to install in templates
- Add ability to render popups in html without need to use AJAX
