Minor cart layout updates. Remove x from cart qty selector

Shopify · Oct 8, 2014 · 2f992d0 · 2f992d0
1 parent 1cee56b
commit 2f992d0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/assets/ajaxify.js.liquid b/assets/ajaxify.js.liquid
@@ -792,7 +792,7 @@ var ajaxifyShopify = (function(module, $) {
     $.each(cart.items, function(index, cartItem) {
       var itemAdd = cartItem.quantity + 1,
           itemMinus = cartItem.quantity - 1,
-          itemQty = cartItem.quantity + ' x';
+          itemQty = cartItem.quantity;
 
       /* Hack to get product image thumbnail
        *   - Remove file extension, add _small, and re-add extension
@@ -1018,7 +1018,7 @@ var ajaxifyShopify = (function(module, $) {
 
         var itemAdd = currentQty + 1,
             itemMinus = currentQty - 1,
-            itemQty = currentQty + ' x';
+            itemQty = currentQty;
 
         var source   = $("#ajaxifyQty").html(),
             template = Handlebars.compile(source),

diff --git a/assets/ajaxify.scss.liquid b/assets/ajaxify.scss.liquid
@@ -301,6 +301,7 @@ form[action^="/cart/add"] {
 ==============================================================================*/
 .ajaxifyCart--qty {
   @extend .js-qty;
+  display: inline-block;
   margin: 0;
 
   .ajaxifyCart--is-loading & {

diff --git a/templates/cart.liquid b/templates/cart.liquid
@@ -28,7 +28,7 @@
             <div class="grid-item one-third medium-down--one-third">
               {{ 'cart.label.price' | t }}
             </div>
-            <div class="grid-item one-third medium-down--one-third">
+            <div class="grid-item one-third medium-down--one-third text-center">
               {{ 'cart.label.quantity' | t }}
             </div>
             <div class="grid-item one-third medium-down--one-third text-right">
@@ -113,7 +113,7 @@
                 <span class="h3">{{ item.price | money }}</span>
               </div>
 
-              <div class="grid-item one-third">
+              <div class="grid-item one-third text-center">
                 <span class="cart-mini-labels">{{ 'cart.label.quantity' | t }}</span>
                 {% comment %}
                   Added data-id for the ajax cart implementation only.