Categorized_Product_Slider - Version 1.0.2

Version Notes

- Some changes on template
- Some CSS changes

Download this release

Release Info

Developer Vsourz Digital
Extension Categorized_Product_Slider
Version 1.0.2
Comparing to
See all releases


Code changes from version 1.0.1 to 1.0.2

Files changed (4) hide show
  1. app/code/community/Vsourz/Catproduct/Model/Productslider.php +3 -3
  2. app/design/frontend/base/default/template/vsourz/products/productslider.phtml +2 -0
  3. package.xml +6 -5
  4. skin/frontend/base/default/css/product_slider/product_slider.css +9 -31
app/code/community/Vsourz/Catproduct/Model/Productslider.php CHANGED
@@ -3,15 +3,15 @@ class Vsourz_Catproduct_Model_Productslider extends Mage_Catalog_Model_Product{
3
  public function getItemCollection($catId,$prodCnt){
4
  $categoryId = $catId;
5
  $products = $prodCnt;
6
- $visibility = array(Mage_Catalog_Model_Product_Visibility::VISIBILITY_BOTH,Mage_Catalog_Model_Product_Visibility::VISIBILITY_IN_CATALOG);
7
 
8
  $collection = Mage::getSingleton('catalog/category')->load($categoryId)->getProductCollection()
9
  ->addAttributeToSelect('*')
10
  ->setStoreId(Mage::app()->getStore()->getId())
11
  ->addAttributeToFilter('visibility', $visibility)
12
- ->addAttributeToFilter('status', Mage_Catalog_Model_Product_Status::STATUS_ENABLED)
13
  ->setOrder('position','ASC')
14
- ->setPageSize($products);
15
 
16
  Mage::getSingleton('cataloginventory/stock')->addInStockFilterToCollection($collection);
17
  return $collection;
3
  public function getItemCollection($catId,$prodCnt){
4
  $categoryId = $catId;
5
  $products = $prodCnt;
6
+ $visibility = array(Mage_Catalog_Model_Product_Visibility::VISIBILITY_BOTH,Mage_Catalog_Model_Product_Visibility::VISIBILITY_IN_CATALOG,Mage_Catalog_Model_Product_Visibility::VISIBILITY_IN_SEARCH);
7
 
8
  $collection = Mage::getSingleton('catalog/category')->load($categoryId)->getProductCollection()
9
  ->addAttributeToSelect('*')
10
  ->setStoreId(Mage::app()->getStore()->getId())
11
  ->addAttributeToFilter('visibility', $visibility)
12
+ ->addAttributeToFilter('status', Mage_Catalog_Model_Product_Status::STATUS_ENABLED)
13
  ->setOrder('position','ASC')
14
+ ->setPageSize($products);
15
 
16
  Mage::getSingleton('cataloginventory/stock')->addInStockFilterToCollection($collection);
17
  return $collection;
app/design/frontend/base/default/template/vsourz/products/productslider.phtml CHANGED
@@ -24,9 +24,11 @@ $saleproduct = trim($helper->getSaleProductText());
24
  <div class="category-product-slider">
25
  <?php $_products = $this->getProducts(); ?>
26
  <?php $_items = $this->getProductCount(); ?>
 
27
  <div class="title">
28
  <h3><?php echo $this->getTitle(); ?></h3>
29
  </div>
 
30
  <div class="product-slider-outer">
31
  <ul id="owl-demo" class="owl-carousel product-slider">
32
  <?php foreach($_products as $_product):?>
24
  <div class="category-product-slider">
25
  <?php $_products = $this->getProducts(); ?>
26
  <?php $_items = $this->getProductCount(); ?>
27
+ <?php if($this->getTitle()): ?>
28
  <div class="title">
29
  <h3><?php echo $this->getTitle(); ?></h3>
30
  </div>
31
+ <?php endif; ?>
32
  <div class="product-slider-outer">
33
  <ul id="owl-demo" class="owl-carousel product-slider">
34
  <?php foreach($_products as $_product):?>
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Categorized_Product_Slider</name>
4
- <version>1.0.1</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/MIT">Massachusetts Institute of Technology License (MITL)</license>
7
  <channel>community</channel>
@@ -48,11 +48,12 @@ There are three main parameters which you need through short code for it functio
48
  3) Title: Title of the required product slider is displayed over here.&#xD;
49
  &#xD;
50
  We have used OWL Carousel for slide effect. For more information on OWL Carousel, please visit official website here</description>
51
- <notes>Categorized Product Slider allows you to display the product from your desired category in a slide format.</notes>
 
52
  <authors><author><name>Vsourz Digital</name><user>MAG002979323</user><email>mehul@vsourz.com</email></author></authors>
53
- <date>2015-08-14</date>
54
- <time>08:54:28</time>
55
- <contents><target name="magecommunity"><dir name="Vsourz"><dir name="Catproduct"><dir name="Block"><file name="Productslider.php" hash="cbe63937440d684a696d190f8573dc7e"/></dir><dir name="Helper"><file name="Data.php" hash="26e6d22c583eb4dcbcdef693a5d68524"/></dir><dir name="Model"><file name="Productslider.php" hash="0c5b4825430ac614cf2a75201f09758b"/><dir name="Source"><file name="Truefalse.php" hash="8965df30a8eb5e94d9edc421471c02b5"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="9735257759e52018748472c0e09a4dc6"/><file name="config.xml" hash="cdbc915bacbab0a8e9013a51ec3e2da4"/><file name="system.xml" hash="4466fccbcc0d6ffb8948c18bc15cb337"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Vsourz_Catproduct.xml" hash="7f0e1b7543955090c0526f866d0c3e44"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><dir name="vsourz"><file name="products_slider.xml" hash="84af540c674e1d390367752b30fb3bd9"/></dir></dir><dir name="template"><dir name="vsourz"><dir name="products"><file name="productslider.phtml" hash="f114914e77c8e97ffc4afda6f76f2a67"/></dir></dir></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><dir name="vsourz"><file name="products_slider.xml" hash="b000d1a73c5619a4c251559c006f05f9"/></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="product_slider"><file name="owl.carousel.css" hash="d49fbfc6c0444e7c67b2ee7ae284a293"/><file name="owl.theme.css" hash="a361030c37b888ccf0bedb5cf308bfac"/><file name="owl.transitions.css" hash="b1bdaeac4065bf67a7d7a06213192964"/><file name="product_slider.css" hash="d8f7e40c5be5f45629e0dafadf68a748"/></dir></dir><dir name="js"><dir name="product_slider"><file name="jquery-1.10.2.min.js" hash="628072e7212db1e8cdacb22b21752cda"/><file name="owl.carousel.min.js" hash="8c52f27fcac36c7667f8fb846e1e94d5"/></dir></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="vsourz"><dir name="productslider"><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="jscolor.js" hash="a26701f49bf33da8dc48f3431e5f4f42"/></dir></dir></dir></target></contents>
56
  <compatible/>
57
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
58
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Categorized_Product_Slider</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>
48
  3) Title: Title of the required product slider is displayed over here.&#xD;
49
  &#xD;
50
  We have used OWL Carousel for slide effect. For more information on OWL Carousel, please visit official website here</description>
51
+ <notes>- Some changes on template&#xD;
52
+ - Some CSS changes</notes>
53
  <authors><author><name>Vsourz Digital</name><user>MAG002979323</user><email>mehul@vsourz.com</email></author></authors>
54
+ <date>2015-09-08</date>
55
+ <time>08:05:07</time>
56
+ <contents><target name="magecommunity"><dir name="Vsourz"><dir name="Catproduct"><dir name="Block"><file name="Productslider.php" hash="cbe63937440d684a696d190f8573dc7e"/></dir><dir name="Helper"><file name="Data.php" hash="26e6d22c583eb4dcbcdef693a5d68524"/></dir><dir name="Model"><file name="Productslider.php" hash="8976d3be77ecf1fd552d1e16c63c3211"/><dir name="Source"><file name="Truefalse.php" hash="8965df30a8eb5e94d9edc421471c02b5"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="9735257759e52018748472c0e09a4dc6"/><file name="config.xml" hash="cdbc915bacbab0a8e9013a51ec3e2da4"/><file name="system.xml" hash="4466fccbcc0d6ffb8948c18bc15cb337"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Vsourz_Catproduct.xml" hash="7f0e1b7543955090c0526f866d0c3e44"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><dir name="vsourz"><file name="products_slider.xml" hash="84af540c674e1d390367752b30fb3bd9"/></dir></dir><dir name="template"><dir name="vsourz"><dir name="products"><file name="productslider.phtml" hash="657ef2eb5e583b7ffad5d57396ce25e6"/></dir></dir></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><dir name="vsourz"><file name="products_slider.xml" hash="b000d1a73c5619a4c251559c006f05f9"/></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="product_slider"><file name="owl.carousel.css" hash="d49fbfc6c0444e7c67b2ee7ae284a293"/><file name="owl.theme.css" hash="a361030c37b888ccf0bedb5cf308bfac"/><file name="owl.transitions.css" hash="b1bdaeac4065bf67a7d7a06213192964"/><file name="product_slider.css" hash="b7e960eb0574b554c24e2f5e4981ac72"/></dir></dir><dir name="js"><dir name="product_slider"><file name="jquery-1.10.2.min.js" hash="628072e7212db1e8cdacb22b21752cda"/><file name="owl.carousel.min.js" hash="8c52f27fcac36c7667f8fb846e1e94d5"/></dir></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="vsourz"><dir name="productslider"><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="jscolor.js" hash="a26701f49bf33da8dc48f3431e5f4f42"/></dir></dir></dir></target></contents>
57
  <compatible/>
58
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
59
  </package>
skin/frontend/base/default/css/product_slider/product_slider.css CHANGED
@@ -1,10 +1,7 @@
1
  /*************************************************
2
-
3
- CATEGORY PRODUCT SLIDER CSS
4
-
5
  *************************************************/
6
  .category-product-slider *{box-sizing:border-box;}
7
-
8
  .category-product-slider a{text-decoration:none !important;}
9
  .category-product-slider
10
  {
@@ -19,7 +16,6 @@
19
  margin: 0;
20
  background:#ededed;
21
  }
22
-
23
  .category-product-slider ul,
24
  .category-product-slider .actions-inner ul
25
  {
@@ -32,18 +28,14 @@
32
  margin:0;
33
  list-style-type:none;
34
  }
35
-
36
  .category-product-slider .product-slider
37
  {
38
  position:relative;
39
  margin:0;
40
  }
41
  .product-slider-outer{margin:0 -15px;box-sizing:border-box;}
42
-
43
  .category-product-slider .ratings .rating-box{margin:0 auto;}
44
-
45
  .category-product-slider .actions-inner li{margin:5px 0;}
46
-
47
  .category-product-slider .owl-item .item
48
  {
49
  padding:0 15px;
@@ -52,10 +44,10 @@
52
  }
53
  .category-product-slider p,
54
  .std .category-product-slider p{margin:0;}
55
-
56
  .category-product-slider .item-inner
57
  {
58
  position:relative;
 
59
  }
60
  .category-product-slider .item-img
61
  {
@@ -83,7 +75,6 @@
83
  left:auto;
84
  background:#ff8000;
85
  }
86
-
87
  .category-product-slider .product-image
88
  {
89
  border:none;
@@ -137,7 +128,6 @@
137
  margin:0;
138
  height:auto;
139
  }
140
-
141
  .category-product-slider .owl-theme .owl-controls .owl-buttons div
142
  {
143
  background:#000;
@@ -148,6 +138,8 @@
148
  color:#fff;
149
  position:absolute;
150
  top:50%;
 
 
151
  }
152
  .category-product-slider .owl-theme .owl-controls .owl-buttons div .fa
153
  {
@@ -159,15 +151,12 @@
159
  font-family:Arial, Helvetica, sans-serif;
160
  display:block;
161
  }
162
- .category-product-slider .owl-theme .owl-controls .owl-buttons .owl-prev{left:13px;}
163
- .category-product-slider .owl-theme .owl-controls .owl-buttons .owl-next{right:13px;}
164
  .category-product-slider .owl-theme .owl-controls .owl-buttons div:hover{background:#ddd;color:#000;}
165
  .category-product-slider .owl-theme .owl-controls .owl-buttons div:hover .fa{color:#000;}
166
-
167
  .category-product-slider .owl-theme .owl-controls{text-align:center;margin:15px 0 0 0;}
168
-
169
  .category-product-slider .owl-theme .owl-controls .owl-page{display:inline-block;margin:0 3px;}
170
-
171
  .category-product-slider .owl-theme .owl-controls .owl-page span
172
  {
173
  margin:0;
@@ -175,27 +164,16 @@
175
  width:12px;
176
  display:block;
177
  cursor:pointer;
178
- background:#333;
179
-
180
  -webkit-box-shadow:none;
181
  -ms-box-shadow:none;
182
- box-shadow:none;
183
-
184
  -webkit-border-radius: 100%;
185
  -ms-border-radius: 100%;
186
  border-radius: 100%;
187
-
188
  transition: all 0.4s ease-in-out 0s;
189
  -ms-transition: all 0.4s ease-in-out 0s;
190
  -webkit-transition: all 0.4s ease-in-out 0s;
191
  }
192
  .category-product-slider .owl-theme .owl-controls .owl-page span:hover,
193
- .category-product-slider .owl-theme .owl-controls .owl-page.active span{background:#ccc;}
194
-
195
-
196
-
197
-
198
-
199
-
200
-
201
-
1
  /*************************************************
2
+ *CATEGORY PRODUCT SLIDER CSS
 
 
3
  *************************************************/
4
  .category-product-slider *{box-sizing:border-box;}
 
5
  .category-product-slider a{text-decoration:none !important;}
6
  .category-product-slider
7
  {
16
  margin: 0;
17
  background:#ededed;
18
  }
 
19
  .category-product-slider ul,
20
  .category-product-slider .actions-inner ul
21
  {
28
  margin:0;
29
  list-style-type:none;
30
  }
 
31
  .category-product-slider .product-slider
32
  {
33
  position:relative;
34
  margin:0;
35
  }
36
  .product-slider-outer{margin:0 -15px;box-sizing:border-box;}
 
37
  .category-product-slider .ratings .rating-box{margin:0 auto;}
 
38
  .category-product-slider .actions-inner li{margin:5px 0;}
 
39
  .category-product-slider .owl-item .item
40
  {
41
  padding:0 15px;
44
  }
45
  .category-product-slider p,
46
  .std .category-product-slider p{margin:0;}
 
47
  .category-product-slider .item-inner
48
  {
49
  position:relative;
50
+ padding: 0;
51
  }
52
  .category-product-slider .item-img
53
  {
75
  left:auto;
76
  background:#ff8000;
77
  }
 
78
  .category-product-slider .product-image
79
  {
80
  border:none;
128
  margin:0;
129
  height:auto;
130
  }
 
131
  .category-product-slider .owl-theme .owl-controls .owl-buttons div
132
  {
133
  background:#000;
138
  color:#fff;
139
  position:absolute;
140
  top:50%;
141
+ transform: translateY(-50%);
142
+ -webkit-transform: translateY(-50%);
143
  }
144
  .category-product-slider .owl-theme .owl-controls .owl-buttons div .fa
145
  {
151
  font-family:Arial, Helvetica, sans-serif;
152
  display:block;
153
  }
154
+ .category-product-slider .owl-theme .owl-controls .owl-buttons .owl-prev{left:15px;}
155
+ .category-product-slider .owl-theme .owl-controls .owl-buttons .owl-next{right:15px;}
156
  .category-product-slider .owl-theme .owl-controls .owl-buttons div:hover{background:#ddd;color:#000;}
157
  .category-product-slider .owl-theme .owl-controls .owl-buttons div:hover .fa{color:#000;}
 
158
  .category-product-slider .owl-theme .owl-controls{text-align:center;margin:15px 0 0 0;}
 
159
  .category-product-slider .owl-theme .owl-controls .owl-page{display:inline-block;margin:0 3px;}
 
160
  .category-product-slider .owl-theme .owl-controls .owl-page span
161
  {
162
  margin:0;
164
  width:12px;
165
  display:block;
166
  cursor:pointer;
167
+ background:#333;
 
168
  -webkit-box-shadow:none;
169
  -ms-box-shadow:none;
170
+ box-shadow:none;
 
171
  -webkit-border-radius: 100%;
172
  -ms-border-radius: 100%;
173
  border-radius: 100%;
 
174
  transition: all 0.4s ease-in-out 0s;
175
  -ms-transition: all 0.4s ease-in-out 0s;
176
  -webkit-transition: all 0.4s ease-in-out 0s;
177
  }
178
  .category-product-slider .owl-theme .owl-controls .owl-page span:hover,
179
+ .category-product-slider .owl-theme .owl-controls .owl-page.active span{background:#ccc;}