directive

@SocialGallery = ->
  restrict: 'E'
  templateUrl: '/templates/products/social_gallery'
  controller: ($scope, Product)->
    $scope.columnCount = 2
    $scope.columns = [[],[]]
    $scope.product.$promise.then (product)->
      Product.social_gallery slug: product.slug, (images)->
        _.each images, (img, index)->
          $scope.columns[index % $scope.columnCount].push(img)

template

.container.social-gallery
  .row
  	h2.section-header As seen on...
    .col-sm-6(ng-repeat="column in columns")
      .image(ng-repeat="image in column")
        img(alt="{{image.caption}}")
        h4
          | {{image.caption}}