diff --git a/app/views/shop/products/_form.html.haml b/app/views/shop/products/_form.html.haml
index 8c8aba564b..b4ba453d51 100644
--- a/app/views/shop/products/_form.html.haml
+++ b/app/views/shop/products/_form.html.haml
@@ -13,7 +13,7 @@
= render partial: "shop/products/filters"
.small-12.medium-4.large-4.columns
- %input.button.primary.right{type: :submit, value: "Add to Cart"}
+ %input.button.primary.right{type: :submit, value: "Checkout now"}
%div.pad-top{bindonce: true}
%product.animate-repeat{"ng-controller" => "ProductNodeCtrl",
@@ -46,5 +46,5 @@
Try another search?
.row
.small-12.columns
- %input.button.primary.right.add_to_cart{type: :submit, value: "Add to Cart"}
+ %input.button.primary.right.add_to_cart{type: :submit, value: "Checkout now"}
diff --git a/app/views/shop/products/_master.html.haml b/app/views/shop/products/_master.html.haml
index bb84c71d7c..85403e1851 100644
--- a/app/views/shop/products/_master.html.haml
+++ b/app/views/shop/products/_master.html.haml
@@ -1,9 +1,10 @@
-.small-12.medium-4.large-4.columns
- {{ product.master.name_to_display }}
- %span.bulk-buy{"bo-if" => "product.group_buy"}
- %i.ofn-i_056-bulk
- %em
- Bulk
+.small-12.medium-4.large-4.columns.variant-name
+ .table-cell
+ .inline {{ product.master.name_to_display }}
+ .bulk-buy.inline{"bo-if" => "product.group_buy"}
+ %i.ofn-i_056-bulk><
+ %em><
+ \ Bulk
-# WITHOUT GROUP BUY
.small-4.medium-3.large-3.columns.text-right{"bo-if" => "!product.group_buy"}
@@ -37,16 +38,16 @@
name: "variant_attributes[{{product.master.id}}][max_quantity]",
"ng-model" => "product.max_quantity"}
-.small-4.medium-1.large-1.columns.variant-unit
- %em {{ product.master.unit_to_display }}
+.small-2.medium-1.large-1.columns.variant-unit
+ .table-cell
+ %em {{ product.master.unit_to_display }}
-.small-4.medium-2.large-2.columns
- %span
+.small-3.medium-2.large-2.columns.variant-price
+ .table-cell
%i.ofn-i_009-close
{{ product.price | currency }}
-.small-12.medium-2.large-2.columns.text-right
- %span
- %i.ofn-i_009-close
+.small-3.medium-2.large-2.columns.total-price.text-right
+ .table-cell
%strong $10,000.95
diff --git a/app/views/shop/products/_variants.html.haml b/app/views/shop/products/_variants.html.haml
index 7a192a4f54..358334081b 100644
--- a/app/views/shop/products/_variants.html.haml
+++ b/app/views/shop/products/_variants.html.haml
@@ -1,9 +1,13 @@
.row.variants{bindonce: true,
"ng-repeat" => "variant in product.variants track by variant.id"}
- .small-12.medium-4.large-4.columns
- {{ variant.name_to_display }}
- %i.ofn-i_056-bulk{"bo-if" => "product.group_buy"}
+ .small-12.medium-4.large-4.columns.variant-name
+ .table-cell
+ .inline {{ variant.name_to_display }}
+ .bulk-buy.inline{"bo-if" => "product.group_buy"}
+ %i.ofn-i_056-bulk><
+ %em><
+ \ Bulk
-# WITHOUT GROUP BUY
.small-4.medium-3.large-3.columns.text-right{"bo-if" => "!product.group_buy"}
@@ -15,37 +19,38 @@
max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}",
"bo-model" => "variant.quantity"}
-
- .small-4.medium-1.large-1.columns.variant-unit
- %em {{ variant.unit_to_display }}
+
- .small-4.medium-2.large-2.columns
- %span
+ -# WITH GROUP BUY
+ .small-4.medium-3.large-3.columns.text-right{"bo-if" => "product.group_buy"}
+ %span.bulk-input-container
+ %span.bulk-input
+ %input.bulk.first{type: :number,
+ value: nil,
+ min: 0,
+ placeholder: "min",
+ "ofn-disable-scroll" => true,
+ max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
+ name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}",
+ "bo-model" => "variant.quantity"}
+ %span.bulk-input{"bo-if" => "product.group_buy"}
+ %input.bulk.second{type: :number,
+ min: 0,
+ placeholder: "max",
+ "ofn-disable-scroll" => true,
+ max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
+ name: "variant_attributes[{{variant.id}}][max_quantity]",
+ "ng-model" => "variant.max_quantity"}
+
+ .small-2.medium-1.large-1.columns.variant-unit
+ .table-cell
+ %em {{ variant.unit_to_display }}
+
+ .small-3.medium-2.large-2.columns.variant-price
+ .table-cell
%i.ofn-i_009-close
{{ variant.price | currency }}
- -# WITH GROUP BUY
- / .small-2.columns{"bo-if" => "product.group_buy"}
- / %input{type: :number,
- / value: nil,
- / min: 0,
- / placeholder: "min",
- / "ofn-disable-scroll" => true,
- / max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
- / name: "variants[{{variant.id}}]", id: "variants_{{variant.id}}",
- / "bo-model" => "variant.quantity"}
-
- / .small-3.columns{"bo-if" => "product.group_buy"}
- / %input{type: :number,
- / min: 0,
- / placeholder: "max",
- / "ofn-disable-scroll" => true,
- / max: "{{variant.on_demand && 9999 || variant.count_on_hand }}",
- / name: "variant_attributes[{{variant.id}}][max_quantity]",
- / "ng-model" => "variant.max_quantity"}
- / %em {{ variant.unit_to_display }}
-
- .small-12.medium-2.large-2.columns.text-right
- %span
- %i.ofn-i_009-close
+ .small-3.medium-2.large-2.columns.total-price.text-right
+ .table-cell
%strong $10,000.95