NG_Slider - Version 1.0.2

Version Notes

All Bugs are Fixed in this version

Download this release

Release Info

Developer BrainSINS
Extension NG_Slider
Version 1.0.2
Comparing to
See all releases


Code changes from version 1.0.0 to 1.0.2

app/design/frontend/base/default/template/slider/slider.phtml CHANGED
@@ -9,6 +9,7 @@
9
  $skin_url = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN);
10
  $slideCollection = Mage::getModel('slider/slider')->getCollection();
11
  $configData = Mage::getStoreConfig('slider');
 
12
  ?>
13
  <?php if($configData['settings']['enable_slider'] == 1): ?>
14
  <link rel="stylesheet" type="text/css" href="<?php echo $skin_url ?>frontend/base/default/3DSlider/slider.css" />
@@ -48,13 +49,16 @@ width: 98%;
48
  $(function() {
49
  var Page = (function() {
50
  var $navArrows = $( '#nav-arrows' ).hide(),
 
 
51
  $shadow = $( '#shadow' ).hide(),
52
  slicebox = $( '#sb-slider' ).slicebox( {
53
  onReady : function() {
54
  $navArrows.show();
 
55
  $shadow.show();
56
  },
57
- orientation : '<?php echo $configData['settings']['list_style']; ?>',
58
  cuboidsRandom : <?php if($configData['settings']['random_slide'] == 1): echo 'true'; else: echo "false"; endif; ?>,
59
  disperseFactor : <?php echo $configData['settings']['disperse_factor']; ?>,
60
  colorHiddenSides : '<?php if($configData['settings']['hidden_slide_color'] != ""): echo "$configData[settings][hidden_slide_color]"; else: echo "#6d6a63"; endif; ?>',
@@ -64,7 +68,11 @@ width: 98%;
64
  cuboidsCount : 3,
65
  sequentialFactor : <?php echo $configData['settings']['sequential_factor']; ?>,
66
  interval: <?php echo $configData['settings']['slide_interval']; ?>,
67
- /*autoplay : <?php if($configData['settings']['auto_play'] == 1): echo 'true'; else: echo "false"; endif; ?>,*/
 
 
 
 
68
  } ),
69
  init = function() {
70
  initEvents();
@@ -87,6 +95,26 @@ width: 98%;
87
  ?>
88
  return false;
89
  } );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90
  };
91
  return { init : init };
92
  })();
@@ -95,6 +123,7 @@ width: 98%;
95
  </script>
96
  <div class="wrapper-slider">
97
  <ul id="sb-slider" class="sb-slider">
 
98
  <?php foreach ($slideCollection as $slide): ?>
99
  <li>
100
  <?php if ($slide['weblink']){ ?>
@@ -119,6 +148,16 @@ width: 98%;
119
  </div>
120
  <?php endif; ?>
121
  <div id="shadow" class="shadow"></div>
 
 
 
 
 
 
 
 
 
 
122
  </div>
123
  <!-- /wrapper -->
124
  <?php endif;?>
9
  $skin_url = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN);
10
  $slideCollection = Mage::getModel('slider/slider')->getCollection();
11
  $configData = Mage::getStoreConfig('slider');
12
+ //echo "<pre>"; print_r($configData['settings']);
13
  ?>
14
  <?php if($configData['settings']['enable_slider'] == 1): ?>
15
  <link rel="stylesheet" type="text/css" href="<?php echo $skin_url ?>frontend/base/default/3DSlider/slider.css" />
49
  $(function() {
50
  var Page = (function() {
51
  var $navArrows = $( '#nav-arrows' ).hide(),
52
+ $navDots = $( '#nav-dots' ).hide(),
53
+ $nav = $navDots.children( 'span' ),
54
  $shadow = $( '#shadow' ).hide(),
55
  slicebox = $( '#sb-slider' ).slicebox( {
56
  onReady : function() {
57
  $navArrows.show();
58
+ <?php if($configData['settings']['paging'] == 1){ ?>$navDots.show(); <?php } ?>
59
  $shadow.show();
60
  },
61
+ orientation : '<?php echo $configData['settings']['transition_effect']; ?>',
62
  cuboidsRandom : <?php if($configData['settings']['random_slide'] == 1): echo 'true'; else: echo "false"; endif; ?>,
63
  disperseFactor : <?php echo $configData['settings']['disperse_factor']; ?>,
64
  colorHiddenSides : '<?php if($configData['settings']['hidden_slide_color'] != ""): echo "$configData[settings][hidden_slide_color]"; else: echo "#6d6a63"; endif; ?>',
68
  cuboidsCount : 3,
69
  sequentialFactor : <?php echo $configData['settings']['sequential_factor']; ?>,
70
  interval: <?php echo $configData['settings']['slide_interval']; ?>,
71
+ autoplay : <?php if($configData['settings']['auto_play'] == 1): echo 'true'; else: echo "false"; endif; ?>,
72
+ onBeforeChange : function( pos ) {
73
+ $nav.removeClass( 'nav-dot-current' );
74
+ $nav.eq( pos ).addClass( 'nav-dot-current' );
75
+ }
76
  } ),
77
  init = function() {
78
  initEvents();
95
  ?>
96
  return false;
97
  } );
98
+
99
+ $nav.each( function( i ) {
100
+
101
+ $( this ).on( 'click', function( event ) {
102
+
103
+ var $dot = $( this );
104
+
105
+ if( !slicebox.isActive() ) {
106
+
107
+ $nav.removeClass( 'nav-dot-current' );
108
+ $dot.addClass( 'nav-dot-current' );
109
+
110
+ }
111
+
112
+ slicebox.jump( i + 1 );
113
+ return false;
114
+
115
+ } );
116
+
117
+ } );
118
  };
119
  return { init : init };
120
  })();
123
  </script>
124
  <div class="wrapper-slider">
125
  <ul id="sb-slider" class="sb-slider">
126
+
127
  <?php foreach ($slideCollection as $slide): ?>
128
  <li>
129
  <?php if ($slide['weblink']){ ?>
148
  </div>
149
  <?php endif; ?>
150
  <div id="shadow" class="shadow"></div>
151
+ <?php if($configData['settings']['paging'] == 1){ ?>
152
+ <div id="nav-dots" class="nav-dots">
153
+ <span class="nav-dot-current"></span>
154
+ <?php $slide_count = count($slideCollection);
155
+ for($i=1; $i<$slide_count; $i++){
156
+ echo "<span></span>";
157
+ }
158
+ ?>
159
+ </div>
160
+ <?php } ?>
161
  </div>
162
  <!-- /wrapper -->
163
  <?php endif;?>
package.xml CHANGED
@@ -1,25 +1,29 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>NG_Slider</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>Looking for a 3D slider for your magento store? NG Slider is the solution for for that.</summary>
10
- <description>&lt;div&gt;&#xD;
 
 
 
 
11
  &lt;h3&gt;To Use this 3D Slider for your Store, Please Follow the below Steps.&lt;/h3&gt;&#xD;
12
  &lt;ul&gt;&#xD;
13
- &lt;li&gt;Step1:- Login to your admin panel and navigate to system---&gt; Magento Connect--&gt; Magento Connect Manager.&lt;/li&gt;&#xD;
14
- &lt;li&gt;Step2:- Please cross check that &amp;quot;compilation&amp;quot; should be disable, and before installing this extension take backup of your &#xD;
15
- site for good practise..&lt;/li&gt;&#xD;
16
  &lt;li&gt;Step3:- Copy the extension key from above and paste it in text box and click install.&lt;/li&gt;&#xD;
17
  &lt;li&gt;Step4:- Clear the cache after installing the extension and logout/login to your admin panel.&lt;/li&gt;&#xD;
18
  &lt;li&gt;Step5:- Now navigate to 3D Slider menu from top and click manage slides(submenu). And Add sliders from here.&lt;/li&gt;&#xD;
19
  &lt;li&gt;Step6:- Put below line of code in homepage cms from admin.&#xD;
20
- {{block type=&amp;quot;slider/slider&amp;quot; template=&amp;quot;slider/slider.phtml&amp;quot;}}&lt;/li&gt;&#xD;
21
  &lt;/ul&gt;&#xD;
22
- &lt;div&gt;Above are all steps to use this extension for your store. along with this This slider have variour controll options in admin. navigate to System-&gt; Configuration-&gt; 3D-Slider.&lt;/div&gt;&#xD;
23
  &#xD;
24
  &lt;h3&gt;Features &lt;/h3&gt;&#xD;
25
  &lt;ul&gt;&#xD;
@@ -32,13 +36,13 @@
32
  &lt;li&gt; Total Admin control.&lt;/li&gt;&#xD;
33
  &lt;li&gt; Slider Height &amp;amp; Width manageable fro admin.&lt;/li&gt;&#xD;
34
  &lt;/ul&gt;&#xD;
35
- Note: "compilation" should be disable.&#xD;
36
  &lt;/div&gt;</description>
37
- <notes>Make Sure that "compilation" is disable before installing this extension.</notes>
38
- <authors><author><name>Nitin Gautam</name><user>nitin_gautam700</user><email>nitin.gautam070@gmail.com</email></author></authors>
39
- <date>2014-10-29</date>
40
- <time>11:44:19</time>
41
- <contents><target name="magelocal"><dir name="NG"><dir name="Slider"><dir name="Block"><dir name="Adminhtml"><dir name="Slider"><dir name="Edit"><file name="Form.php" hash="892367cbf277c4e4f6f570bec6c690cf"/><dir name="Tab"><file name="Form.php" hash="0c69069db5ac0e5d64e23804e789462a"/></dir><file name="Tabs.php" hash="245ec798ed14f15df68330bfd9070ce5"/></dir><file name="Edit.php" hash="1bf8965e15ad73e48c9da5dee3efbc58"/><file name="Grid.php" hash="288a9548770dd4e4d0e1edd534397f2d"/></dir><file name="Slider.php" hash="8a04fa2079f0eb3559b4f7b1b7245d5e"/></dir><file name="Slider.php" hash="665e1eec1229198cdd7dd8a1897701c1"/></dir><dir name="Helper"><file name="Data.php" hash="860859d4fdaf6ccc9cce80e8a9dd9c1a"/></dir><dir name="Model"><dir name="Mysql4"><dir name="Slider"><file name="Collection.php" hash="143f4eca28c4cd249c71bda59e38194f"/></dir><file name="Slider.php" hash="0a4b3ce8518b88dfa3de26190c52f6ca"/></dir><file name="Slider.php" hash="1284922fd4d46f7a4610a981cf33ea22"/><file name="Status.php" hash="1c90003bf23e7e488f5aed0ba08b68ae"/><dir name="System"><dir name="Config"><file name="Factor.php" hash="6f196a84813371b313c890e0ef43e38b"/><file name="Sequentialfactor.php" hash="30104d7eea71a534fc3d7587eae6dbcb"/><file name="Slicecount.php" hash="287623ea5018a17302fe2cd9c05d7bd6"/><file name="Slideinterval.php" hash="2ed9041c9b453cddab5f6ba07a460d67"/><file name="Speed.php" hash="b38ce9df59bfd81dba8888625ea15dea"/><file name="Styles.php" hash="b90e95265be98af3ed6e93574b02b54a"/></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="SliderController.php" hash="98db4a2c7403451c14fea5d01e4e6519"/></dir><file name="IndexController.php" hash="355bd31cf71fe4c4162a308a8d6577b2"/></dir><dir name="etc"><file name="config.xml" hash="cc956722db8a83e3c999363af54d5b9f"/><file name="system.xml" hash="a7ddcf0b818d7468700fa460ef4d3cd4"/></dir><dir name="sql"><dir name="slider_setup"><file name="mysql4-install-1.0.3.php" hash="2b9ce3efe36f24feb2856fe9adf5d51a"/><file name="mysql4-install-2.0.0.php" hash="8272e52affed7dbf5021675cb97e760a"/><file name="mysql4-upgrade-1.0.3-2.0.0.php" hash="c8ef75d116314c33be932461c1611002"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="slider.xml" hash="2e81aea78d38d3be5ff7d22710409c67"/></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="slider.xml" hash="80017b38e382f4ac2b43a89e21d5dfac"/></dir><dir name="template"><dir name="slider"><file name="slider.phtml" hash="46b941dfe0cb731b6cddba904507a413"/></dir></dir></dir></dir></dir></target><target name="mageweb"><dir name="js"><dir name="3DSlider"><file name="arrow.gif" hash="5034704a76cd55c1cbcbc58ea6bf523f"/><file name="cross.gif" hash="ba9a274b9323753cd95bc3b1eb2f4e5f"/><file name="hs.png" hash="fefa1a03d92ebad25c88dca94a0b63db"/><file name="hv.png" hash="990d71cada17da100653636cf8490884"/><file name="jQuery 1.8.2.js" hash="1d14cd3798bc4d6aaf65dd625870723f"/><file name="jquery.slicebox.js" hash="cf1720c7b33d8b3abf831c6c461901b4"/><file name="jscolor.js" hash="8340a7254d2fec94963c0871413a1ebc"/><file name="modernizer.js" hash="1de5419fea2749e57b75d17d89b0f6c1"/></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="3DSlider"><dir name="images"><file name="Thumbs.db" hash="ae9cf32c397198f92760403646394ef0"/><file name="fancy_deboss.png" hash="647461ca575c1acb4545c75b3b873f6e"/><file name="nav.png" hash="67d4f9b1ac475ca5d4b888a958aa0efd"/><file name="options.png" hash="c36d2842c215db25de1da6af166d575d"/><file name="shadow.png" hash="e92473a8b27e9c1c4d9b614327b86533"/><file name=".DS_Store" hash="194577a7e20bdcc7afbb718f502c134c"/></dir><file name="slider.css" hash="bf0cd19230adc50ec5a994c839dfb125"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="NG_Slider.xml" hash="bb16ea7de94b224e55e4748ab5a04266"/></dir></target></contents>
42
  <compatible/>
43
- <dependencies><required><php><min>5.1.0</min><max>5.6.0</max></php></required></dependencies>
44
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>NG_Slider</name>
4
+ <version>1.0.2</version>
5
  <stability>stable</stability>
6
+ <license>Open Software License (OSL)</license>
7
  <channel>community</channel>
8
  <extends/>
9
+ <summary>NG 3D Slider is a slider In which the transition appears like 3D effect while changing between slides.</summary>
10
+ <description> &#xD;
11
+ &lt;div id="product-view-tabs-branding"&gt;&#xD;
12
+ &lt;/div&gt;&#xD;
13
+ &lt;h2&gt;NG 3D Slider&lt;/h2&gt;&#xD;
14
+ &lt;div&gt;&#xD;
15
  &lt;h3&gt;To Use this 3D Slider for your Store, Please Follow the below Steps.&lt;/h3&gt;&#xD;
16
  &lt;ul&gt;&#xD;
17
+ &lt;li&gt;Step1:- Login to your admin panel and navigate to system---&amp;gt; Magento Connect --&amp;gt; Magento Connect Manager.&lt;/li&gt;&#xD;
18
+ &lt;li&gt;Step2:- Please cross check that "compilation" should be disable, and before installing this extension take &#xD;
19
+ backup of your site for good practise..&lt;/li&gt;&#xD;
20
  &lt;li&gt;Step3:- Copy the extension key from above and paste it in text box and click install.&lt;/li&gt;&#xD;
21
  &lt;li&gt;Step4:- Clear the cache after installing the extension and logout/login to your admin panel.&lt;/li&gt;&#xD;
22
  &lt;li&gt;Step5:- Now navigate to 3D Slider menu from top and click manage slides(submenu). And Add sliders from here.&lt;/li&gt;&#xD;
23
  &lt;li&gt;Step6:- Put below line of code in homepage cms from admin.&#xD;
24
+ {{block type="slider/slider" template="slider/slider.phtml"}}&lt;/li&gt;&#xD;
25
  &lt;/ul&gt;&#xD;
26
+ Above are all steps to use this extension for your store. along with this This slider have variour controll options in admin. navigate to System -&amp;gt; Configuration -&amp;gt; 3D-Slider.&#xD;
27
  &#xD;
28
  &lt;h3&gt;Features &lt;/h3&gt;&#xD;
29
  &lt;ul&gt;&#xD;
36
  &lt;li&gt; Total Admin control.&lt;/li&gt;&#xD;
37
  &lt;li&gt; Slider Height &amp;amp; Width manageable fro admin.&lt;/li&gt;&#xD;
38
  &lt;/ul&gt;&#xD;
39
+ Note: "compilation" should be disable before installing this extension&#xD;
40
  &lt;/div&gt;</description>
41
+ <notes>All Bugs are Fixed in this version</notes>
42
+ <authors><author><name>Nitin Gautam</name><user>Developer</user><email>nitin.gautam070@gmail.com</email></author></authors>
43
+ <date>2014-11-02</date>
44
+ <time>11:07:13</time>
45
+ <contents><target name="magelocal"><dir name="NG"><dir name="Slider"><dir name="Block"><dir name="Adminhtml"><dir name="Slider"><dir name="Edit"><file name="Form.php" hash="892367cbf277c4e4f6f570bec6c690cf"/><dir name="Tab"><file name="Form.php" hash="0c69069db5ac0e5d64e23804e789462a"/></dir><file name="Tabs.php" hash="245ec798ed14f15df68330bfd9070ce5"/></dir><file name="Edit.php" hash="1bf8965e15ad73e48c9da5dee3efbc58"/><file name="Grid.php" hash="288a9548770dd4e4d0e1edd534397f2d"/></dir><file name="Slider.php" hash="8a04fa2079f0eb3559b4f7b1b7245d5e"/></dir><file name="Slider.php" hash="665e1eec1229198cdd7dd8a1897701c1"/></dir><dir name="Helper"><file name="Data.php" hash="860859d4fdaf6ccc9cce80e8a9dd9c1a"/></dir><dir name="Model"><dir name="Mysql4"><dir name="Slider"><file name="Collection.php" hash="143f4eca28c4cd249c71bda59e38194f"/></dir><file name="Slider.php" hash="0a4b3ce8518b88dfa3de26190c52f6ca"/></dir><file name="Slider.php" hash="1284922fd4d46f7a4610a981cf33ea22"/><file name="Status.php" hash="1c90003bf23e7e488f5aed0ba08b68ae"/><dir name="System"><dir name="Config"><file name="Factor.php" hash="6f196a84813371b313c890e0ef43e38b"/><file name="Sequentialfactor.php" hash="30104d7eea71a534fc3d7587eae6dbcb"/><file name="Slicecount.php" hash="287623ea5018a17302fe2cd9c05d7bd6"/><file name="Slideinterval.php" hash="2ed9041c9b453cddab5f6ba07a460d67"/><file name="Speed.php" hash="b38ce9df59bfd81dba8888625ea15dea"/><file name="Styles.php" hash="b90e95265be98af3ed6e93574b02b54a"/></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="SliderController.php" hash="98db4a2c7403451c14fea5d01e4e6519"/></dir><file name="IndexController.php" hash="355bd31cf71fe4c4162a308a8d6577b2"/></dir><dir name="etc"><file name="config.xml" hash="cc956722db8a83e3c999363af54d5b9f"/><file name="system.xml" hash="a7ddcf0b818d7468700fa460ef4d3cd4"/></dir><dir name="sql"><dir name="slider_setup"><file name="mysql4-install-1.0.3.php" hash="2b9ce3efe36f24feb2856fe9adf5d51a"/><file name="mysql4-install-2.0.0.php" hash="8272e52affed7dbf5021675cb97e760a"/><file name="mysql4-upgrade-1.0.3-2.0.0.php" hash="c8ef75d116314c33be932461c1611002"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="slider.xml" hash="2e81aea78d38d3be5ff7d22710409c67"/></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="slider.xml" hash="80017b38e382f4ac2b43a89e21d5dfac"/></dir><dir name="template"><dir name="slider"><file name="slider.phtml" hash="55ec96b5aea989e5468bfd876c99dc52"/></dir></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="NG_Slider.xml" hash="bb16ea7de94b224e55e4748ab5a04266"/></dir></target><target name="mageweb"><dir name="js"><dir name="3DSlider"><file name="arrow.gif" hash="5034704a76cd55c1cbcbc58ea6bf523f"/><file name="cross.gif" hash="ba9a274b9323753cd95bc3b1eb2f4e5f"/><file name="hs.png" hash="fefa1a03d92ebad25c88dca94a0b63db"/><file name="hv.png" hash="990d71cada17da100653636cf8490884"/><file name="jQuery 1.8.2.js" hash="1d14cd3798bc4d6aaf65dd625870723f"/><file name="jquery.slicebox.js" hash="cf1720c7b33d8b3abf831c6c461901b4"/><file name="jscolor.js" hash="8340a7254d2fec94963c0871413a1ebc"/><file name="modernizer.js" hash="1de5419fea2749e57b75d17d89b0f6c1"/></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="3DSlider"><dir name="images"><file name="Thumbs.db" hash="ae9cf32c397198f92760403646394ef0"/><file name="fancy_deboss.png" hash="647461ca575c1acb4545c75b3b873f6e"/><file name="nav.png" hash="67d4f9b1ac475ca5d4b888a958aa0efd"/><file name="options.png" hash="c36d2842c215db25de1da6af166d575d"/><file name="shadow.png" hash="e92473a8b27e9c1c4d9b614327b86533"/><file name=".DS_Store" hash="194577a7e20bdcc7afbb718f502c134c"/></dir><file name="slider.css" hash="0be714d53ca0ceb3eb19a79abc79df77"/></dir></dir></dir></dir></target></contents>
46
  <compatible/>
47
+ <dependencies><required><php><min>5.0.2</min><max>5.6.0</max></php></required></dependencies>
48
  </package>
skin/frontend/base/default/3DSlider/slider.css CHANGED
@@ -167,13 +167,14 @@
167
  }
168
 
169
  .nav-dots {
170
- text-align: center;
171
- position: absolute;
172
- bottom: -5px;
173
- height: 30px;
174
- width: 100%;
175
- left: 0;
176
- display: none;
 
177
  }
178
 
179
  .nav-dots span {
167
  }
168
 
169
  .nav-dots {
170
+ bottom: -50px;
171
+ clear: both;
172
+ display: none;
173
+ height: 30px;
174
+ left: 0;
175
+ position: absolute;
176
+ text-align: center;
177
+ width: 100%;
178
  }
179
 
180
  .nav-dots span {