workarea-haven_theme 1.3.0

data/app/views/workarea/storefront/products/templates/_gift_card.html.haml

@@ -0,0 +1,68 @@
+.product-details__right-column
+  .product-details__header
+    %h1.product-details__name= product.name
+
+    %p.product-details__id
+      %span= product.id
+    = render 'workarea/storefront/products/reviews_aggregate', product: product
+
+.product-details__left-column
+  = render 'workarea/storefront/products/media', product: product
+
+.product-details__right-column
+  .product-prices.product-prices--details
+    = render 'workarea/storefront/products/pricing', product: product
+
+    - if product.description.present?
+      .product-details__description
+        %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+    = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+      = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+      = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+      - if product.sku_options.one?
+        = hidden_field_tag :sku, product.sku_options.first.second
+
+      - else
+        .property
+          = label_tag :sku, nil, class: 'property__name', for: "sku_#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.products.select_options')
+          .value
+            = select_tag :sku, options_for_select(product.sku_options, params[:sku]), required: true, id: "sku_#{dom_id(product)}", data: { product_details_sku_select: product.slug }
+            - if params[:sku].present?
+              .value__note= product.inventory_status
+
+      = hidden_field_tag :quantity, 1, id: "quantity#{dom_id(product)}"
+
+      .message.message--info
+        %p.message__type
+          %span.message__icon= t('workarea.storefront.messages.info')
+        %p.message__text= t('workarea.storefront.gift_cards.email_to_recipient')
+
+      .grid
+        .grid__cell.grid__cell--50-at-medium
+          .property
+            = label_tag :email, nil, class: "property__name", for: "email_#{dom_id(product)}" do
+              %span.property__text= t('workarea.storefront.gift_cards.recipients_email')
+            .value.value--block= email_field_tag :email, params[:email], class: 'text-box', required: true, id: "email_#{dom_id(product)}"
+          .property
+            = label_tag :from, nil, class: "property__name", for: "from_#{dom_id(product)}" do
+              %span.property__text= t('workarea.storefront.gift_cards.senders_email')
+              %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+            .value.value--block= text_field_tag :from, params[:from], class: 'text-box', id: "from_#{dom_id(product)}", maxlength: 100
+          .property
+            = label_tag :message, nil, class: "property__name", for: "message_#{dom_id(product)}" do
+              %span.property__text= t('workarea.storefront.gift_cards.message_to_recipient')
+              %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+            .value.value--block= text_area_tag :message, params[:message], class: 'text-box text-box--multi-line', id: "message_#{dom_id(product)}", maxlength: 500
+
+      - if product.purchasable?
+        %p.product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--large'
+
+      - else
+        %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+    = append_partials('storefront.product_details', product: product)
+
+    %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button'

data/app/views/workarea/storefront/products/templates/_option_selects.html.haml

@@ -0,0 +1,59 @@
+.product-details__right-column
+  .product-details__header
+    %h1.product-details__name= product.name
+
+    %p.product-details__id
+      %span= product.id
+    = render 'workarea/storefront/products/reviews_aggregate', product: product
+
+.product-details__left-column
+  = render 'workarea/storefront/products/media', product: product
+
+.product-details__right-column
+  .product-prices.product-prices--details
+    = render 'workarea/storefront/products/pricing', product: product
+
+  - if product.description.present?
+    .product-details__short-description
+      %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+  = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true, uiDialogOptions: { dialogClass: 'ui-dialog-add-to-cart' } } }, analytics: add_to_cart_analytics_data(product).to_json } do
+    = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+    = hidden_field_tag :sku, product.current_sku, id: "sku_#{dom_id(product)}"
+    = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+    - product.options_for_selection.each do |option|
+      .property
+        = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}" do
+          %span.property__text= option.name
+        .value
+          = select_tag option.slug, options_for_select([[t('workarea.storefront.products.select_option', name: option.name), nil]] + option.selections, option.current), required: true, id: "#{option.slug}_#{dom_id(product)}", data: { product_details_sku_select: product.slug }
+
+    = append_partials('storefront.add_to_cart_form', product: product)
+
+    - unless product.currently_selected_options.blank?
+      .product-details__clear-selection
+        = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button', data: { option_button: '' }
+
+    - if product.purchasable?
+      .product-details__quantity
+        .property
+          = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.products.quantity')
+          .quantity-control
+            = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec' }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+            .value= number_field_tag :quantity, params[:quantity] || 1, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', title: t('workarea.storefront.products.quantity'), id: "quantity#{dom_id(product)}"
+            = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc' }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+      .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--large'
+
+      - if product.current_sku.present?
+        %p.product-details__inventory-status= product.inventory_status
+
+    - else
+      = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+      %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+  = append_partials('storefront.product_details', product: product)
+
+  %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button'

data/app/views/workarea/storefront/products/templates/_option_thumbnails.html.haml

@@ -0,0 +1,66 @@
+.product-details__right-column
+  .product-details__header
+    %h1.product-details__name= product.name
+
+    %p.product-details__id
+      %span= product.id
+    = render 'workarea/storefront/products/reviews_aggregate', product: product
+
+.product-details__left-column
+  = render 'workarea/storefront/products/media', product: product
+
+.product-details__right-column
+  .product-prices.product-prices--details
+    = render 'workarea/storefront/products/pricing', product: product
+
+  - if product.description.present?
+    .product-details__short-description
+      %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+  = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true, uiDialogOptions: { dialogClass: 'ui-dialog-add-to-cart' } } }, analytics: add_to_cart_analytics_data(product).to_json } do
+    = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+    = hidden_field_tag :sku, product.current_sku, id: "sku_#{dom_id(product)}"
+    = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+    - product.options_for_selection.each_with_index do |option, index|
+      .property
+        = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}", id: "aria_product_option_#{option.slug}_#{index}" do
+          %span.property__text= option_label(option)
+        .value
+          .value__option-group
+            - option.selections.each do |selection|
+              = radio_button_tag option.slug, selection, option.current == selection, required: true, title: selection, class: 'visually-hidden', aria: { labelledby: "aria_product_option_#{option.slug}_#{index}" }
+              = link_to option_selection_url_for(product, option, selection), title: selection, class: "option-button option-button--#{selection.downcase.dasherize}#{' option-button--active' if option.current == selection}", data: { option_button: '' } do
+                - if product.images_by_option[selection.optionize].present?
+                  = image_tag(product_image_url(product.images_by_option[selection.optionize].first, :swatch_thumb), alt: selection, class: 'option-button__image')
+                - else
+                  %span.option-button__text= selection
+
+    = append_partials('storefront.add_to_cart_form', product: product)
+
+    - unless product.currently_selected_options.blank?
+      .product-details__clear-selection
+        = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button', data: { option_button: '' }
+
+    - if product.purchasable?
+      .product-details__quantity
+        .property
+          = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.products.quantity')
+          .quantity-control
+            = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec' }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+            .value= number_field_tag :quantity, params[:quantity] || 1, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', title: t('workarea.storefront.products.quantity'), id: "quantity#{dom_id(product)}"
+            = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc' }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+      .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--large'
+
+      - if product.current_sku.present?
+        %p.product-details__inventory-status= product.inventory_status
+
+    - else
+      = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+      %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+  = append_partials('storefront.product_details', product: product)
+
+  %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button'

data/app/views/workarea/storefront/products/templates/_package.html.haml

@@ -0,0 +1,22 @@
+.product-details__right-column
+  .product-details__header
+    %h1.product-details__name= product.name
+
+    %p.product-details__id
+      %span= product.id
+    = render 'workarea/storefront/products/reviews_aggregate', product: product
+
+.product-details__left-column
+  = render 'workarea/storefront/products/media', product: product
+
+.product-details__right-column
+  .product-prices.product-prices--details
+    = render 'workarea/storefront/products/pricing', product: product
+
+  - if product.description.present?
+    .product-details__description
+      %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+  = append_partials('storefront.product_details', product: product)
+
+  %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button'

data/app/views/workarea/storefront/products/templates/_swatches.html.haml

@@ -0,0 +1,72 @@
+.product-details__right-column
+  .product-details__header
+    %h1.product-details__name= product.name
+
+    %p.product-details__id
+      %span= product.id
+    = render 'workarea/storefront/products/reviews_aggregate', product: product
+
+.product-details__left-column
+  = render 'workarea/storefront/products/media', product: product
+
+.product-details__right-column
+  .product-prices.product-prices--details
+    = render 'workarea/storefront/products/pricing', product: product
+
+  = append_partials('storefront.product_pricing_details', product: product)
+
+  - if product.description.present?
+    .product-details__short-description
+      %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+  = form_tag cart_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+    = hidden_field_tag :product_id, product.id, id: dom_id(product, 'product_id')
+    = hidden_field_tag :sku, product.current_sku, id: "sku_#{dom_id(product)}"
+    = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+    - product.options_for_selection.each do |option|
+      .property
+        = label_tag option.slug, nil, class: 'property__name', for: "#{option.slug}_#{dom_id(product)}" do
+          %span.property__text= option_label(option)
+        .value
+          .value__option-group
+            - option.selections.each do |selection|
+              = radio_button_tag option.slug, selection, option.current == selection, required: true, title: selection, class: 'visually-hidden'
+              = link_to option_selection_url_for(product, option, selection), title: selection, class: "option-button option-button--#{selection.downcase.dasherize} option-button--#{option.name.downcase}#{' option-button--active' if option.current == selection}", data: { option_button: '' } do
+                - swatch_content = render_swatch_option(selection, product.swatches_by_option[selection.optionize])
+
+                - if swatch_content.present?
+                  = swatch_content
+                - elsif product.images_by_option[selection.optionize].present?
+                  = image_tag(product_image_url(product.images_by_option[selection.optionize].first, :swatch_thumb), alt: selection, class: 'option-button__image')
+                - else
+                  %span.option-button__text= selection
+
+    - unless product.currently_selected_options.blank?
+      .product-details__clear-selection
+        = link_to t('workarea.storefront.products.clear_selections'), product_path(product), class: 'text-button', data: { option_button: '' }
+
+    = append_partials('storefront.add_to_cart_form', product: product)
+
+    - if product.purchasable?
+      .product-details__quantity
+        .property
+          = label_tag :quantity, nil, class: 'property__name', for: "quantity#{dom_id(product)}" do
+            %span.property__text= t('workarea.storefront.products.quantity')
+          .quantity-control
+            = button_tag '-', { type: 'button', data: { quantity_control: { 'direction': 'dec' }.to_json }, class: 'quantity-control__button quantity-control__button--decrement'}
+            .value= number_field_tag :quantity, params[:quantity] || 1, min: 1, required: true, class: 'quantity-control__input text-box text-box--x-small', title: t('workarea.storefront.products.quantity'), id: "quantity#{dom_id(product)}"
+            = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc' }.to_json }, class: 'quantity-control__button quantity-control__button--increment'}
+
+      .product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--large'
+
+      - if product.current_sku.present?
+        %p.product-details__inventory-status= product.inventory_status
+
+    - else
+      = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+      %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+  = append_partials('storefront.product_details', product: product)
+
+  %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button'

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

@@ -0,0 +1,21 @@
+- if @recent_views.products.any? || @recent_views.categories.any?
+  .recent-views
+
+    - if @recent_views.products.any?
+      .recent-views__section.recent-views__section--products
+        .content-wrapper
+          %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_products')
+          .grid
+            - @recent_views.products.each do |product|
+              = render_schema_org(product_schema(product))
+              .grid__cell.grid__cell--50.grid__cell--25-at-medium
+                .product-summary
+                  = render 'workarea/storefront/products/summary', product: product
+
+    - if @recent_views.categories.any?
+      .recent-views__section.recent-views__section--categories
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_categories')
+        %ul.recent-views__list
+          - @recent_views.categories.each do |category|
+            %li.recent-views__item
+              = link_to category.name, category_path(category), class: 'recent-views__link'

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

@@ -0,0 +1,13 @@
+-# TODO v4 just use product-list-content-block for recommendations
+- if @recommendations.any?
+
+  .personalized-recommendations-content-block
+
+    .content-wrapper
+      %span.personalized-recommendations-content-block__heading= t('workarea.storefront.recommendations.heading')
+
+      .grid
+        - @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

data/app/views/workarea/storefront/reviews/new.html.haml

@@ -0,0 +1,71 @@
+- @title = t('workarea.storefront.reviews.write_a_review_title', name: @product.browser_title)
+
+.write-review.view
+  %h1.heading.heading--3.heading--upcase= t('workarea.storefront.reviews.write_a_review_title', name: @product.browser_title)
+
+  - unless request.get?
+    - if @create_review.errors.any?
+      - @create_review.errors.full_messages.each do |message|
+        = render_message 'error', message, data: { analytics: validation_error_analytics_data('review').to_json }
+
+  = form_tag create_product_review_path(@product), method: 'post', id: 'review_form', data: { product_review_ajax_submit: '' } do
+    = hidden_field_tag 'review[product_id]', @product.id
+
+    - if display_purchase_requirement_message
+      %span.write-review__purchase-requirement= t('workarea.storefront.reviews.purchase_requirement')
+
+    - if @review.requires_public_info?
+      .grid
+        .grid__cell.grid__cell--50-at-medium
+          .property
+            = label_tag 'review[first_name]', nil, class: 'property__name' do
+              %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+              %span.property__text= t('workarea.storefront.users.first_name')
+            .value
+              = text_field_tag 'review[first_name]', @review.first_name, class: 'text-box', required: true
+              .value__note= t('workarea.storefront.reviews.notes.display_name')
+        .grid__cell.grid__cell--50-at-medium
+          .property
+            = label_tag 'review[last_name]', nil, class: 'property__name' do
+              %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+              %span.property__text= t('workarea.storefront.users.last_name')
+            .value
+              = text_field_tag 'review[last_name]', @review.last_name, class: 'text-box', required: true
+              .value__note= t('workarea.storefront.reviews.notes.display_name')
+
+    - if @review.anonymous?
+      .property
+        = label_tag 'review[email]', nil, class: 'property__name' do
+          %span.property__text= t('workarea.storefront.users.email')
+          %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+        .value.value--block
+          = email_field_tag 'review[email]', @review.email, class: 'text-box', autocapitalize: 'off', autocorrect: 'off', autocomplete: 'email'
+          .value__note Will only be used if we need to get in touch with you.
+
+    .property
+      = label_tag 'review[rating]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.reviews.rating')
+      %ul.write-review__ratings
+        - (1..5).each do |i|
+          %li.write-review__rating
+            = radio_button_tag 'review[rating]', i, (i == @review.rating || i == 5) ? true : false, class: 'write-review__rating-input', data: { rating_button: '' }
+            = label_tag "review[rating][#{i}]", nil, class: 'write-review__star' do
+              = inline_svg 'workarea/storefront/icons/star.svg', class: 'write-review__star-icon', title: t('workarea.storefront.reviews.stars', count: i)
+
+    .property
+      = label_tag 'review[title]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.reviews.review_title')
+        %span.property__requirement.property__requirement--optional= t('workarea.storefront.forms.optional')
+      .value.value--block= text_field_tag 'review[title]', @review.title, class: 'text-box'
+
+    .property
+      = label_tag 'review[body]', nil, class: 'property__name' do
+        %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+        %span.property__text= t('workarea.storefront.reviews.your_review')
+      .value.value--block= text_area_tag 'review[body]', @review.body, class: 'text-box text-box--multi-line', required: true
+
+    .property= recaptcha_tags
+
+    .grid.grid--auto.grid--middle
+      %p.grid__cell= button_tag t('workarea.storefront.reviews.submit'), value: 'submit_review', class: 'button', data: { disable_with: loading_indicator(t('workarea.storefront.reviews.submit_disabled')) }
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), product_path(@product), class: 'text-button', data: { dialog_close_button: '' }

data/app/views/workarea/storefront/searches/autocomplete.html.haml

@@ -0,0 +1,35 @@
+.grid
+  .grid__cell.grid__cell--25
+    - if @autocomplete.searches.any?
+      %span.search-autocomplete__heading
+        - if @autocomplete.trending_searches?
+          = t('workarea.storefront.search_autocomplete.trending_searches')
+        - else
+          = t('workarea.storefront.search_autocomplete.popular_searches')
+
+      %ul.search-autocomplete__searches
+        - @autocomplete.searches.each do |search|
+          %li.search-autocomplete__searches-item
+            = link_to search, search_path(q: search), class: 'search-autocomplete__searches-link'
+
+    = append_partials('storefront.search_autocomplete_under_searches')
+
+  .grid__cell.grid__cell--75
+    .align-right
+      - if @autocomplete.products.any?
+        .search-autocomplete__products
+          %span.search-autocomplete__heading
+            - if @autocomplete.trending_products?
+              = t('workarea.storefront.search_autocomplete.trending_products')
+            - else
+              = t('workarea.storefront.search_autocomplete.products_heading', term: @autocomplete.query_string)
+
+          .grid
+            - @autocomplete.products.each do |product|
+              .grid__cell.grid__cell--25
+                .product-summary
+                  = render 'workarea/storefront/products/summary', product: product
+
+    - if @autocomplete.content.customization_content_blocks_for('autocomplete').present?
+      .autocomplete.content-autocomplete__content
+        = render_content_blocks(@autocomplete.content.customization_content_blocks_for('autocomplete'))

data/app/views/workarea/storefront/searches/content.html.haml

@@ -0,0 +1,72 @@
+- @title = t('workarea.storefront.searches.title')
+
+- content_for :head do
+  %meta{ property: 'recent-view', content: recent_view_content(search: @search.query_string) }
+  = append_partials('storefront.search_head', search: @search)
+
+  - if @search.first_page?
+    %link{ href: search_path(q: @search.query_string), rel: 'canonical' }
+  %meta{ name: 'robots', content: 'noindex, follow' }
+  - unless @search.last_page?
+    %link{ href: url_for(q: @search.query_string, page: @search.next_page), rel: 'next' }
+  - unless @search.first_page?
+    %link{ href: url_for(q: @search.query_string, page: @search.prev_page), rel: 'prev' }
+
+  %meta{ property: 'og:url', content: url_for }
+  %meta{ property: 'og:title', content: page_title }
+  %meta{ property: 'og:type', content: 'website' }
+  %meta{ property: 'og:image', content: root_path + image_path('workarea/storefront/logo.png') }
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.searches.title')
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= @search.query_string
+
+.view{ data: { analytics: search_results_view_analytics_data(@search).to_json } }
+
+  - if @search.customization_content_blocks_for('above_results').present?
+    .search-query-content= render_content_blocks(@search.customization_content_blocks_for('above_results'))
+
+  - if @search.query_suggestions.any?
+    .related-searches
+      %p= t('workarea.storefront.searches.suggestions')
+      %ul
+        - @search.query_suggestions.each do |search|
+          %li= link_to search, content_search_path(q: search)
+
+  .grid
+    .grid__cell.grid__cell--50-at-medium
+      - if @search.multiple_result_types?
+        %h1.visually-hidden= pluralize(@search.total, t('workarea.storefront.searches.content_result'))
+
+        %ul.search-result-types
+          - if @search.product_total > 0
+            %li= link_to pluralize(@search.product_total, t('workarea.storefront.searches.product_result')), search_path(q: @search.query_string, type: 'show')
+          %li= pluralize(@search.content_total, t('workarea.storefront.searches.content_result'))
+      - else
+        %h1.result-filters__heading= pluralize(@search.total, t('workarea.storefront.searches.result'))
+
+    .grid__cell.grid__cell--50-at-medium
+      = form_tag search_path, method: 'get', class: 'result-filters__sort hidden hidden--for-small-only' do
+        = hidden_field_tag :q, @search.query_string
+        .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(@search.sorts, selected: @search.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.search_browse_controls', search: @search)
+
+  .pagination{ data: { pagination: pagination_data(@search.content) } }
+    %ul.list-reset
+      - @search.content.each do |result|
+        %li{ data: { pagination_item: '' } }
+          = link_to result.name, send("#{result.resource_name}_path", result)
+          %p= truncate(result.summary, length: 100)
+    - if show_pagination?(@search.content)
+      .pagination__button
+        = link_to t('workarea.storefront.pagination.next_page'), pagination_path_for(page: @search.next_page), class: 'button button--large', data: { pagination_button: '' }