workarea-storefront 3.4.12

data/app/views/workarea/storefront/pages/browser_config.xml.builder

@@ -0,0 +1,9 @@
+xml.instruct!
+xml.browserconfig do
+  xml.msapplication do
+    xml.tile do
+      xml.square150x150logo(src: favicons_path('150x150'))
+      xml.TileColor(Workarea.config.web_manifest.tile_color)
+    end
+  end
+end

data/app/views/workarea/storefront/pages/home_page.html.haml

@@ -0,0 +1,20 @@
+- @title = @page.browser_title
+
+- add_css(@page.css)
+- add_javascript(@page.javascript)
+
+- content_for :head do
+  %meta{ property: 'global-id', content: @page.to_global_id.to_param }
+
+  %link{ href: root_url, rel: 'canonical' }
+  %meta{ name: :description, content: @page.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: @page.open_graph_asset.url }
+  %meta{ property: 'og:image:secure_url', content: @page.open_graph_asset.url }
+
+.view
+  %h1.visually-hidden= Workarea.config.site_name.titleize
+  = render_content_blocks(@page.content_blocks) if @page.content_blocks.present?

data/app/views/workarea/storefront/pages/robots.text.erb

@@ -0,0 +1,17 @@
+User-Agent: *
+Allow: <%= sitemap_path %>
+<% if !Rails.env.production? %>
+Disallow: /
+<% else %>
+Disallow: /cart
+Disallow: /checkout
+Disallow: /orders
+Disallow: /search
+Disallow: /login
+Disallow: /logout
+Disallow: /forgot_password
+Disallow: /users
+Disallow: /wish_lists
+Disallow: /products/*/details
+<% end %>
+<%= append_partials('storefront.robots_txt') %>

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

@@ -0,0 +1,28 @@
+- @title = @page.browser_title
+- @breadcrumbs = @page.breadcrumbs
+
+- add_css(@page.css)
+- add_javascript(@page.javascript)
+
+- content_for :head do
+  - cache "#{@page.cache_key}/head", expires_in: Workarea.config.cache_expirations.pages_fragment_cache do
+    %meta{ property: 'global-id', content: @page.to_global_id.to_param }
+
+    %link{ href: page_url(@page), rel: 'canonical' }
+    %meta{ name: :description, content: @page.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: @page.open_graph_asset.url }
+    %meta{ property: 'og:image:secure_url', content: @page.open_graph_asset.url }
+
+- if @page.show_navigation?
+  - content_for :page_aside do
+    - cache "#{@page.cache_key}/aside", expires_in: Workarea.config.cache_expirations.pages_fragment_cache do
+      = left_navigation
+
+.view
+  %h1{ class: @page.display_h1? ? nil : 'visually-hidden' }= @page.name
+
+  = render "workarea/storefront/pages/templates/#{@page.template}", page: @page

data/app/views/workarea/storefront/pages/templates/_generic.html.haml

@@ -0,0 +1 @@
+= render_content_blocks(page.content_blocks) if page.content_blocks.present?

data/app/views/workarea/storefront/pages/templates/_test.html.haml

@@ -0,0 +1 @@
+%p This is for testing custom template rendering

data/app/views/workarea/storefront/pages/web_manifest.json.jbuilder

@@ -0,0 +1,11 @@
+json.name Workarea.config.site_name
+json.short_name Workarea.config.site_name
+json.icons(%w(192x192 512x512)) do |size|
+  json.src favicons_path(size)
+  json.sizes size
+  json.type 'image/png'
+end
+json.theme_color Workarea.config.web_manifest.theme_color
+json.background_color Workarea.config.web_manifest.background_color
+json.start_url '/?utm_source=homescreen'
+json.display Workarea.config.web_manifest.display_mode

data/app/views/workarea/storefront/payment_mailer/refunded.html.haml

@@ -0,0 +1,13 @@
+= append_partials('storefront.payment_refund.top')
+
+- content_for :preheader_text do
+  = t('workarea.storefront.email.order_refund.heading', order_id: @order.id)
+
+%tr
+  %td
+    %h1= t('workarea.storefront.email.order_refund.heading', order_id: @order.id)
+    %p= t('workarea.storefront.email.order_refund.info_html', amount: number_to_currency(@refund.total))
+
+= render 'workarea/storefront/mailers/recommendations', recommendations: @recommendations
+
+= append_partials('storefront.payment_refund.bottom')

data/app/views/workarea/storefront/products/_price.html.haml

@@ -0,0 +1,4 @@
+- if price.present?
+  %meta{ itemprop: 'priceCurrency', content: price.currency }
+  %meta{ itemprop: 'price', content: price.to_f }
+  = number_to_currency price

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

@@ -0,0 +1,34 @@
+-# TODO v4 rewrite, simply and add better classes
+- cache "#{product.cache_key}/prices", expires_in: Workarea.config.cache_expirations.product_pricing_fragment_cache do
+  - if product.one_price?
+    %p.product-prices__price
+      - if product.show_sell_range?
+        %span.product-prices__sell-price.product-prices__sell-price--min= render 'workarea/storefront/products/price', price: product.sell_min_price
+        %span.product-prices__sell-price.product-prices__sell-price--max – #{number_to_currency product.sell_max_price}
+      - else
+        %span.product-prices__sell-price= render 'workarea/storefront/products/price', price: product.sell_min_price
+
+  - else
+    - if product.on_sale?
+      %p.product-prices__price.product-prices__price--on-sale
+        - if product.show_sell_range?
+          %strong.product-prices__sell-price.product-prices__sell-price--min= render 'workarea/storefront/products/price', price: product.sell_min_price
+          %strong.product-prices__sell-price.product-prices__sell-price--max – #{number_to_currency product.sell_max_price}
+        - else
+          %strong.product-prices__sell-price= render 'workarea/storefront/products/price', price: product.sell_min_price
+
+    - else
+      %p.product-prices__price
+        - if product.show_sell_range?
+          %span.product-prices__sell-price.product-prices__sell-price--min= render 'workarea/storefront/products/price', price: product.sell_min_price
+          %span.product-prices__sell-price.product-prices__sell-price--max – #{number_to_currency product.sell_max_price}
+        - else
+          %span.product-prices__sell-price= render 'workarea/storefront/products/price', price: product.sell_min_price
+
+    %p.product-prices__price.product-prices__price--original
+      - if product.show_original_range?
+        %s.product-prices__original-price.product-prices__original-price--range #{number_to_currency product.original_min_price} – #{number_to_currency product.original_max_price}
+      - else
+        %s.product-prices__original-price= number_to_currency product.original_min_price
+
+  = append_partials('storefront.product_pricing', product: product)

data/app/views/workarea/storefront/products/_summary.html.haml

@@ -0,0 +1,12 @@
+- cache "#{product.cache_key}/summary", expires_in: Workarea.config.cache_expirations.product_summary_fragment_cache do
+  %p.product-summary__media
+    = link_to product_path(product, product.browse_link_options), class: 'product-summary__media-link', style: intrinsic_ratio_product_image_styles(product.primary_image), data: { analytics_product_impression: product_impression_data(product), analytics: product_click_analytics_data(product).to_json } do
+      = image_tag(product_image_url(product.primary_image, :large_thumb), alt: product.name, itemprop: 'image', class: 'product-summary__media-image')
+
+  .product-summary__info
+    %p.product-summary__name{ itemprop: 'name' }= link_to product.name, product_path(product, product.browse_link_options), itemprop: 'url', data: { analytics: product_click_analytics_data(product).to_json }
+
+    .product-prices.product-prices--summary{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+      = render 'workarea/storefront/products/pricing', product: product
+
+    = append_partials('storefront.product_summary', product: product)

data/app/views/workarea/storefront/products/details.html.haml

@@ -0,0 +1,2 @@
+.product-details{ class: "product-details--#{@product.template}" }
+  = render "workarea/storefront/products/templates/#{@product.template}", product: @product

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

@@ -0,0 +1,48 @@
+- @title = @product.browser_title
+- @breadcrumbs = @product.breadcrumbs
+
+- content_for :head do
+  - cache "#{@product.cache_key}/head", expires_in: Workarea.config.cache_expirations.product_show_fragment_cache do
+    %meta{ property: 'recent-view', content: recent_view_content(product_id: @product.id) }
+    %meta{ property: 'global-id', content: @product.to_global_id.to_param }
+    = append_partials('storefront.product_head', product: @product)
+
+    %link{ href: product_url(@product), rel: 'canonical' }
+
+    %meta{ name: :description, content: strip_tags(@product.meta_description) }
+
+    %meta{ property: 'og:url', content: url_for(only_path: false) }
+    %meta{ property: 'og:title', content: @product.name }
+    %meta{ property: 'og:type', content: 'product' }
+    - @product.images.each do |image|
+      %meta{ property: 'og:image', content: product_image_url(image, :detail) }
+      %meta{ property: 'og:image:secure_url', content: product_image_url(image, :detail) }
+    %meta{ property: 'og:description', content: strip_tags(@product.meta_description) }
+
+- cache "#{@product.cache_key}/show", expires_in: Workarea.config.cache_expirations.product_show_fragment_cache do
+  .view
+    .product-detail-container{ itemscope: true, itemtype: 'http://schema.org/Product', data: { analytics: product_view_analytics_data(@product).to_json } }
+
+      .product-details{ class: "product-details--#{@product.template}" }
+        = render "workarea/storefront/products/templates/#{@product.template}", product: @product
+
+      - if @product.description.present?
+        .product-detail-container__description#description
+          %h2.product-detail-container__description-heading= t('workarea.storefront.products.description')
+          .product-detail-container__description-body{ itemprop: 'description' }!= @product.description
+
+      = append_partials('storefront.product_description', product: @product)
+
+      - if @product.recommendations.any?
+        .recommendations
+          %h2.recommendations__heading= t('workarea.storefront.recommendations.heading')
+          .recommendations__products
+            .grid{ data: { analytics: product_list_analytics_data('Product Recommendations').to_json } }
+              - @product.recommendations.each do |product|
+                .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
+                  .product-summary.product-summary--small{ itemprop: 'isRelatedTo', itemscope: true, itemtype: 'http://schema.org/Product' }
+                    = render 'workarea/storefront/products/summary', product: product
+
+      %div{ data: { recommendations_placeholder: recent_views_path } }
+
+      = append_partials('storefront.product_show', product: @product)

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

@@ -0,0 +1,69 @@
+.grid.grid--rev
+  .grid__cell.grid__cell--60-at-medium
+
+    .product-details__name
+      %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+    .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+      = render 'workarea/storefront/products/pricing', product: product
+
+    = append_partials('storefront.product_pricing_details', 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?
+          %p.product-details__inventory-status= product.inventory_status
+
+      = 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')
+            .value= number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+        %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
+        = 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', itemprop: 'url'
+
+  .grid__cell.grid__cell--40-at-medium
+
+    .product-details__primary-image
+      = link_to(product_image_url(product.primary_image, :zoom), target: '_blank', rel: 'noopener', class: 'product-details__primary-image-link', style: intrinsic_ratio_product_image_styles(product.primary_image), data: { dialog_button: '' }) do
+        = image_tag product_image_url(product.primary_image, :detail), alt: t('workarea.storefront.products.image_alt_attribute', name: product.name), itemprop: 'image', class: 'product-details__primary-image-link-image'
+
+    - if product.images.length > 1
+      .product-details__alt-images
+        .grid.grid--auto
+          - product.images.each_with_index do |image, index|
+            .grid__cell
+              .product-details__alt-image
+                - button_class = index == 0 ? 'product-details__alt-image-link product-details__alt-image-link--selected' : 'product-details__alt-image-link'
+                = link_to(image_tag(product_image_url(image, :small_thumb), alt: t('workarea.storefront.products.zoom')), product_image_url(image, :zoom), class: button_class, target: '_blank', rel: 'noopener', data: { alternate_image_button: { src: product_image_url(image, :detail) }.to_json })
+
+          = append_partials('storefront.product_details_alt_images', product: product)

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

@@ -0,0 +1,70 @@
+.grid.grid--rev
+  .grid__cell.grid__cell--60-at-medium
+
+    .product-details__name
+      %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+    .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+      = 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 :sku, product.current_sku
+      = 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)
+
+      - 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')
+            .value
+              = number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+        - if product.current_sku.present?
+          %p.product-details__inventory-status= product.inventory_status
+
+        - unless product.currently_selected_options.blank?
+          = link_to t('workarea.storefront.products.clear_selections'), product_path(product), data: { option_button: '' }
+
+        %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
+        = 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', itemprop: 'url'
+
+  .grid__cell.grid__cell--40-at-medium
+
+    .product-details__primary-image
+      = link_to(product_image_url(product.primary_image, :zoom), target: '_blank', rel: 'noopener', class: 'product-details__primary-image-link', style: intrinsic_ratio_product_image_styles(product.primary_image), data: { dialog_button: '' }) do
+        = image_tag product_image_url(product.primary_image, :detail), alt: t('workarea.storefront.products.image_alt_attribute', name: product.name), itemprop: 'image', class: 'product-details__primary-image-link-image'
+
+    - if product.images.length > 1
+      .product-details__alt-images
+        .grid.grid--auto
+          - product.images.each_with_index do |image, index|
+            .grid__cell
+              .product-details__alt-image
+                - button_class = index == 0 ? 'product-details__alt-image-link product-details__alt-image-link--selected' : 'product-details__alt-image-link'
+                = link_to(image_tag(product_image_url(image, :small_thumb), alt: t('workarea.storefront.products.zoom')), product_image_url(image, :zoom), class: button_class, target: '_blank', rel: 'noopener', data: { alternate_image_button: { src: product_image_url(image, :detail) }.to_json })
+
+          = append_partials('storefront.product_details_alt_images', product: product)

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

@@ -0,0 +1,76 @@
+.grid.grid--rev
+  .grid__cell.grid__cell--60-at-medium
+
+    .product-details__name
+      %h1.product-details__heading{ itemprop: 'name' }= product.name
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+    .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+      = 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 :sku, product.current_sku
+      = 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
+            - 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, :small_thumb), alt: selection, class: 'option-button__image')
+                - else
+                  %span.option-button__text= selection
+
+      = 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')
+            .value
+              = number_field_tag :quantity, params[:quantity] || 1, class: 'text-box text-box--x-small', required: true, min: 1, id: "quantity#{dom_id(product)}"
+
+        - if product.current_sku.present?
+          %p.product-details__inventory-status= product.inventory_status
+
+        - unless product.currently_selected_options.blank?
+          = link_to t('workarea.storefront.products.clear_selections'), product_path(product), data: { option_button: '' }
+
+        %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
+        = 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', itemprop: 'url'
+
+  .grid__cell.grid__cell--40-at-medium
+
+    .product-details__primary-image
+      = link_to(product_image_url(product.primary_image, :zoom), target: '_blank', rel: 'noopener', class: 'product-details__primary-image-link', style: intrinsic_ratio_product_image_styles(product.primary_image), data: { dialog_button: '' }) do
+        = image_tag product_image_url(product.primary_image, :detail), alt: t('workarea.storefront.products.image_alt_attribute', name: product.name), itemprop: 'image', class: 'product-details__primary-image-link-image'
+
+    - if product.images.length > 1
+      .product-details__alt-images
+        .grid.grid--auto
+          - product.images.each_with_index do |image, index|
+            .grid__cell
+              .product-details__alt-image
+                - button_class = index == 0 ? 'product-details__alt-image-link product-details__alt-image-link--selected' : 'product-details__alt-image-link'
+                = link_to(image_tag(product_image_url(image, :small_thumb), alt: t('workarea.storefront.products.zoom')), product_image_url(image, :zoom), class: button_class, target: '_blank', rel: 'noopener', data: { alternate_image_button: { src: product_image_url(image, :detail) }.to_json })
+
+          = append_partials('storefront.product_details_alt_images', product: product)

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

@@ -0,0 +1 @@
+%h1 This is for testing custom template rendering

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

@@ -0,0 +1,25 @@
+- if @recent_views.products.any? || @recent_views.categories.any? || @recent_views.searches.any?
+  .recent-views.recent-views--aside
+
+    - if @recent_views.products.any?
+      .recent-views__section.recent-views__section--products
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_products')
+        - @recent_views.products.each do |product|
+          .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+            = 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'
+
+    - if @recent_views.searches.any?
+      .recent-views__section.recent-views__section--searches
+        %h2.recent-views__heading= t('workarea.storefront.recommendations.recent_searches')
+        %ul.recent-views__list
+          - @recent_views.searches.each do |search|
+            %li.recent-views__item
+              = link_to search, search_path(q: search), class: 'recent-views__link'