Masonry_Responsive_Image_Gallery - Version 1.0.3

Version Notes

>> Added Image sorting functinality
>> Installed default category script

Download this release

Release Info

Developer Vsourz Digital
Extension Masonry_Responsive_Image_Gallery
Version 1.0.3
Comparing to
See all releases


Code changes from version 1.0.2 to 1.0.3

Files changed (13) hide show
  1. app/code/community/Vsourz/Imagegallery/Block/Adminhtml/Image/Edit/Tabs/Form.php +25 -4
  2. app/code/community/Vsourz/Imagegallery/Block/Adminhtml/Image/Grid.php +6 -0
  3. app/code/community/Vsourz/Imagegallery/Model/Categoryval.php +1 -1
  4. app/code/community/Vsourz/Imagegallery/Model/Imagegallery.php +17 -0
  5. app/code/community/Vsourz/Imagegallery/Model/Source/Order.php +12 -0
  6. app/code/community/Vsourz/Imagegallery/data/imagegallery_setup/data-install-0.1.0.php +10 -0
  7. app/code/community/Vsourz/Imagegallery/etc/config.xml +1 -1
  8. app/code/community/Vsourz/Imagegallery/etc/system.xml +10 -1
  9. app/code/community/Vsourz/Imagegallery/sql/imagegallery_setup/mysql4-install-0.1.0.php +1 -1
  10. app/code/community/Vsourz/Imagegallery/sql/imagegallery_setup/upgrade-0.1.0-0.1.1.php +19 -0
  11. package.xml +7 -5
  12. skin/frontend/base/default/css/imagegallery/imagegallery.css +25 -191
  13. skin/frontend/base/default/css/imagegallery/magnific-popup.css +0 -20
app/code/community/Vsourz/Imagegallery/Block/Adminhtml/Image/Edit/Tabs/Form.php CHANGED
@@ -54,7 +54,27 @@ class Vsourz_Imagegallery_Block_Adminhtml_Image_Edit_Tabs_Form extends Mage_Admi
54
  'style' => 'width:400px; height:250px;',
55
  'config' => $wysiwygConfig,
56
  'required' => false,
57
- 'wysiwyg' => true
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  ));
59
 
60
  $fieldset->addField('status', 'select', array(
@@ -65,11 +85,12 @@ class Vsourz_Imagegallery_Block_Adminhtml_Image_Edit_Tabs_Form extends Mage_Admi
65
  'value' => '0',
66
  'values' => array('0' => 'Disable','1' => 'Enable'),
67
  'disabled' => false,
68
- 'readonly' => false,
69
- 'tabindex' => 1
70
  ));
71
 
72
  $form->setValues($data);
73
  return parent::_prepareForm();
74
  }
75
- }
 
 
54
  'style' => 'width:400px; height:250px;',
55
  'config' => $wysiwygConfig,
56
  'required' => false,
57
+ 'wysiwyg' => true,
58
+ ));
59
+
60
+ $fieldset->addField('position', 'text', array(
61
+ 'label' => Mage::helper('imagegallery')->__('Position'),
62
+ 'class' => 'required-entry',
63
+ 'required' => true,
64
+ 'name' => 'position',
65
+ 'note' => 'Enter the position [in numeric] of image
66
+ <script>
67
+ document.getElementById("position").setAttribute("onkeypress", "return isNumberKey(event)");
68
+ function isNumberKey(evt)
69
+ {
70
+ var charCode = (evt.which) ? evt.which : evt.keyCode;
71
+ if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
72
+ return false;
73
+ return true;
74
+ }
75
+ if(document.getElementById("position").value=="")
76
+ document.getElementById("position").setAttribute("value", "0");
77
+ </script>',
78
  ));
79
 
80
  $fieldset->addField('status', 'select', array(
85
  'value' => '0',
86
  'values' => array('0' => 'Disable','1' => 'Enable'),
87
  'disabled' => false,
88
+ 'readonly' => false,
 
89
  ));
90
 
91
  $form->setValues($data);
92
  return parent::_prepareForm();
93
  }
94
+ }
95
+ ?>
96
+
app/code/community/Vsourz/Imagegallery/Block/Adminhtml/Image/Grid.php CHANGED
@@ -44,6 +44,12 @@ class Vsourz_Imagegallery_Block_Adminhtml_Image_Grid extends Mage_Adminhtml_Bloc
44
  'width' => '50px',
45
  'index' => 'category_id',
46
  'renderer' => 'imagegallery/adminhtml_imagegallery_renderer_category'
 
 
 
 
 
 
47
  ));
48
  $this->addColumn('status', array(
49
  'header' => Mage::helper('imagegallery')->__('Status'),
44
  'width' => '50px',
45
  'index' => 'category_id',
46
  'renderer' => 'imagegallery/adminhtml_imagegallery_renderer_category'
47
+ ));
48
+ $this->addColumn('position', array(
49
+ 'header' => Mage::helper('imagegallery')->__('Position'),
50
+ 'align' => 'right',
51
+ 'width' => '100px',
52
+ 'index' => 'position',
53
  ));
54
  $this->addColumn('status', array(
55
  'header' => Mage::helper('imagegallery')->__('Status'),
app/code/community/Vsourz/Imagegallery/Model/Categoryval.php CHANGED
@@ -4,7 +4,7 @@ class Vsourz_Imagegallery_Model_Categoryval extends Mage_Core_Model_Abstract{
4
  $catVal = Mage::getModel('imagegallery/imagecategory')->getCollection();
5
  $data = $catVal->getData();
6
  $dropVal = array();
7
- $dropVal['default'] = "Please Select";
8
  foreach($data as $value){
9
  $dropVal[$value['imagecategory_id']] = $value['category_title'];
10
  };
4
  $catVal = Mage::getModel('imagegallery/imagecategory')->getCollection();
5
  $data = $catVal->getData();
6
  $dropVal = array();
7
+ $dropVal[' '] = "Please Select";
8
  foreach($data as $value){
9
  $dropVal[$value['imagecategory_id']] = $value['category_title'];
10
  };
app/code/community/Vsourz/Imagegallery/Model/Imagegallery.php CHANGED
@@ -2,8 +2,25 @@
2
  class Vsourz_Imagegallery_Model_Imagegallery extends Mage_Core_Model_Abstract{
3
  public function getImageCollection($catId){
4
  $categoryId = $catId;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
  $imageCollection = Mage::getModel('imagegallery/imagedetail')->getCollection()
6
  ->addFieldToFilter('status','1')
 
7
  ->addFieldToFilter('category_id',$categoryId);
8
  return $imageCollection;
9
  }
2
  class Vsourz_Imagegallery_Model_Imagegallery extends Mage_Core_Model_Abstract{
3
  public function getImageCollection($catId){
4
  $categoryId = $catId;
5
+ $order = Mage::getStoreConfig('imagegallery/settings/order');
6
+ if($order=='Ascending')
7
+ {
8
+ $column='imagedetail_id';
9
+ $position='ASC';
10
+ }
11
+ else if($order=='Descending')
12
+ {
13
+ $column='imagedetail_id';
14
+ $position='DESC';
15
+ }
16
+ else
17
+ {
18
+ $column='position';
19
+ $position='ASC';
20
+ }
21
  $imageCollection = Mage::getModel('imagegallery/imagedetail')->getCollection()
22
  ->addFieldToFilter('status','1')
23
+ ->setOrder($column,$position)
24
  ->addFieldToFilter('category_id',$categoryId);
25
  return $imageCollection;
26
  }
app/code/community/Vsourz/Imagegallery/Model/Source/Order.php ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ class Vsourz_Imagegallery_Model_Source_Order
3
+ {
4
+ public function toOptionArray()
5
+ {
6
+ return array(
7
+ array('value' => 'Ascending', 'label' => 'Ascending'),
8
+ array('value' => 'Descending', 'label' => 'Descending'),
9
+ array('value' => 'Custom', 'label' => 'Custom')
10
+ );
11
+ }
12
+ }
app/code/community/Vsourz/Imagegallery/data/imagegallery_setup/data-install-0.1.0.php ADDED
@@ -0,0 +1,10 @@
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ $categories = array(
3
+ array(
4
+ 'category_title' => 'default',
5
+ 'status' => '1'
6
+ ),
7
+ );
8
+ foreach ($categories as $category){
9
+ $model = Mage::getModel('imagegallery/imagecategory')->setData($category)->save();
10
+ }
app/code/community/Vsourz/Imagegallery/etc/config.xml CHANGED
@@ -2,7 +2,7 @@
2
  <config>
3
  <modules>
4
  <Vsourz_Imagegallery>
5
- <version>0.1.0</version>
6
  </Vsourz_Imagegallery>
7
  </modules>
8
  <frontend>
2
  <config>
3
  <modules>
4
  <Vsourz_Imagegallery>
5
+ <version>0.1.1</version>
6
  </Vsourz_Imagegallery>
7
  </modules>
8
  <frontend>
app/code/community/Vsourz/Imagegallery/etc/system.xml CHANGED
@@ -34,9 +34,18 @@
34
  <show_in_website>1</show_in_website>
35
  <show_in_store>1</show_in_store>
36
  </loadjs>
 
 
 
 
 
 
 
 
 
 
37
  </fields>
38
  </settings>
39
-
40
  </groups>
41
  </imagegallery>
42
  </sections>
34
  <show_in_website>1</show_in_website>
35
  <show_in_store>1</show_in_store>
36
  </loadjs>
37
+ <order translate="label">
38
+ <label>Select Order</label>
39
+ <comment><![CDATA[Select the Sorting Order of the images in the gallery ]]></comment>
40
+ <frontend_type>select</frontend_type>
41
+ <source_model>imagegallery/source_order</source_model>
42
+ <sort_order>20</sort_order>
43
+ <show_in_default>1</show_in_default>
44
+ <show_in_website>1</show_in_website>
45
+ <show_in_store>1</show_in_store>
46
+ </order>
47
  </fields>
48
  </settings>
 
49
  </groups>
50
  </imagegallery>
51
  </sections>
app/code/community/Vsourz/Imagegallery/sql/imagegallery_setup/mysql4-install-0.1.0.php CHANGED
@@ -18,7 +18,7 @@ $table = $installer->getConnection()
18
  'nullable' => false,
19
  ), 'Gallery Image')
20
  ->addColumn('category_id', Varien_Db_Ddl_Table::TYPE_TEXT, 50, array(
21
- ), 'Category Id')
22
  ->addColumn('status', Varien_Db_Ddl_Table::TYPE_SMALLINT, null, array(
23
  'nullable' => false,
24
  'default' => '0',
18
  'nullable' => false,
19
  ), 'Gallery Image')
20
  ->addColumn('category_id', Varien_Db_Ddl_Table::TYPE_TEXT, 50, array(
21
+ ), 'Category Id')
22
  ->addColumn('status', Varien_Db_Ddl_Table::TYPE_SMALLINT, null, array(
23
  'nullable' => false,
24
  'default' => '0',
app/code/community/Vsourz/Imagegallery/sql/imagegallery_setup/upgrade-0.1.0-0.1.1.php ADDED
@@ -0,0 +1,19 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $installer = $this;
4
+ $connection = $installer->getConnection();
5
+
6
+ $installer->startSetup();
7
+
8
+ $installer->getConnection()
9
+ ->addColumn($installer->getTable('imagedetail'),
10
+ 'position',
11
+ array(
12
+ 'type' => Varien_Db_Ddl_Table::TYPE_INTEGER,
13
+ 'nullable' => false,
14
+ 'default' => 0,
15
+ 'comment' => 'Position'
16
+ )
17
+ );
18
+
19
+ $installer->endSetup();
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Masonry_Responsive_Image_Gallery</name>
4
- <version>1.0.2</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/MIT">Massachusetts Institute of Technology License (MITL)</license>
7
  <channel>community</channel>
@@ -24,11 +24,13 @@ Features:&#xD;
24
  - Facility to add Image title and Description&#xD;
25
  - Smooth Pop Up navigation&#xD;
26
  - Responsive Layout</description>
27
- <notes>Solved frontend image URL bug</notes>
 
 
28
  <authors><author><name>Vsourz Digital</name><user>MAG002979323</user><email>mehul@vsourz.com</email></author></authors>
29
- <date>2015-05-23</date>
30
- <time>06:46:12</time>
31
- <contents><target name="magecommunity"><dir name="Vsourz"><dir name="Imagegallery"><dir name="Block"><dir name="Adminhtml"><dir name="Category"><dir name="Edit"><file name="Form.php" hash="4dfc98b8d47de92168dd2af4d1ceb59b"/><dir name="Tabs"><file name="Form.php" hash="c7ec795ca7e26f34898d794ddab5513f"/></dir><file name="Tabs.php" hash="6a0d5f077e39b8da735e7c5e5ec412ae"/></dir><file name="Edit.php" hash="4a1cff2d7aabeddd48417491552a0974"/><file name="Grid.php" hash="b8adc8bea02ff87630f721f20dbc888e"/></dir><file name="Category.php" hash="5e709564bb49ff528a282d0ff28c36f4"/><dir name="Image"><dir name="Edit"><file name="Form.php" hash="109e6649791fcc746e9cb8569d899ecb"/><dir name="Tabs"><file name="Form.php" hash="926c2b2fa16e85e50aa0e74994077292"/></dir><file name="Tabs.php" hash="5f800ef86474a8d442da93dcdfe06fc9"/></dir><file name="Edit.php" hash="c2aa1247ff8d3810131348b3052d149a"/><file name="Grid.php" hash="657c587a2579d5182774d4327f97247e"/></dir><file name="Image.php" hash="a58193e203d2a574ebe9098a69b58ac8"/><dir name="Imagegallery"><dir name="Renderer"><file name="Category.php" hash="86675087f8583258fd68922e4889f057"/><file name="Catimage.php" hash="5e155696e6d55c8d32cc9a796a1c5185"/><file name="Image.php" hash="bc48bfe317aee82375bdb2855b0a3b2b"/><file name="Status.php" hash="cfd1dd4c0bdb8d79df9430a46f6ca286"/></dir></dir></dir><file name="Imagegallery.php" hash="95efc6cc4d5c03d1530846a87a4bbd46"/></dir><dir name="Helper"><file name="Data.php" hash="fabe8e0acec8db8cef0737ccd284d97e"/></dir><dir name="Model"><file name="Categoryval.php" hash="27d8840994488f51adaa7ebfa625d494"/><file name="Imagecategory.php" hash="bd794d0c94dc1c6c819931021a8612aa"/><file name="Imagedetail.php" hash="91eb4f3055da08011d05696968f470aa"/><file name="Imagegallery.php" hash="2dcc3e00547b0a4d8b26de3d1d708408"/><dir name="Resource"><dir name="Imagecategory"><file name="Collection.php" hash="c64ccf034d71a7544ad8431a5b39ea85"/></dir><file name="Imagecategory.php" hash="e99769496f95cb1c148b5e4528146f6f"/><dir name="Imagedetail"><file name="Collection.php" hash="d5720222b3d79fc8b2396b0d563ad656"/></dir><file name="Imagedetail.php" hash="990f3a47b3c2fb70a29a2cffa04b4613"/></dir><dir name="Source"><file name="Transition.php" hash="eefe7e92beb9be01d6564b5dc048200e"/><file name="Truefalse.php" hash="8aec1bd8bc378da1ed624f81cb9657e5"/></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CategoryController.php" hash="54302dd7a3cc2cf99677b59f3c9425ad"/><file name="ImageController.php" hash="62853f39c3ac5fd19bad716bfc14a876"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="d9a665a5fb368bdcdfdc7702e892c2b0"/><file name="config.xml" hash="a986d1acc3cce8c1b0785615aef199ce"/><file name="system.xml" hash="b65ffc243a8249e98763c4eb88d2af92"/></dir><dir name="sql"><dir name="imagegallery_setup"><file name="mysql4-install-0.1.0.php" hash="8784ed8179981fa3074a72d00c2c60bd"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="imagegallery"><file name="imagegallery.phtml" hash="f1033b43c02b89e0b7c1253504e99c40"/></dir></dir><dir name="layout"><file name="imagegallery.xml" hash="064e64706da5130e728aebb40dcdcb86"/></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="imagegallery.xml" hash="97c384487e782254d0eeace392ed44cf"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Vsourz_Imagegallery.xml" hash="de046c38ddfb211dad16aa97cfc07dba"/></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="imagegallery"><file name="imagegallery.css" hash="4431d10aa51bf35f21ac034cc310f219"/><file name="magnific-popup.css" hash="feb5ed9aae9d875a0632fba1621c1aa2"/></dir></dir><dir name="images"><dir name="imagegallery"><file name="left-arrow.png" hash="bc1dd5ff9a0e49498ecb0dc21324627a"/><file name="right-arrow.png" hash="ae1e4d0566dbbbc1de1dd2ef1820747c"/><file name="view-image.png" hash="3624d70806879558f0fcba126cfc35a5"/></dir></dir><dir name="js"><dir name="imagegallery"><file name="jquery-1.10.2.min.js" hash="628072e7212db1e8cdacb22b21752cda"/><file name="jquery.magnific-popup.min.js" hash="d9267d6dda814fd767e1df7bfbe7eb57"/><file name="magnific-popup.js" hash="81af8a0075df9127fce325ba31c03445"/><file name="masonry.min.js" hash="7055b53b3da0bedce27f793a9909472b"/></dir></dir></dir></dir></dir></target><target name="magemedia"><dir name="imagegallery"><file name="favicon.ico" hash="88733ee53676a47fc354a61c32516e82"/></dir></target></contents>
32
  <compatible/>
33
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
34
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Masonry_Responsive_Image_Gallery</name>
4
+ <version>1.0.3</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/MIT">Massachusetts Institute of Technology License (MITL)</license>
7
  <channel>community</channel>
24
  - Facility to add Image title and Description&#xD;
25
  - Smooth Pop Up navigation&#xD;
26
  - Responsive Layout</description>
27
+ <notes>&gt;&gt; Added Image sorting functinality&#xD;
28
+ &gt;&gt; Installed default category script&#xD;
29
+ </notes>
30
  <authors><author><name>Vsourz Digital</name><user>MAG002979323</user><email>mehul@vsourz.com</email></author></authors>
31
+ <date>2015-07-11</date>
32
+ <time>06:42:56</time>
33
+ <contents><target name="magecommunity"><dir name="Vsourz"><dir name="Imagegallery"><dir name="Block"><dir name="Adminhtml"><dir name="Category"><dir name="Edit"><file name="Form.php" hash="4dfc98b8d47de92168dd2af4d1ceb59b"/><dir name="Tabs"><file name="Form.php" hash="c7ec795ca7e26f34898d794ddab5513f"/></dir><file name="Tabs.php" hash="6a0d5f077e39b8da735e7c5e5ec412ae"/></dir><file name="Edit.php" hash="4a1cff2d7aabeddd48417491552a0974"/><file name="Grid.php" hash="b8adc8bea02ff87630f721f20dbc888e"/></dir><file name="Category.php" hash="5e709564bb49ff528a282d0ff28c36f4"/><dir name="Image"><dir name="Edit"><file name="Form.php" hash="109e6649791fcc746e9cb8569d899ecb"/><dir name="Tabs"><file name="Form.php" hash="fb9bf0614134f89f26b8966ad0051ba4"/></dir><file name="Tabs.php" hash="5f800ef86474a8d442da93dcdfe06fc9"/></dir><file name="Edit.php" hash="c2aa1247ff8d3810131348b3052d149a"/><file name="Grid.php" hash="b0fda67c796983662e66433efcb4cea7"/></dir><file name="Image.php" hash="a58193e203d2a574ebe9098a69b58ac8"/><dir name="Imagegallery"><dir name="Renderer"><file name="Category.php" hash="86675087f8583258fd68922e4889f057"/><file name="Catimage.php" hash="5e155696e6d55c8d32cc9a796a1c5185"/><file name="Image.php" hash="bc48bfe317aee82375bdb2855b0a3b2b"/><file name="Status.php" hash="cfd1dd4c0bdb8d79df9430a46f6ca286"/></dir></dir></dir><file name="Imagegallery.php" hash="95efc6cc4d5c03d1530846a87a4bbd46"/></dir><dir name="Helper"><file name="Data.php" hash="fabe8e0acec8db8cef0737ccd284d97e"/></dir><dir name="Model"><file name="Categoryval.php" hash="ca55f6d92fb6c46144f329d960870449"/><file name="Imagecategory.php" hash="bd794d0c94dc1c6c819931021a8612aa"/><file name="Imagedetail.php" hash="91eb4f3055da08011d05696968f470aa"/><file name="Imagegallery.php" hash="0bc0542454f5f4d1d115ad45637ff8e0"/><dir name="Resource"><dir name="Imagecategory"><file name="Collection.php" hash="c64ccf034d71a7544ad8431a5b39ea85"/></dir><file name="Imagecategory.php" hash="e99769496f95cb1c148b5e4528146f6f"/><dir name="Imagedetail"><file name="Collection.php" hash="d5720222b3d79fc8b2396b0d563ad656"/></dir><file name="Imagedetail.php" hash="990f3a47b3c2fb70a29a2cffa04b4613"/></dir><dir name="Source"><file name="Order.php" hash="10dad964da7e8ef86439dd66014d9647"/><file name="Transition.php" hash="eefe7e92beb9be01d6564b5dc048200e"/><file name="Truefalse.php" hash="8aec1bd8bc378da1ed624f81cb9657e5"/></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="CategoryController.php" hash="54302dd7a3cc2cf99677b59f3c9425ad"/><file name="ImageController.php" hash="62853f39c3ac5fd19bad716bfc14a876"/></dir></dir><dir name="data"><dir name="imagegallery_setup"><file name="data-install-0.1.0.php" hash="fef0474ae9dc1efca5fd5b3c2f50192b"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="d9a665a5fb368bdcdfdc7702e892c2b0"/><file name="config.xml" hash="d0b134304fb1796620571e8375e3d4f8"/><file name="system.xml" hash="45203369ab36df3794fe4ee46e8b16ca"/></dir><dir name="sql"><dir name="imagegallery_setup"><file name="mysql4-install-0.1.0.php" hash="35b6ce01a7d8254f945bd3bbf0ec5878"/><file name="upgrade-0.1.0-0.1.1.php" hash="645ec776b6b7a193e7d0c5826e5ee0f5"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="imagegallery"><file name="imagegallery.phtml" hash="f1033b43c02b89e0b7c1253504e99c40"/></dir></dir><dir name="layout"><file name="imagegallery.xml" hash="064e64706da5130e728aebb40dcdcb86"/></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="imagegallery.xml" hash="97c384487e782254d0eeace392ed44cf"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Vsourz_Imagegallery.xml" hash="de046c38ddfb211dad16aa97cfc07dba"/></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="imagegallery"><file name="imagegallery.css" hash="e37592d71790cb2f1836b84ec9cbf138"/><file name="magnific-popup.css" hash="d1519c5da7334e8f04da554e25c9f5ca"/></dir></dir><dir name="images"><dir name="imagegallery"><file name="left-arrow.png" hash="bc1dd5ff9a0e49498ecb0dc21324627a"/><file name="right-arrow.png" hash="ae1e4d0566dbbbc1de1dd2ef1820747c"/><file name="view-image.png" hash="3624d70806879558f0fcba126cfc35a5"/></dir></dir><dir name="js"><dir name="imagegallery"><file name="jquery-1.10.2.min.js" hash="628072e7212db1e8cdacb22b21752cda"/><file name="jquery.magnific-popup.min.js" hash="d9267d6dda814fd767e1df7bfbe7eb57"/><file name="magnific-popup.js" hash="81af8a0075df9127fce325ba31c03445"/><file name="masonry.min.js" hash="7055b53b3da0bedce27f793a9909472b"/></dir></dir></dir></dir></dir></target><target name="magemedia"><dir name="imagegallery"><file name="favicon.ico" hash="88733ee53676a47fc354a61c32516e82"/></dir></target></contents>
34
  <compatible/>
35
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
36
  </package>
skin/frontend/base/default/css/imagegallery/imagegallery.css CHANGED
@@ -1,184 +1,34 @@
1
- /*
2
- Colorbox Core Style:
3
- The following CSS is consistent between example themes and should not be altered.
4
- */
5
- .image-gallery .gallery-item{list-style-type:none;margin:0;}
6
- #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
7
- #cboxWrapper {max-width:none;}
8
- #cboxOverlay{position:fixed; width:100%; height:100%;}
9
- #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
10
- #cboxContent{position:relative;}
11
- #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
12
- #cboxTitle{margin:0;}
13
- #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
14
- #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
15
- .cboxPhoto
16
- {
17
- float:left;
18
- margin:auto;
19
- border:0;
20
- display:block;
21
- max-width:none;
22
- -ms-interpolation-mode:bicubic;
23
- margin:0 !important;
24
- height:100% !important;
25
- width:100%;
26
- }
27
- .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
28
- #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
29
-
30
- /*
31
- User Style:
32
- Change the following styles to modify the appearance of Colorbox. They are
33
- ordered & tabbed in a way that represents the nesting of the generated HTML.
34
- */
35
- #cboxOverlay{background:#000;}
36
- #colorbox{outline:0;}
37
- #cboxContent{margin-top:50px;background:#000;}
38
- .cboxIframe{background:#fff;}
39
- #cboxError{padding:50px; border:1px solid #ccc;}
40
- #cboxLoadedContent{border:5px solid #000; background:#fff;}
41
- #cboxTitle
42
- {
43
- position:absolute;
44
- top:-30px;
45
- left:0;
46
- color:#fff;
47
- font-size:18px;
48
- letter-spacing:1px;
49
- font-weight:bold;
50
- }
51
- #cboxCurrent
52
- {
53
- position:absolute;
54
- top:-25px;
55
- right:0px;
56
- color:#fff;
57
- text-transform:capitalize;
58
- }
59
- #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
60
-
61
- /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
62
- #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
63
- /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
64
- #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
65
- #cboxSlideshow
66
- {
67
- position:absolute;
68
- bottom:10px;
69
- left:45%;
70
- color:#000;
71
- background:url(../../images/pause.png) left top no-repeat;
72
- height:30px;
73
- width:30px;
74
- font-size:0;
75
- transition: all 0.3s ease 0s;
76
- -moz-transition: all 0.3s ease 0s;
77
- -webkit-transition: all 0.3s ease 0s;
78
- -o-transition: all 0.3s ease 0s;
79
- }
80
-
81
- .cboxSlideshow_off #cboxSlideshow
82
- {
83
- background:url(../../images/play.png) right top no-repeat;
84
- }
85
-
86
-
87
-
88
- #cboxPrevious
89
- {
90
- position:absolute;
91
- bottom:10px;
92
- left:36%;
93
- background:url(../../images/gallery-arrrow.png) left top no-repeat;
94
- width:30px;
95
- height:30px;
96
- text-indent:-9999px;
97
- transition: all 0.3s ease 0s;
98
- -moz-transition: all 0.3s ease 0s;
99
- -webkit-transition: all 0.3s ease 0s;
100
- -o-transition: all 0.3s ease 0s;
101
- }
102
- #cboxPrevious:hover
103
- {
104
- background:url(../../images/gallery-arrrow.png) left bottom no-repeat;
105
- }
106
- #cboxNext
107
- {
108
- position:absolute;
109
- bottom:10px;
110
- right:40%;
111
- background:url(../../images/gallery-arrrow.png) no-repeat right top;
112
- width:30px;
113
- height:30px;
114
- text-indent:-9999px;
115
- transition: all 0.3s ease 0s;
116
- -moz-transition: all 0.3s ease 0s;
117
- -webkit-transition: all 0.3s ease 0s;
118
- -o-transition: all 0.3s ease 0s;
119
- }
120
- #cboxNext:hover
121
- {
122
- background:url(../../images/gallery-arrrow.png) no-repeat right bottom;
123
- }
124
- #cboxClose
125
- {
126
- position:absolute;
127
- top:5px;
128
- right:5px;
129
- display:block;
130
- background:url(../../images/controls.png) no-repeat top center;
131
- width:38px;
132
- height:19px;
133
- text-indent:-9999px;
134
- }
135
- #cboxClose:hover{background-position:bottom center;}
136
-
137
-
138
-
139
-
140
  /**********************
141
-
142
- MY Gallery Css
143
-
144
  *********************/
 
 
 
 
 
 
 
145
  .category-desc {padding:0 0 15px 0;}
146
  .cat-img {padding:0 0 15px 0;}
147
  .cat-img img{width:100%;}
148
- .image-gallery-outer .title h3
149
- {
150
- margin-bottom:15px;
151
- display:none;
152
- }
153
- .image-gallery{overflow:hidden;padding:0;background:#FFF;}
154
- .gallery-item
155
- {
156
  float:left;
157
  width:33.33%;
158
  }
159
- .gallery-item .img-box:hover
160
- {
161
-
162
- }
163
- .gallery-item .img-box
164
- {
165
  margin:10px;
166
  border:2px solid #262626;
167
  }
168
-
169
  a.imagegallery,
170
  a.imagegallery img{display:block;}
171
  a.imagegallery img{width:100%;}
172
-
173
- .img-box-inner
174
- {
175
  position:relative;
176
  overflow:hidden;
177
  text-align:center;
178
  }
179
-
180
- .gallery-desc-box
181
- {
182
  display:block;
183
  padding:5% 0;
184
  position:absolute;
@@ -199,8 +49,7 @@ a.imagegallery img{width:100%;}
199
  -moz-opacity:0;
200
  filter: alpha(opacity=0);
201
  }
202
- .gallery-desc-box .gallery-content
203
- {
204
  position:absolute;
205
  top:50%;
206
  transform:translateY(-50%);
@@ -208,35 +57,25 @@ a.imagegallery img{width:100%;}
208
  padding:0 5%;
209
  width:100%;
210
  }
211
- .img-box-inner:hover .gallery-desc-box
212
- {
213
  opacity:1;
214
  -khtml-opacity:1;
215
  -moz-opacity:1;
216
  filter: alpha(opacity=100);
217
  }
218
-
219
-
220
- .gallery-desc-box .gallery-title
221
- {
222
  margin:0;
223
  font-size:18px;
224
  text-transform:capitalize;
225
  color:#FFF;
226
  letter-spacing:1px;
227
-
228
  }
229
-
230
- .gallery-desc-box .gallery-title a
231
- {
232
  color:#FFF;
233
  }
234
  .gallery-desc-box .gallery-title a:hover{text-decoration:underline;}
235
-
236
-
237
  a.image-link {display:inline-block;margin-top:5px;font-size:0;}
238
- a.image-link .fa
239
- {
240
  border: 2px solid #fff;
241
  -webkit-border-radius: 33px;
242
  -moz-border-radius: 33px;
@@ -255,28 +94,23 @@ a.image-link .fa
255
  width:46px;
256
  height:46px;
257
  }
258
- a.image-link .fa:hover
259
- {
260
  background-position:left bottom;
261
  border:2px solid #000;
262
  }
263
- .gallery-desc-box:hover .fa
264
- {
265
- transform: rotate(360deg);
266
- -moz-transform: rotate(360deg);
267
- -webkit-transform: rotate(360deg);
268
  }
269
-
270
  @media (max-width: 1240px) {
271
  }
272
- @media (max-width: 1022px) {
273
-
274
  }
275
  @media (max-width: 767px) {
276
  .gallery-item{
277
  width:50%;
278
- }
279
-
280
  }
281
  @media (max-width: 479px) {
282
  .gallery-item{
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  /**********************
2
+ Masonry Responsive Image Gallery - 1.0.3
 
 
3
  *********************/
4
+
5
+ .image-gallery *{
6
+ box-sizing:border-box;
7
+ -webkit-box-sizing:border-box;
8
+ }
9
+ .category-desc .title{margin-bottom:15px;}
10
+ .image-gallery .gallery-item{list-style-type:none;margin:0;}
11
  .category-desc {padding:0 0 15px 0;}
12
  .cat-img {padding:0 0 15px 0;}
13
  .cat-img img{width:100%;}
14
+ .image-gallery{overflow:hidden;padding:0;background:#FFF;margin:0 -15px;}
15
+ .gallery-item{
 
 
 
 
 
 
16
  float:left;
17
  width:33.33%;
18
  }
19
+ .gallery-item .img-box{
 
 
 
 
 
20
  margin:10px;
21
  border:2px solid #262626;
22
  }
 
23
  a.imagegallery,
24
  a.imagegallery img{display:block;}
25
  a.imagegallery img{width:100%;}
26
+ .img-box-inner{
 
 
27
  position:relative;
28
  overflow:hidden;
29
  text-align:center;
30
  }
31
+ .gallery-desc-box{
 
 
32
  display:block;
33
  padding:5% 0;
34
  position:absolute;
49
  -moz-opacity:0;
50
  filter: alpha(opacity=0);
51
  }
52
+ .gallery-desc-box .gallery-content{
 
53
  position:absolute;
54
  top:50%;
55
  transform:translateY(-50%);
57
  padding:0 5%;
58
  width:100%;
59
  }
60
+ .img-box-inner:hover .gallery-desc-box{
 
61
  opacity:1;
62
  -khtml-opacity:1;
63
  -moz-opacity:1;
64
  filter: alpha(opacity=100);
65
  }
66
+ .gallery-desc-box .gallery-title{
 
 
 
67
  margin:0;
68
  font-size:18px;
69
  text-transform:capitalize;
70
  color:#FFF;
71
  letter-spacing:1px;
 
72
  }
73
+ .gallery-desc-box .gallery-title a{
 
 
74
  color:#FFF;
75
  }
76
  .gallery-desc-box .gallery-title a:hover{text-decoration:underline;}
 
 
77
  a.image-link {display:inline-block;margin-top:5px;font-size:0;}
78
+ a.image-link .fa{
 
79
  border: 2px solid #fff;
80
  -webkit-border-radius: 33px;
81
  -moz-border-radius: 33px;
94
  width:46px;
95
  height:46px;
96
  }
97
+ a.image-link .fa:hover{
 
98
  background-position:left bottom;
99
  border:2px solid #000;
100
  }
101
+ .gallery-desc-box:hover .fa{
102
+ transform: rotate(360deg);
103
+ -moz-transform: rotate(360deg);
104
+ -webkit-transform: rotate(360deg);
 
105
  }
 
106
  @media (max-width: 1240px) {
107
  }
108
+ @media (max-width: 1022px) {
 
109
  }
110
  @media (max-width: 767px) {
111
  .gallery-item{
112
  width:50%;
113
+ }
 
114
  }
115
  @media (max-width: 479px) {
116
  .gallery-item{
skin/frontend/base/default/css/imagegallery/magnific-popup.css CHANGED
@@ -367,11 +367,6 @@ html,body {-webkit-backface-visibility:hidden;}
367
  max-width: 400px;
368
  margin: 0 auto;
369
  }
370
-
371
-
372
-
373
-
374
-
375
  /*
376
 
377
  ====== Zoom effect ======
@@ -724,21 +719,6 @@ h3 {
724
  margin-top: 0;
725
  font-size: 24px;
726
  }
727
- a,
728
- a:visited {
729
- color: #1760BF;
730
- text-decoration: none;
731
- }
732
- a:hover {
733
- color: #c00;
734
- }
735
- .links {
736
- ul {
737
-
738
- }
739
- li {
740
- margin-bottom: 5px;
741
- }
742
  }
743
  h4 {
744
  margin: 24px 0 0 0;
367
  max-width: 400px;
368
  margin: 0 auto;
369
  }
 
 
 
 
 
370
  /*
371
 
372
  ====== Zoom effect ======
719
  margin-top: 0;
720
  font-size: 24px;
721
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
722
  }
723
  h4 {
724
  margin: 24px 0 0 0;