workarea-haven_theme 1.3.0

data/app/views/workarea/storefront/blogs/_blog_navigation.html.haml

@@ -0,0 +1,9 @@
+- if blog.tags.present?
+  .secondary-nav
+    .secondary-nav__wrapper
+      %h2.secondary-nav__heading= t('workarea.storefront.blogs.tags')
+      %ul.secondary-nav__items{ role: 'navigation' }
+        - blog.tags.each do |tag|
+          %li.secondary-nav__item
+            = link_to blog_tagged_path(blog, tag[:name]), class: "secondary-nav__link #{('secondary-nav__link--selected' if blog_tag_selected(tag))}" do
+              = t('workarea.storefront.blogs.tag_link', tag)

data/app/views/workarea/storefront/blogs/index.html.haml

@@ -0,0 +1,25 @@
+- @title = @blog_index.browser_title
+
+- add_css(@blog_index.css)
+- add_javascript(@blog_index.javascript)
+
+- content_for :head do
+  %link{ href: blog_path(@blog_index), rel: 'canonical' }
+  - unless @blog_index.meta_description.blank?
+    %meta{ name: :description, content: @blog_index.meta_description }
+
+.blog-index.view
+
+  = render_content_blocks(@blog_index.content_blocks_for(:header_content))
+
+  %h1.blog-index__title= t('workarea.storefront.blogs.name')
+
+  - @blog_index.each do |blog|
+    %section.blog-index__blog
+      %h2.blog-index__blog-title
+        = link_to blog.name, blog_path(blog), class: 'blog-index__blog-title-link'
+
+      .pagination-results
+        .blog-entry-summary__entry-group
+          - blog.entries_on_index.each do |entry|
+            = render 'workarea/storefront/blog_entries/summary', entry: entry

data/app/views/workarea/storefront/blogs/show.html.haml

@@ -0,0 +1,31 @@
+- @title = @blog.browser_title
+- @breadcrumbs = @blog.breadcrumbs
+
+- add_css(@blog.css)
+- add_javascript(@blog.javascript)
+
+- content_for :head do
+  %link{ href: blog_path(@blog), rel: 'canonical' }
+  %link{ href: blog_path(@blog, format: 'atom'), rel: 'alternate', type: 'application/atom-xml', title: 'Atom' }
+  %meta{ property: 'global-id', content: @blog.to_global_id.to_param }
+  - unless @blog.meta_description.blank?
+    %meta{ name: :description, content: @blog.meta_description }
+
+- content_for :page_aside do
+  = render 'workarea/storefront/blogs/blog_navigation', blog: @blog
+
+.blog-entry-summary.view
+
+  %h1.blog-entry-summary__title= @blog.name
+
+  - if @blog.content_blocks_for(:header_content).present?
+    .blog-entry-summary__banner-content!= render_content_blocks(@blog.content_blocks_for(:header_content))
+
+  .pagination{ data: { pagination: pagination_data(@blog.entries) } }
+    .pagination-results
+      .blog-entry-summary__entry-group
+        - @blog.entries.each do |entry|
+          = render 'workarea/storefront/blog_entries/summary', entry: entry
+    - if show_pagination?(@blog.entries)
+      .pagination__button
+        = link_to t('workarea.storefront.pagination.next_page'), pagination_path_for(page: @blog.next_page), class: 'button', data: { pagination_button: '' }

data/app/views/workarea/storefront/cart_items/create.html.haml

@@ -0,0 +1,76 @@
+.view.add-to-cart{ class: ('add-to-cart--with-aside' if @cart.recommendations.any?) }
+  .add-to-cart__items>
+    - if @item.blank?
+      = render_message 'error', data: { message_show_dismiss: 'false' } do
+        = t('workarea.storefront.flash_messages.cart_item_error')
+
+    - else
+      = render_message 'success', data: { message_show_dismiss: 'false' } do
+        = t('workarea.storefront.flash_messages.cart_item_added')
+
+      .product-list.product-list--medium
+        .product-list__item{ data: { cart_count: current_order.quantity, analytics: add_to_cart_confirmation_analytics_data(@item).to_json } }
+          .product-list__summary
+            .product-list__media= link_to image_tag(product_image_url(@item.image, :small_thumb), alt: @item.product_name, class: 'product-list__media-image'), product_url(@item.product, sku: @item.sku), class: 'product-list__media-link'
+            .product-list__info
+              %p.product-list__name= link_to @item.product_name, product_path(@item.product, sku: @item.sku)
+              - if @item.has_options?
+                .product-list__option-group
+                  - @item.details.each do |name, value|
+                    %p.product-list__option #{name.titleize}: #{value}
+              - @item.customizations.each do |name, value|
+                %p.product-list__customization #{name.titleize}: #{value}
+              = append_partials('storefront.cart_item_details', item: @item, index: 0)
+          .product-list__actions
+            = form_tag cart_item_path(@item), method: :patch, class: 'inline-form', data: { analytics: update_cart_item_analytics_data(@item).to_json } do
+              .inline-form__cell
+                .quantity-control
+                  = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+                  .value= number_field_tag :quantity, @item.quantity, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', data: { form_submitting_control: '' }, title: t('workarea.storefront.orders.quantity'), id: "quantity_0"
+                  = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+              %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+
+          .product-list__prices
+            .product-prices
+              = render 'workarea/storefront/carts/pricing', item: @item, css_block: 'product-prices'
+              - if @item.total_adjustments.many?
+                .product-prices__discounts
+                  - @item.total_adjustments.drop(1).each do |adjustment|
+                    .product-prices__discount
+                      - if @item.total_adjustments.many?
+                        %span.product-prices__label= adjustment.description
+
+                      - if adjustment.discount?
+                        %strong.product-prices__discount-price= number_to_currency(adjustment.amount)
+                      - else
+                        .product-list__total-price
+                          %span= number_to_currency(adjustment.amount)
+
+                .product-list__total-price
+                  %span.product-prices__label= t('workarea.storefront.orders.item_total')
+                  %span= number_to_currency(@item.total_price)
+
+      .add-to-cart__info
+        %p.add-to-cart__cart-info
+          = link_to t('workarea.storefront.carts.view_cart'), cart_path, class: 'text-button'
+          = t('workarea.storefront.carts.item_count', count: @cart.quantity)
+
+        %p.add-to-cart__discount-messaging
+          = render "workarea/storefront/carts/shipping_message", cart: @cart
+
+        .add-to-cart__actions
+          .grid.grid--auto.grid--middle
+            .grid__cell= link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'text-button', data: { dialog_close_button: true }
+            .grid__cell= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'
+
+  - if @cart.recommendations.any?
+    .add-to-cart__recommendations
+      .recommendations.recommendations--vertical
+        %h2.recommendations__heading= t('workarea.storefront.recommendations.you_may_also_like')
+
+        %ul.recommendations__list
+          - @cart.recommendations.each do |product|
+            .recommendations__item
+              .product-summary.product-summary--small
+                = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/cart_items/package.html.haml

@@ -0,0 +1,64 @@
+.view.add-to-cart
+  .add-to-cart__items>
+    - if @items.blank?
+      = render_message 'error', data: { message_show_dismiss: 'false' } do
+        = t('workarea.storefront.flash_messages.cart_item_error')
+
+    - else
+      = render_message 'success', data: { message_show_dismiss: 'false' } do
+        = t('workarea.storefront.flash_messages.cart_item_added')
+
+      - @items.each do |item|
+        .product-list.product-list--medium
+          .product-list__item{ data: { cart_count: current_order.quantity } }
+            .product-list__summary
+              .product-list__media= link_to image_tag(product_image_url(item.image, :small_thumb), alt: item.product_name, class: 'product-list__media-image'), product_url(item.product, sku: item.sku), class: 'product-list__media-link'
+              .product-list__info
+                %p.product-list__name= link_to item.product_name, product_path(item.product, sku: item.sku)
+                - if item.has_options?
+                  .product-list__option-group
+                    - item.details.each do |name, value|
+                      %p.product-list__option #{name.titleize}: #{value}
+                - item.customizations.each do |name, value|
+                  %p.product-list__customization #{name.titleize}: #{value}
+                = append_partials('storefront.cart_item_details', item: @item, index: 0)
+            .product-list__actions
+              = form_tag cart_item_path(item), method: :patch, class: 'inline-form', data: { analytics: update_cart_item_analytics_data(item).to_json } do
+                .inline-form__cell
+                  .quantity-control
+                    = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+                    .value= number_field_tag :quantity, item.quantity, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', data: { form_submitting_control: '' }, title: t('workarea.storefront.orders.quantity'), id: dom_id(item, 'quantity')
+                    = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+                %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+
+            .product-list__prices
+              .product-prices
+                = render 'workarea/storefront/carts/pricing', item: item, css_block: 'product-prices'
+
+                - if item.total_adjustments.many?
+                  .product-prices__discounts
+                    - item.total_adjustments.drop(1).each do |adjustment|
+                      .product-prices__discount
+                        - if item.total_adjustments.many?
+                          %span.product-prices__label= adjustment.description
+
+                        - if adjustment.discount?
+                          %strong.product-prices__discount-price= number_to_currency(adjustment.amount)
+                        - else
+                          .product-list__total-price
+                            %span= number_to_currency(adjustment.amount)
+
+                  .product-list__total-price
+                    %span.product-prices__label= t('workarea.storefront.orders.item_total')
+                    %span= number_to_currency(item.total_price)
+
+      .add-to-cart__info
+        %p.add-to-cart__cart-info
+          = link_to t('workarea.storefront.carts.view_cart'), cart_path, class: 'text-button'
+          = t('workarea.storefront.carts.item_count', count: @items.count)
+
+        .add-to-cart__actions
+          .grid.grid--auto.grid--middle
+            .grid__cell= link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'text-button', data: { dialog_close_button: true }
+            .grid__cell= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'

data/app/views/workarea/storefront/carts/_pricing.html.haml

@@ -0,0 +1,12 @@
+- if item.on_sale?
+  %p{class: "#{css_block}__price"}
+    %s= number_to_currency(item.original_price)
+  %p{class: "#{css_block}__price #{css_block}__price--sale"}
+    %span= number_to_currency(item.original_unit_price)
+- else
+  %p{class:"#{css_block}__price"}
+    %span= number_to_currency(item.original_unit_price)
+- if item.customized? && item.customizations_unit_price > 0
+  %p{class:"#{css_block}__price"}
+    %span{class: "#{css_block}__label"} #{t('workarea.storefront.orders.customizations')}:
+    %span= number_to_currency(item.customizations_unit_price)

data/app/views/workarea/storefront/carts/show.html.haml

@@ -0,0 +1,172 @@
+- @title = t('workarea.storefront.carts.title')
+
+.cart.view{ class: ('cart--empty' if @cart.no_items?) ,data: { analytics: cart_view_analytics_data(@cart).to_json } }
+
+  - if @cart.no_items?
+
+    %h1.cart__heading= t('workarea.storefront.carts.empty')
+
+    - if @cart.content_blocks_for('empty').present?
+      .page-header__promo
+        = render_content_blocks(@cart.content_blocks_for('empty'))
+
+    %p.cart__continue-shopping
+      = link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'button'
+
+  - else
+
+    .grid.grid--top.grid--large
+      .grid__cell.grid__cell--66-at-medium
+
+        - if @cart.content_blocks_for('with_items').present?
+          .page-header__promo
+            = render_content_blocks(@cart.content_blocks_for('with_items'))
+
+        %h1.cart__heading
+          = t('workarea.storefront.carts.title')
+          %span.cart__item-count= t('workarea.storefront.carts.item_count', count: @cart.quantity)
+
+        %ul.product-list{ data: { analytics: product_list_analytics_data('Cart').to_json } }
+          - @cart.items.each_with_index do |item, index|
+            %li.product-list__item
+              .product-list__summary
+                .product-list__media= link_to image_tag(product_image_url(item.image, :small_thumb), alt: item.product_name, class: 'product-list__media-image'), product_url(item.product, sku: item.sku), class: 'product-list__media-link'
+                .product-list__info
+                  %p.product-list__name= link_to item.product_name, product_path(item.product, sku: item.sku)
+                  - if item.has_options?
+                    .product-list__option-group
+                      - item.details.each do |name, value|
+                        %p.product-list__option #{name.titleize}: #{value}
+                  - item.customizations.each do |name, value|
+                    %p.product-list__customization #{name.titleize}: #{value}
+                  = append_partials('storefront.cart_item_details', item: item, index: index)
+              .product-list__actions
+                = form_tag cart_item_path(item), method: :patch, class: 'inline-form', data: { analytics: update_cart_item_analytics_data(item).to_json } do
+                  .inline-form__cell
+
+                    .quantity-control
+                      = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+                      .value= number_field_tag :quantity, item.quantity, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', data: { form_submitting_control: '' }, title: t('workarea.storefront.orders.quantity'), id: "quantity_#{index}"
+                      = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+                  %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+
+                = form_tag cart_item_path(item), method: 'delete', class: 'product-list__remove-item', data: { analytics: remove_from_cart_analytics_data(item).to_json } do
+                  %p= button_tag t('workarea.storefront.carts.remove'), value: 'remove_item', class: 'text-button'
+
+                = append_partials('storefront.cart_item_actions', item: item)
+
+              .product-list__prices
+                .product-prices
+                  = render 'workarea/storefront/carts/pricing', item: item, css_block: 'product-prices'
+                  - if item.total_adjustments.many?
+                    .product-prices__discounts
+                      - item.total_adjustments.drop(1).each do |adjustment|
+                        .product-prices__discount
+                          - if item.total_adjustments.many?
+                            %span.product-prices__label= adjustment.description
+
+                          - if adjustment.discount?
+                            %strong.product-prices__discount-price= number_to_currency(adjustment.amount)
+                          - else
+                            .product-list__total-price
+                              %span= number_to_currency(adjustment.amount)
+
+                    .product-list__total-price
+                      %span.product-prices__label= t('workarea.storefront.orders.item_total')
+                      %span= number_to_currency(item.total_price)
+
+          - @cart.free_gifts.each do |item|
+            %li.product-list__item
+              .product-list__summary
+                .product-list__media= link_to image_tag(product_image_url(item.image, :small_thumb), alt: item.product_name, class: 'product-list__media-image'), product_url(item.product, sku: item.sku), class: 'product-list__media-link'
+                .product-list__info
+                  %p.product-list__name= link_to item.product_name, product_path(item.product, sku: item.sku)
+              .product-list__actions
+                %p.product-list__quantity
+                  = t('workarea.storefront.orders.quantity')
+                  = item.quantity
+
+              .product-list__prices
+                .product-prices
+                  .product-prices__price
+                    %span= t('workarea.storefront.carts.free_gift')
+
+        = append_partials('storefront.cart_additional_information', cart: @cart)
+
+        %p.cart__checkout-action= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large button--full'
+        = append_partials('storefront.cart_checkout_actions', cart: @cart)
+
+      .grid__cell.grid__cell--33-at-medium
+        .cart__aside
+
+          %h3.cart__aside-heading= t('workarea.storefront.carts.totals')
+          %table.table.table--totals
+            %tbody
+              %tr
+                %th
+                  %span= t('workarea.storefront.orders.subtotal')
+                %td= number_to_currency @cart.subtotal_price
+              - @cart.total_adjustments.each do |adjustment|
+                %tr
+                  %th
+                    %span= adjustment.description
+                  %td
+                    - if adjustment.discount?
+                      %strong= number_to_currency(adjustment.amount)
+                    - else
+                      %span= number_to_currency(adjustment.amount)
+              - if @cart.requires_shipping?
+                %tr
+                  %th
+                    %span= t('workarea.storefront.orders.shipping')
+                  %td
+                    - if @cart.show_shipping_services?
+                      #{@cart.shipping_service} - #{number_to_currency(@cart.shipping_total)}
+                    - else
+                      = t('workarea.storefront.carts.calculated_at_checkout')
+                %tr
+                  %td{ colspan: 2 }
+                    %p.cart__discount-messaging
+                      = render "workarea/storefront/carts/shipping_message", cart: @cart
+              %tr
+                %th
+                  %span= t('workarea.storefront.orders.tax')
+                %td
+                  - if @cart.show_taxes?
+                    = number_to_currency @cart.tax_total
+                  - else
+                    = t('workarea.storefront.carts.calculated_at_checkout')
+              %tr.table__total
+                %th
+                  %span= t('workarea.storefront.orders.total')
+                %td= number_to_currency(@cart.total_price)
+
+          = optional_field(t('workarea.storefront.carts.enter_promo_code_prompt'), params[:promo_code]) do
+            .cart__promo-code
+              %h2.cart__promo-code-heading= t('workarea.storefront.orders.promo_code')
+              = form_tag add_promo_code_to_cart_path, id: 'promo_code_form', method: 'post', class: 'inline-form' do
+                .value.value--block
+                  = text_field_tag :promo_code, params[:promo_code], class: 'text-box', autocomplete: 'off', autocorrect: 'off', autocapitalize: 'off', required: true, title: t('workarea.storefront.orders.promo_code')
+                  .value__button= button_tag t('workarea.storefront.carts.add'), value: 'add_promo_code', class: 'button button--small'
+
+          .cart__checkout-action-group
+            %p.cart__checkout-action= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large button--full'
+            = append_partials('storefront.cart_checkout_actions', cart: @cart)
+
+  = append_partials('storefront.cart_show', cart: @cart)
+
+- cache @cart.cache_key, expires_in: 3.hours do
+  .recommendations.recommendations--full-bleed
+    - if @cart.recommendations.any?
+      .content-wrapper
+        %h2.recommendations__heading= t('workarea.storefront.recommendations.heading')
+
+        .grid
+          - @cart.recommendations.each do |product|
+            .grid__cell.grid__cell--50.grid__cell--25-at-medium
+              .product-summary.product-summary--small
+                = render 'workarea/storefront/products/summary', product: product
+
+- if @cart.quantity.zero?
+  %div{ data: { recommendations_placeholder: recommendations_path } }

data/app/views/workarea/storefront/categories/show.html.haml

@@ -0,0 +1,131 @@
+- @title = @category.browser_title
+- @breadcrumbs = @category.breadcrumbs
+
+- add_css(@category.css)
+- add_javascript(@category.javascript)
+- add_head_content(@category.head_content)
+
+- content_for :head do
+  - cache "#{@category.cache_key}/head", expires_in: 1.hour do
+    %meta{ property: 'global-id', content: @category.to_global_id.to_param }
+
+    - if @category.first_page? && !@category.has_filters?
+      %meta{ name: 'robots', content: 'index, follow' }
+    - else
+      %meta{ name: 'robots', content: 'noindex, follow' }
+
+    - if @category.first_page?
+      %link{ href: category_url(@category), rel: 'canonical' }
+    - else
+      %link{ href: category_url(@category, page: @category.page), rel: 'canonical' }
+
+    - if @category.second_page?
+      %link{ href: category_url(@category), rel: 'prev' }
+    - elsif !@category.first_page?
+      %link{ href: url_for(page: @category.prev_page, only_path: false), rel: 'prev' }
+
+    - unless @category.last_page?
+      %link{ href: url_for(page: @category.next_page, only_path: false), rel: 'next' }
+
+    %meta{ name: :description, content: @category.meta_description }
+
+    %meta{ property: 'og:url', content: url_for(only_path: false) }
+    %meta{ property: 'og:title', content: page_title }
+    %meta{ property: 'og:type', content: 'website' }
+    %meta{ property: 'og:image', content: @category.open_graph_asset.url }
+    %meta{ property: 'og:image:secure_url', content: @category.open_graph_asset.url }
+
+    = append_partials('storefront.category_head', category: @category)
+
+- content_for :above_content do
+  - if @category.content_blocks_for(:above_results).present?
+    = render_content_blocks(@category.content_blocks_for(:above_results))
+
+- content_for :page_aside do
+  - cache "#{@category.cache_key}/aside", expires_in: 1.hour do
+    = left_navigation if @category.show_navigation?
+
+    - if @category.has_filters?
+      .applied-filters
+        .result-filters
+          = render "workarea/storefront/facets/applied", facets: @category.facets
+          = link_to t('workarea.storefront.filters.clear'), category_path(@category), class: 'button button--small'
+    - if @category.facets.any?
+      .result-filters{ data: { filter_view_more: '', expandable_filters: '' } }
+        - @category.facets.each do |facet|
+          = render "workarea/storefront/facets/#{facet.type}", facet: facet
+
+- cache @category.cache_key, expires_in: 1.hour do
+  .view{ data: { analytics: category_view_analytics_data(@category).to_json } }
+
+
+    - unless @category.products.any?
+      %h1.result-filters__heading
+        %span= @category.name
+        %span.result-filters__count - #{@category.products.count}
+      %p
+        = t('workarea.storefront.products.none_found')
+        - if @category.has_filters?
+          = link_to t('workarea.storefront.products.reset_filters'), category_path(@category)
+    - else
+
+      .grid
+        .grid__cell.grid__cell--50-at-medium
+          %h1.result-filters__heading
+            %span= @category.name
+            %span.result-filters__count - #{@category.products.count}
+        .grid__cell.grid__cell--50-at-medium
+          = form_tag request.path, method: :get, class: 'result-filters__sort hidden hidden--for-small-only' do
+            = facet_hidden_inputs(@category.facets)
+            .property.property--responsive
+              = label_tag 'sort_top', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.searches.sort_by')
+              %span.value= select_tag :sort, options_for_select(@category.sorts, selected: @category.sort), id: 'sort_top', data: { form_submitting_control: '' }
+            .hidden-if-js-enabled
+              = button_tag t('workarea.storefront.searches.sort'), value: 'sort_products_top', class: 'button'
+
+      = append_partials('storefront.category_browse_controls', category: @category)
+
+      - if @category.facets.any?
+        .hidden.hidden--for-wide
+          .mobile-filters
+            = check_box_tag 'toggle_mobile_filters', nil, false, class: 'mobile-filters__control'
+            .mobile-filters__trigger
+              = label_tag 'toggle_mobile_filters', t('workarea.storefront.products.filter_results', count: @category.filters.count), class: 'button button--full', data: { mobile_filter_button: '' }
+            .mobile-filters__content
+              .mobile-filters__sort
+                .mobile-filters__wrapper
+                  %h2.mobile-filters__heading= t('workarea.storefront.products.refine_results')
+                  = form_tag request.path, method: :get do
+                    = facet_hidden_inputs(@category.facets)
+                    .property
+                      = label_tag 'sort_drawer', nil, class: 'property__name' do
+                        %span.property__text= t('workarea.storefront.searches.sort_by')
+                      %span.value= select_tag :sort, options_for_select(@category.sorts, selected: @category.sort), id: 'sort_drawer', data: { form_submitting_control: '' }
+                    .hidden-if-js-enabled
+                      = button_tag t('workarea.storefront.searches.sort'), value: 'sort_products_top', class: 'button'
+              - if @category.has_filters?
+                .applied-filters
+                  .result-filters
+                    = render "workarea/storefront/facets/applied", facets: @category.facets
+                    = link_to t('workarea.storefront.filters.clear'), category_path(@category), class: 'button button--small'
+              .result-filters{ data: { filter_view_more: '', expandable_filters: '' } }
+                - @category.facets.each do |facet|
+                  = render "workarea/storefront/facets/#{facet.type}", facet: facet
+
+      .pagination{ data: { analytics: product_list_analytics_data(@category.name).to_json, pagination: pagination_data(@category.products), back_to_top_button: '' } }
+        .grid
+          - @category.products.each_with_index do |product, position|
+            = render_schema_org(product_schema(product))
+            = append_partials('storefront.category_browse_grid_item', product: product, position: position)
+
+            .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--25-at-wide{ data: { pagination_item: '' } }
+              .product-summary
+                = render 'workarea/storefront/products/summary', product: product
+        - if show_pagination?(@category.products)
+          .pagination__button
+            = link_to t('workarea.storefront.pagination.next_page'), pagination_path_for(page: @category.next_page), class: 'button', data: { pagination_button: '' }
+
+
+    - if @category.content_blocks_for(:below_results).present?
+      = render_content_blocks(@category.content_blocks_for(:below_results))