Add bulk ribbon to bulk products

app/assets/stylesheets/darkswarm/_shop-product-thumb.scss

@@ -12,6 +12,18 @@
         @include breakpoint(phablet) {
           width: calc(33.333%);
         }
+
+        // Make this an anchor for the bulk label.
+        position: relative;
+
+        .product-thumb__bulk-label {
+          background-color: $grey-700;
+          color: white;
+          position: absolute;
+          right: 0;
+          top: .8em;
+          padding: .25em .5em;
+        }
       }
     }
   }

app/views/shop/products/_summary.html.haml

@@ -1,5 +1,7 @@
 .product-thumb
   %a{"ng-click" => "triggerProductModal()"}
+    %span.product-thumb__bulk-label{"ng-if" => "::product.group_buy"}
+      = t("products_bulk")
     %img{"ng-src" => "{{::product.primaryImageOrMissing}}"}
 
 .summary

config/locales/en.yml

@@ -1704,6 +1704,7 @@ See the %{link} to find out more about %{sitename}'s features and to start using
   products_updating_cart: "Updating cart..."
   products_cart_empty: "Cart empty"
   products_edit_cart: "Edit your cart"
+  products_bulk: "Bulk"
   products_from: from
   products_change: "No changes to save."
   products_update_error: "Saving failed with the following error(s):"