Version Notes
This small extension will install Lightbox on product detail page
Download this release
Release Info
Developer | virendra kumar sharma |
Extension | VS_QuickLightbox |
Version | 1.0.0 |
Comparing to | |
See all releases |
Version 1.0.0
- app/code/community/VS/Lightbox/Helper/Data.php +5 -0
- app/code/community/VS/Lightbox/Model/Magnifierpos.php +32 -0
- app/code/community/VS/Lightbox/etc/config.xml +78 -0
- app/code/community/VS/Lightbox/etc/system.xml +45 -0
- app/design/frontend/default/default/layout/lightbox.xml +14 -0
- app/design/frontend/default/default/template/lightbox/media.phtml +91 -0
- app/etc/modules/VS_Lightbox.xml +12 -0
- package.xml +18 -0
app/code/community/VS/Lightbox/Helper/Data.php
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
class VS_Lightbox_Helper_Data extends Mage_Core_Helper_Abstract
|
3 |
+
{
|
4 |
+
|
5 |
+
}
|
app/code/community/VS/Lightbox/Model/Magnifierpos.php
ADDED
@@ -0,0 +1,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
|
3 |
+
|
4 |
+
class VS_Lightbox_Model_Magnifierpos{
|
5 |
+
protected $_options;
|
6 |
+
const MAGNIFIERPOS_RIGHT = 'right';
|
7 |
+
const MAGNIFIERPOS_LEFT = 'left';
|
8 |
+
const MAGNIFIERPOS_TOP = 'top';
|
9 |
+
const MAGNIFIERPOS_BOTTOM = 'bottom';
|
10 |
+
|
11 |
+
public function toOptionArray(){
|
12 |
+
if (!$this->_options) {
|
13 |
+
$this->_options[] = array(
|
14 |
+
'value'=>self::MAGNIFIERPOS_RIGHT,
|
15 |
+
'label'=>Mage::helper('lightbox')->__('Right')
|
16 |
+
);
|
17 |
+
$this->_options[] = array(
|
18 |
+
'value'=>self::MAGNIFIERPOS_LEFT,
|
19 |
+
'label'=>Mage::helper('lightbox')->__('Left')
|
20 |
+
);
|
21 |
+
$this->_options[] = array(
|
22 |
+
'value'=>self::MAGNIFIERPOS_TOP,
|
23 |
+
'label'=>Mage::helper('lightbox')->__('Top')
|
24 |
+
);
|
25 |
+
$this->_options[] = array(
|
26 |
+
'value'=>self::MAGNIFIERPOS_BOTTOM,
|
27 |
+
'label'=>Mage::helper('lightbox')->__('Bottom')
|
28 |
+
);
|
29 |
+
}
|
30 |
+
return $this->_options;
|
31 |
+
}
|
32 |
+
}
|
app/code/community/VS/Lightbox/etc/config.xml
ADDED
@@ -0,0 +1,78 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0"?>
|
2 |
+
|
3 |
+
<config>
|
4 |
+
<modules>
|
5 |
+
<VS_Lightbox>
|
6 |
+
<version>2.0</version>
|
7 |
+
</VS_Lightbox>
|
8 |
+
</modules>
|
9 |
+
<global>
|
10 |
+
<helpers>
|
11 |
+
<lightbox>
|
12 |
+
<class>VS_Lightbox_Helper</class>
|
13 |
+
</lightbox>
|
14 |
+
</helpers>
|
15 |
+
<models>
|
16 |
+
<lightbox>
|
17 |
+
<class>VS_Lightbox_Model</class>
|
18 |
+
</lightbox>
|
19 |
+
</models>
|
20 |
+
<resources>
|
21 |
+
<lightbox_setup>
|
22 |
+
<setup>
|
23 |
+
<module>VS_Lightbox</module>
|
24 |
+
</setup>
|
25 |
+
<connection>
|
26 |
+
<use>core_setup</use>
|
27 |
+
</connection>
|
28 |
+
</lightbox_setup>
|
29 |
+
<lightbox_write>
|
30 |
+
<connection>
|
31 |
+
<use>core_write</use>
|
32 |
+
</connection>
|
33 |
+
</lightbox_write>
|
34 |
+
<lightbox_read>
|
35 |
+
<connection>
|
36 |
+
<use>core_read</use>
|
37 |
+
</connection>
|
38 |
+
</lightbox_read>
|
39 |
+
</resources>
|
40 |
+
</global>
|
41 |
+
<default>
|
42 |
+
<lightbox>
|
43 |
+
<general>
|
44 |
+
<defaullightbox>1</defaullightbox>
|
45 |
+
</general>
|
46 |
+
</lightbox>
|
47 |
+
</default>
|
48 |
+
<frontend>
|
49 |
+
<layout>
|
50 |
+
<updates>
|
51 |
+
<lightbox>
|
52 |
+
<file>lightbox.xml</file>
|
53 |
+
</lightbox>
|
54 |
+
</updates>
|
55 |
+
</layout>
|
56 |
+
</frontend>
|
57 |
+
<adminhtml>
|
58 |
+
<acl>
|
59 |
+
<resources>
|
60 |
+
<admin>
|
61 |
+
<children>
|
62 |
+
<system>
|
63 |
+
<children>
|
64 |
+
<config>
|
65 |
+
<children>
|
66 |
+
<lightbox>
|
67 |
+
<title>VS Lightbox</title>
|
68 |
+
</lightbox>
|
69 |
+
</children>
|
70 |
+
</config>
|
71 |
+
</children>
|
72 |
+
</system>
|
73 |
+
</children>
|
74 |
+
</admin>
|
75 |
+
</resources>
|
76 |
+
</acl>
|
77 |
+
</adminhtml>
|
78 |
+
</config>
|
app/code/community/VS/Lightbox/etc/system.xml
ADDED
@@ -0,0 +1,45 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0" encoding="UTF-8"?>
|
2 |
+
<config>
|
3 |
+
<tabs>
|
4 |
+
<vs_extensions>
|
5 |
+
<label>VS Extensions</label>
|
6 |
+
<sort_order>195</sort_order>
|
7 |
+
</vs_extensions>
|
8 |
+
</tabs>
|
9 |
+
<sections>
|
10 |
+
<lightbox translate="label" >
|
11 |
+
<label>VS Lightbox</label>
|
12 |
+
<tab>vs_extensions</tab>
|
13 |
+
<frontend_type>text</frontend_type>
|
14 |
+
<sort_order>90</sort_order>
|
15 |
+
<show_in_default>1</show_in_default>
|
16 |
+
<show_in_website>1</show_in_website>
|
17 |
+
<show_in_store>1</show_in_store>
|
18 |
+
<groups>
|
19 |
+
<general translate="label">
|
20 |
+
<label>Lightbox Settings</label>
|
21 |
+
<frontend_type>text</frontend_type>
|
22 |
+
<sort_order>1</sort_order>
|
23 |
+
<show_in_default>1</show_in_default>
|
24 |
+
<show_in_website>1</show_in_website>
|
25 |
+
<show_in_store>1</show_in_store>
|
26 |
+
<fields>
|
27 |
+
<enabled translate="label">
|
28 |
+
<label>Enabled</label>
|
29 |
+
<frontend_type>select</frontend_type>
|
30 |
+
<source_model>adminhtml/system_config_source_yesno</source_model>
|
31 |
+
<sort_order>1</sort_order>
|
32 |
+
<show_in_default>1</show_in_default>
|
33 |
+
<show_in_website>1</show_in_website>
|
34 |
+
<show_in_store>1</show_in_store>
|
35 |
+
</enabled>
|
36 |
+
|
37 |
+
|
38 |
+
</fields>
|
39 |
+
</general>
|
40 |
+
|
41 |
+
</groups>
|
42 |
+
|
43 |
+
</lightbox>
|
44 |
+
</sections>
|
45 |
+
</config>
|
app/design/frontend/default/default/layout/lightbox.xml
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0" encoding="UTF-8"?>
|
2 |
+
<layout version="0.1.0">
|
3 |
+
<catalog_product_view>
|
4 |
+
<reference name="head">
|
5 |
+
<action method="addJs" ifconfig="lightbox/general/enabled"><script>VS/lightbox.js</script></action>
|
6 |
+
<action method="addCss" ifconfig="lightbox/general/enabled"><stylesheet>VS/css/lightbox.css</stylesheet></action>
|
7 |
+
</reference>
|
8 |
+
<reference name="product.info.media">
|
9 |
+
<action method="setTemplate" ifconfig="lightbox/general/enabled"><template>lightbox/media.phtml</template></action>
|
10 |
+
</reference>
|
11 |
+
</catalog_product_view>
|
12 |
+
|
13 |
+
</layout>
|
14 |
+
|
app/design/frontend/default/default/template/lightbox/media.phtml
ADDED
@@ -0,0 +1,91 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
/**
|
3 |
+
* Magento
|
4 |
+
*
|
5 |
+
* NOTICE OF LICENSE
|
6 |
+
*
|
7 |
+
* This source file is subject to the Academic Free License (AFL 3.0)
|
8 |
+
* that is bundled with this package in the file LICENSE_AFL.txt.
|
9 |
+
* It is also available through the world-wide-web at this URL:
|
10 |
+
* http://opensource.org/licenses/afl-3.0.php
|
11 |
+
* If you did not receive a copy of the license and are unable to
|
12 |
+
* obtain it through the world-wide-web, please send an email
|
13 |
+
* to license@magentocommerce.com so we can send you a copy immediately.
|
14 |
+
*
|
15 |
+
* DISCLAIMER
|
16 |
+
*
|
17 |
+
* Do not edit or add to this file if you wish to upgrade Magento to newer
|
18 |
+
* versions in the future. If you wish to customize Magento for your
|
19 |
+
* needs please refer to http://www.magentocommerce.com for more information.
|
20 |
+
*
|
21 |
+
* @category design
|
22 |
+
* @package base_default
|
23 |
+
* @copyright Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com)
|
24 |
+
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
25 |
+
*/
|
26 |
+
|
27 |
+
/**
|
28 |
+
* Product media data template
|
29 |
+
*
|
30 |
+
* @see Mage_Catalog_Block_Product_View_Media
|
31 |
+
*/
|
32 |
+
?>
|
33 |
+
<style type="text/css">
|
34 |
+
.product-view .product-img-box .product-image-zoom img {cursor:pointer !important;}
|
35 |
+
</style>
|
36 |
+
|
37 |
+
<?php
|
38 |
+
$_product = $this->getProduct();
|
39 |
+
$_helper = $this->helper('catalog/output');
|
40 |
+
?>
|
41 |
+
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
|
42 |
+
<p class="product-image product-image-zoom">
|
43 |
+
<?php
|
44 |
+
$_img = ' <a href="'.$this->helper('catalog/image')->init($_product, 'image').'" rel="lightbox[product]" title="'.$this->htmlEscape($this->getImageLabel()).'"><img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" /></a>';
|
45 |
+
echo $_helper->productAttribute($_product, $_img, 'image');
|
46 |
+
?>
|
47 |
+
</p>
|
48 |
+
<p class="zoom-notice"><?php echo $this->__('Click on image to view image gallary') ?></p>
|
49 |
+
|
50 |
+
<?php else: ?>
|
51 |
+
<p class="product-image">
|
52 |
+
<?php
|
53 |
+
$_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
|
54 |
+
echo $_helper->productAttribute($_product, $_img, 'image');
|
55 |
+
?>
|
56 |
+
</p>
|
57 |
+
<?php endif; ?>
|
58 |
+
<?php if (count($this->getGalleryImages()) > 0): ?>
|
59 |
+
<div class="more-views">
|
60 |
+
<h2><?php echo $this->__('More Views') ?></h2>
|
61 |
+
<ul>
|
62 |
+
<?php foreach ($this->getGalleryImages() as $_image): ?>
|
63 |
+
<li>
|
64 |
+
<a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile()); ?>" rel="lightbox[product]" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" width="56" height="56" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
|
65 |
+
</li>
|
66 |
+
<?php endforeach; ?>
|
67 |
+
</ul>
|
68 |
+
</div>
|
69 |
+
<?php endif; ?>
|
70 |
+
|
71 |
+
|
72 |
+
<script type="text/javascript">
|
73 |
+
|
74 |
+
LightboxOptions = Object.extend({
|
75 |
+
fileLoadingImage: '<?php echo $this->getSkinUrl('VS/images/loading.gif');?>',
|
76 |
+
fileBottomNavCloseImage: '<?php echo $this->getSkinUrl('VS/images/closelabel.gif');?>',
|
77 |
+
|
78 |
+
overlayOpacity: 0.8, // controls transparency of shadow overlay
|
79 |
+
|
80 |
+
animate: true, // toggles resizing animations
|
81 |
+
resizeSpeed: 7, // controls the speed of the image resizing animations (1=slowest and 10=fastest)
|
82 |
+
|
83 |
+
borderSize: 10, //if you adjust the padding in the CSS, you will need to update this variable
|
84 |
+
|
85 |
+
// When grouping images this is used to write: Image # of #.
|
86 |
+
// Change it for non-english localization
|
87 |
+
labelImage: "Image",
|
88 |
+
labelOf: "of"
|
89 |
+
}, window.LightboxOptions || {});
|
90 |
+
|
91 |
+
</script>
|
app/etc/modules/VS_Lightbox.xml
ADDED
@@ -0,0 +1,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0"?>
|
2 |
+
<config>
|
3 |
+
<modules>
|
4 |
+
<VS_Lightbox>
|
5 |
+
<active>true</active>
|
6 |
+
<codePool>community</codePool>
|
7 |
+
<depends>
|
8 |
+
<Mage_Catalog />
|
9 |
+
</depends>
|
10 |
+
</VS_Lightbox>
|
11 |
+
</modules>
|
12 |
+
</config>
|
package.xml
ADDED
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0"?>
|
2 |
+
<package>
|
3 |
+
<name>VS_QuickLightbox</name>
|
4 |
+
<version>1.0.0</version>
|
5 |
+
<stability>stable</stability>
|
6 |
+
<license uri="http://opensource.org/licenses/osl-3.0.php">Open Software License (OSL)</license>
|
7 |
+
<channel>community</channel>
|
8 |
+
<extends/>
|
9 |
+
<summary>This small extension will install Lightbox on product detail page</summary>
|
10 |
+
<description>This small extension will install Lightbox on product detail page</description>
|
11 |
+
<notes>This small extension will install Lightbox on product detail page</notes>
|
12 |
+
<authors><author><name>virendra kumar sharma</name><user>virendra</user><email>bhardwajveerendra@gmail.com</email></author></authors>
|
13 |
+
<date>2011-12-28</date>
|
14 |
+
<time>05:14:29</time>
|
15 |
+
<contents><target name="magecommunity"><dir><dir name="VS"><dir name="Lightbox"><dir name="Helper"><file name="Data.php" hash="b5bc6caddfd59fb578fcc566a1a99190"/></dir><dir name="Model"><file name="Magnifierpos.php" hash="0fa3a4ae9554967925ad1236efcbdf9c"/></dir><dir name="etc"><file name="config.xml" hash="22ae10deba6a4528bf443ade5ddd754d"/><file name="system.xml" hash="e007efb5f1ce1865d4eaa7235a2b6279"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="lightbox.xml" hash="eb7040fac70557e73a6bd273eedee555"/></dir><dir name="template"><dir name="lightbox"><file name="media.phtml" hash="e66d5524cfbc2e910d3c716662e1f6a3"/></dir></dir></dir></dir></dir></target><target name="mageskin"><dir><dir name="frontend"><dir name="default"><dir name="default"><file name="VS" hash=""/></dir></dir></dir></dir></target><target name="mage"><dir><dir name="js"><file name="VS" hash=""/></dir></dir></target><target name="mageetc"><dir><dir name="modules"><file name="VS_Lightbox.xml" hash="e43b96db35c1e87e2d59bc98e46c392a"/></dir></dir></target></contents>
|
16 |
+
<compatible/>
|
17 |
+
<dependencies><required><php><min>5.2.0</min><max>6.0.0</max></php></required></dependencies>
|
18 |
+
</package>
|