#comable-product
  - if @category
    .row
      = listed_categories @category.path, tag: :ol, class: 'breadcrumb'

  .row
    .category.col-sm-2
      h2
        = Comable.t('category')
      - if @category
        = listed_categories @category.path, class: 'category-path'
        = listed_categories @category.children
      - else
        = listed_categories Comable::Category.roots

    .products.col-sm-10
      - @products.each_slice(3) do |products|
        ul.row
          - products.each do |product|
            li.product.col-sm-4
              = link_to comable.product_path(product), class: 'thumbnail' do
                = image_tag product.image_url, width: '100%'
              .name
                = link_to product.name, comable.product_path(product)
              .caption
                = product.caption
              .price
                = number_to_currency product.price

      .text-center
        = paginate @products, theme: :comable_frontend