Changed homepage collection to use default 'featured' and adjusted ho…

…mepage product grid to remove descriptions, and adding bottom padding for each product.
lemonstand · Nov 30, 2016 · 393972d · 393972d
1 parent 341817a
commit 393972d
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 11 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/pages/.DS_Store b/pages/.DS_Store
diff --git a/pages/home/page-home.htm b/pages/home/page-home.htm
@@ -17,7 +17,7 @@
 <div class="jumbotron row featured text-center">
 	<h4 class="buffer">What you can get</h4>
 	<p class="space-bottom">We have flexible plans whether you are subscribing for the office or for yourself</p>
-	{{ partial('home-featured-products', {'featuredCollection': 'featuredCollection'|collection}) }}
+	{{ partial('home-featured-products', {'featuredCollection': 'featured'|collection}) }}
 	<br>
 </div>
 

diff --git a/partials/home-featured-products.htm b/partials/home-featured-products.htm
@@ -3,9 +3,9 @@
 
   <span class="title">Our Plans</span>
   {% for product in featuredCollection.products %}
-        {{ partial('shop-grid-item', {'product':product}) }}
+        {{ partial('shop-grid-item-home', {'product':product}) }}
   {% endfor %}
 {% else %}
-  <p class="flash success">The product collection was not found. Please create this group on the Shop/Collections page and name it featuredCollection.</p>
+  <p class="flash success">The product collection was not found. Please create this group on the Shop/Collections page and name it 'featured'.</p>
 {% endif %}
-</div>
+</div>
diff --git a/partials/shop-grid-item-home.htm b/partials/shop-grid-item-home.htm
@@ -0,0 +1,10 @@
+{% set on_sale = product.onSale %}
+
+
+<div class="col-md-6 text-center">
+	<img src="{{ product.images.first.thumbnail('auto',500,{crop:true}) }}" alt="{{ product.name }}">
+	<h2>{{ product.name }}</h2>
+	<p>{{ product.price|currency }} <sub>/mo</sub></p>
+	<hr>
+	<a href="/product/{{ product.url_name }}" class="btn btn-important">I want this!</a>
+</div>
diff --git a/resources/.DS_Store b/resources/.DS_Store
diff --git a/resources/css/combined.css b/resources/css/combined.css
@@ -263,6 +263,7 @@ sup{
 }
 .pricing-box .col-md-6{
 	text-align: center;
+	padding-bottom: 20px;
 }
 .pricing-box .col-md-6 img{
 	width: 70%;
@@ -593,7 +594,7 @@ sub{
   border-color:rgba(0,0,0,0.3);
 }
 #shipping-info{
-  
+
 }
 .disabled{
   pointer-events:none;
@@ -669,7 +670,7 @@ sub{
    color: #D4D4D4;
 }
 
-.form-control:-ms-input-placeholder {  
+.form-control:-ms-input-placeholder {
    color: #D4D4D4;
 }
 
@@ -1093,7 +1094,7 @@ sub{
         opacity:0;
     }
 }
- 
+
 #loading-indicator {
     position: fixed;
     width: 100%;
@@ -1967,6 +1968,3 @@ sub{
 #address-form, #shop-checkout-shipping-method{
 	padding:30px 0 ;
 }
-}
-
-
diff --git a/resources/css/combined.min.css b/resources/css/combined.min.css