workarea-one_theme 1.3.0

data/app/views/layouts/workarea/storefront/checkout.html.haml

@@ -0,0 +1,97 @@
+!!!
+/
+  Platform: Workarea Ecommerce
+  Web:      http://workarea.com
+  Email:    sales@workarea.com
+  Phone:    215-925-1800
+%html{ lang: 'en' }
+  %head
+    %meta{ charset: 'utf-8' }
+    %title= page_title
+    %meta{ name: 'robots', content: 'noodp' }
+    = csrf_meta_tags
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
+    %meta{ property: 'locale', content: I18n.locale }
+    %meta{ property: 'environment', content: Rails.env }
+    = alternate_locales_tags
+    = render 'workarea/storefront/favicons/tags'
+    %link{ rel: 'manifest', href: web_manifest_path }
+    %meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }
+
+    :css
+      @-ms-viewport { width: device-width; }
+      @viewport { width: device-width; }
+    = yield :head
+    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_stylesheet, media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript_head
+
+  %body
+    = append_partials('storefront.body_top')
+
+    %nav.accessibility-nav.visually-hidden
+      = link_to t('workarea.storefront.layouts.accessibility_info'), accessibility_path
+      = link_to t('workarea.storefront.layouts.main_content'), '#main_content', accesskey: 'S'
+
+    .page-messages{ role: 'complementary' }
+      = flash_messages if flash.present?
+
+    #top.page-container
+
+      .page-header.page-header--checkout{ role: 'banner' }
+        .page-header__main
+
+          .content-wrapper
+
+            .grid.grid--middle
+              .grid__cell.grid__cell--50-at-medium
+                = link_to image_tag('workarea/storefront/logo.png', alt: t('workarea.storefront.layouts.logo'), class: 'page-header__logo', width: 256), root_path, rel: 'home'
+
+              .grid__cell.grid__cell--50-at-medium
+                %ul.order-help-menu
+                  %li.order-help-menu__item
+                    = link_to t('workarea.storefront.layouts.contact_us'), contact_path, data: { dialog_button: '' }, class: 'link link--secondary'
+                  %li.order-help-menu__item
+                    = link_to page_path('shipping-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' }, class: 'link link--secondary' do
+                      = t('workarea.storefront.layouts.shipping_policy')
+                  %li.order-help-menu__item
+                    = link_to page_path('return-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' }, class: 'link link--secondary' do
+                      = t('workarea.storefront.layouts.returns')
+
+      .page-content.page-content--checkout
+
+        .content-wrapper
+
+          = render 'workarea/storefront/checkouts/checkout_progress' if @checkout_step.present?
+
+          - content_for_page_aside = yield :page_aside
+
+          .grid
+            .grid__cell{ class: ('grid__cell--60-at-medium' if content_for_page_aside.present?)}
+              #main_content.page-content__main{ role: 'main', class: ('page-content__main--full-width' if content_for_page_aside.empty?) }
+                = yield
+                %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+            - if content_for_page_aside.present?
+              .grid__cell.grid__cell--40-at-medium
+                .page-content__aside{ role: 'complementary' }
+                  = content_for_page_aside
+                  %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+      .page-footer{ role: 'contentinfo' }
+        .content-wrapper
+          .grid.grid--middle
+            .grid__cell.grid__cell--50-at-medium
+              %p.page-sub-footer__copyright © #{Time.now.year} One Theme. Powered by Workarea.
+
+            .grid__cell.grid__cell--50-at-medium
+              .page-sub-footer__payment-icons
+                = all_payment_icons
+
+        %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
+    = yield :javascript
+    = append_partials('storefront.javascript')

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

@@ -0,0 +1,31 @@
+#write-comment.blog-entry__section
+
+  %h2.blog-entry__comment-heading= t('workarea.storefront.blogs.write_comment')
+
+  - if !logged_in?
+
+    %p #{t('workarea.storefront.blogs.must_be_logged_in')} #{link_to t('workarea.storefront.users.login'), login_path(return_to: blog_entry_path(@entry))}
+
+  - else
+
+    - if @comment.present? && @comment.errors.present?
+      = render 'workarea/storefront/shared/errors', errors: @comment.errors
+
+    = form_tag blog_entry_comment_path(@entry), method: 'post', class: 'blog-entry__comments-form', id: 'comment-form' do
+
+      - if current_user.public_info.blank?
+        .property
+          = label_tag 'first_name', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.first_name')
+          .value= text_field_tag 'first_name', nil, class: 'text-box', required: true
+        .property
+          = label_tag 'last_name', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.last_name')
+          .value= text_field_tag 'last_name', nil, class: 'text-box', required: true
+
+      .property
+        = label_tag 'body', nil, class: 'property__name' do
+          %span.property__text= t('workarea.storefront.blogs.comment')
+        .value= text_area_tag 'body', @comment.try(:body), class: 'text-box text-box--full-width text-box--multi-line', required: true, minlength: 10
+
+      = button_tag t('workarea.storefront.blogs.submit_comment'), value: 'submit_comment', class: 'button'

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

@@ -0,0 +1,26 @@
+= render_schema_org(blog_posting_schema(entry))
+
+%article.blog-entry-summary__entry{ class: entry.featured ? 'blog-entry-summary__entry--featured' : '', data: { pagination_item: '' } }
+  %heading
+    %h2.blog-entry-summary__entry-title
+      = link_to entry.name, blog_entry_path(entry)
+
+  %p.blog-entry-summary__entry-author
+    %span= entry.author
+  %p.blog-entry-summary__entry-datetime
+    = local_time(entry.written_at, format: :long)
+  %p.blog-entry-summary__entry-comment-count= link_to t('workarea.storefront.blogs.comments', count: entry.comment_count), blog_entry_path(entry, anchor: 'blog-entry-comments')
+
+  - if entry.has_thumbnail_image?
+    %p.blog-entry-summary__entry-thumbnail= image_tag(entry.thumbnail_image_url)
+
+  - if entry.tags.present?
+    .blog-entry-summary__entry-tags
+      %p.blog-entry-summary__entry-label= t('workarea.storefront.blogs.tags')
+      %ul.blog-entry-summary__entry-tags-list
+        - entry.tags.each do |tag|
+          %li.blog-entry-summary__entry-tags-list-item= link_to tag, blog_tagged_path(@blog, tag)
+
+  .blog-entry-summary__content
+    = entry.summary
+    = link_to t('workarea.storefront.blogs.read_more'), blog_entry_path(entry), class: 'blog-entry-summary__read-more-link'

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

@@ -0,0 +1,85 @@
+- @title = @entry.browser_title
+- @breadcrumbs = @breadcrumbs
+
+- add_css(@entry.css)
+- add_javascript(@entry.javascript)
+
+= render_schema_org(breadcrumb_list_schema([[t('workarea.storefront.layouts.home'), root_url], [@entry.blog.name, blog_url(@entry.blog)], [@entry.name, blog_entry_url(@entry)]]))
+= render_schema_org(blog_posting_schema(@entry))
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home'
+    %span.breadcrumbs__node
+      = link_to @entry.blog.name, blog_path(@entry.blog)
+    %span.breadcrumbs__node
+      = @entry.name
+
+- content_for :head do
+  %link{ href: blog_entry_path(@entry), rel: 'canonical' }
+  %meta{ property: 'og:title', content: @entry.name }
+  %meta{ property: 'og:type', content: 'article' }
+  %meta{ property: 'og:url', content: blog_entry_path(@entry) }
+  - if @entry.has_thumbnail_image?
+    %meta{ property: 'og:image', content: @entry.thumbnail_image_url }
+  %meta{ property: 'global-id', content: @entry.to_global_id.to_param }
+  - unless @entry.meta_description.blank?
+    %meta{ name: :description, content: @entry.meta_description }
+
+- content_for :page_aside do
+  = render 'workarea/storefront/blogs/blog_navigation', blog: @entry.blog
+
+%article.blog-entry.view
+
+  %heading.blog-entry__header
+    - if @entry.content_blocks_for(:blog_header).present?
+      != render_content_blocks(@entry.content_blocks_for('blog_header'))
+
+    %h1.blog-entry__title
+      = @entry.name
+    %p.blog-entry__author= @entry.author
+    %p.blog-entry__datetime
+      = local_time(@entry.written_at, format: :long)
+    %p.blog-entry__comment-count= link_to t('workarea.storefront.blogs.comments', count: @entry.comment_count), blog_entry_path(@entry, anchor: 'blog-entry-comments')
+
+    - if @entry.tags.present?
+      .blog-entry__tags
+        %p.blog-entry__label= t('workarea.storefront.blogs.tags')
+        %ul.blog-entry__tags-list
+          - @entry.tags.each do |tag|
+            %li.blog-entry__tags-list-item= link_to tag, blog_tagged_path(@entry.blog, tag)
+
+  .blog-entry__body
+    - if @entry.content_blocks_for(:blog_content).present?
+      != render_content_blocks(@entry.content_blocks_for('blog_content'))
+
+  - if @entry.products.present?
+    .blog-entry__products
+      %h2.blog-entry__products-heading= t('workarea.storefront.blogs.related_products')
+      %ul.grid.grid--flush
+        - @entry.products.each do |product|
+          = render_schema_org(product_schema(product))
+          %li.grid__cell.grid__cell--50.grid__cell--25-at-medium>
+            .product-summary
+              = render 'workarea/storefront/products/summary', product: product
+
+  #blog-entry-comments.blog-entry__comments
+
+    - if @entry.comments.present?
+      .blog-entry__section
+        .blog-entry__comments-header
+          %h2.blog-entry__comments-heading= t('workarea.storefront.blogs.comments', count: @entry.comment_count)
+          %p.blog-entry__write-comment-link= link_to t('workarea.storefront.blogs.write_comment'), '#write-comment', class: 'button'
+        %ul.blog-entry__comment-group
+          - @entry.comments.each do |comment|
+            %li.blog-entry__comment
+              %p.blog-entry__comment-item.blog-entry__comment-item--author
+                = comment.user_info
+              %p.blog-entry__comment-item.blog-entry__comment-item--datetime
+                = local_time(comment.created_at, format: :long);
+
+              %p.blog-entry__comment-item.blog-entry__comment-item--body
+                = comment.body
+
+    #write-comment.blog-entry__section{ data: { blog_comment_placeholder: blog_entry_comments_path(@entry) } }

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

@@ -0,0 +1,7 @@
+- if blog.tags.present?
+  %h2.blog-tags__heading= t('workarea.storefront.blogs.tags')
+  .blog-tags{ role: 'navigation' }
+    - blog.tags.each do |tag|
+      %li.secondary-nav__item
+        = link_to blog_tagged_path(blog, tag[:name]), class: 'secondary-nav__link' do
+          = t('workarea.storefront.blogs.tag_link', tag)

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

@@ -0,0 +1,47 @@
+- @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-entry-summary__title= t('workarea.storefront.blogs.name')
+
+  - @blog_index.each do |blog|
+    %section
+      %h2.blog-index__title
+        = link_to blog.name, blog_path(blog)
+
+      .pagination-results
+        .blog-entry-summary__entry-group
+          - blog.entries_on_index.each do |entry|
+            %article.blog-entry-summary__entry{ class: entry.featured ? 'blog-entry-summary__entry--featured' : '', itemprop: 'blogPost', itemscope: true, itemtype: 'http://schema.org/BlogPosting' }
+              %heading
+                %h2.blog-entry-summary__entry-title{ itemprop: 'headline' }
+                  = link_to entry.name, blog_entry_path(entry), itemprop: 'url'
+
+              %p.blog-entry-summary__entry-author{ itemprop: 'author', itemType: 'http://schema.org/Person' }
+                %span{ itemprop: 'name' }= entry.author
+              %p.blog-entry-summary__entry-datetime
+                = local_time(entry.written_at, format: :long, itemprop: 'datePublished dateModified')
+              %p.blog-entry-summary__entry-comment-count{ itemprop: 'commentCount' }= link_to t('workarea.storefront.blogs.comments', count: entry.comment_count), blog_entry_path(entry, anchor: 'blog-entry-comments')
+
+              - if entry.has_thumbnail_image?
+                %p.blog-entry-summary__entry-thumbnail= image_tag(entry.thumbnail_image_url, itemprop: 'image' )
+
+              - if entry.tags.present?
+                .blog-entry-summary__entry-tags
+                  %p.blog-entry-summary__entry-label= t('workarea.storefront.blogs.tags')
+                  %ul.blog-entry-summary__entry-tags-list
+                    - entry.tags.each do |tag|
+                      %li.blog-entry-summary__entry-tags-list-item= link_to tag, blog_tagged_path(blog, tag)
+              .blog-entry-summary__content{ itemprop: 'description' }
+                = entry.summary
+                = link_to t('workarea.storefront.blogs.read_more'), blog_entry_path(entry), class: 'blog-entry-summary__read-more-link'

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

@@ -0,0 +1,66 @@
+.view
+  - 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__item{ data: { cart_count: current_order.quantity, analytics: add_to_cart_confirmation_analytics_data(@item).to_json } }
+      .product-list__item-cell
+        .product-list__summary
+          %p.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)
+            %p.product-list__id= @item.sku_name
+            - 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__item-cell
+        %table.table
+          %thead
+            %tr
+              %th.table__prices= t('workarea.storefront.orders.price')
+              %th#aria_cart_item_quantity.table__quantity= t('workarea.storefront.orders.quantity')
+              %th.table__prices= t('workarea.storefront.orders.total')
+          %tbody
+            %tr
+              %td.table__prices
+                = render 'workarea/storefront/carts/pricing', item: @item, css_block: 'table'
+              %td.table__quantity
+                = 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__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, 'cart_item'), aria: { labelledby: 'aria_cart_item_quantity' }
+                      = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__increment'}
+
+                  %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+              %td.table__prices
+                - @item.total_adjustments.each do |adjustment|
+                  %p.table__price
+                    - if @item.total_adjustments.many?
+                      %span.table__price-label= adjustment.description
+
+                    - if adjustment.discount?
+                      %strong.table__price-discount= number_to_currency(adjustment.amount)
+                    - else
+                      %span= number_to_currency(adjustment.amount)
+
+                - if @item.total_adjustments.many?
+                  %p.table__price
+                    %span.table__price-label= t('workarea.storefront.orders.item_total')
+                    %span= number_to_currency(@item.total_price)
+
+  .grid.grid--middle
+    .grid__cell.grid__cell--50
+      .grid__cell= link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'text-button', data: { dialog_close_button: true }
+    .grid__cell.grid__cell--50
+      .grid.grid--auto.grid--right.grid--middle
+        .grid__cell= link_to t('workarea.storefront.carts.view_cart'), cart_path, class: 'text-button'
+        .grid__cell= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button'

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

@@ -0,0 +1,175 @@
+- @title = t('workarea.storefront.carts.title')
+
+.cart.view{ data: { analytics: cart_view_analytics_data(@cart).to_json } }
+  - if @cart.no_items?
+
+    %h1= t('workarea.storefront.carts.empty')
+
+    %p.cart__continue-shopping
+      = link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'button'
+
+  - else
+
+    .grid.grid--middle
+      .grid__cell.grid__cell--80-at-medium
+        %h1= t('workarea.storefront.carts.title')
+
+      .grid__cell.grid__cell--20-at-medium
+        .cart__checkout-action-group
+          %p.cart__checkout-action= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'
+          = append_partials('storefront.cart_checkout_actions', cart: @cart)
+
+    %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__item-cell
+            .product-list__summary
+              %p.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)
+                %p.product-list__id= item.sku_name
+                %p.product-list__inventory-status= item.inventory_status
+                - 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
+                  .grid.grid--auto.grid--left
+                    .grid__cell
+                      = form_tag cart_item_path(item), method: 'delete', class: 'action-group__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__item-cell
+            %table.table
+              %thead
+                %tr
+                  %th.table__prices= t('workarea.storefront.orders.price')
+                  %th.table__quantity= t('workarea.storefront.orders.quantity')
+                  %th.table__prices= t('workarea.storefront.orders.total')
+              %tbody
+                %tr
+                  %td.table__prices
+                    = render 'workarea/storefront/carts/pricing', item: item, css_block: 'table'
+                  %td.table__quantity
+                    .product-details__quantity
+                      = 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__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}", aria: { label: t('workarea.storefront.orders.quantity') }
+                            = button_tag '+', { type: 'button', data: { quantity_control: { 'direction': 'inc', 'autosubmit': true }.to_json }, class: 'quantity-control__button quantity-control__increment'}
+                        %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+
+                  %td.table__prices
+                    - item.total_adjustments.each do |adjustment|
+                      %p.table__price
+                        - if item.total_adjustments.many?
+                          %span.table__price-label= adjustment.description
+
+                        - if adjustment.discount?
+                          %strong.table__price-discount= number_to_currency(adjustment.amount)
+                        - else
+                          %span= number_to_currency(adjustment.amount)
+
+                    - if item.total_adjustments.many?
+                      %p.table__price
+                        %span.table__price-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__item-cell
+            .product-list__summary
+              %p.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)
+                %p.product-list__id= item.sku
+          .product-list__item-cell
+            %table.table
+              %thead
+                %tr
+                  %th.table__prices= t('workarea.storefront.orders.price')
+                  %th.table__quantity= t('workarea.storefront.orders.quantity')
+                  %th.table__prices= t('workarea.storefront.orders.total')
+              %tbody
+                %tr
+                  %td.table__prices
+                    %p.table__price
+                      %span= t('workarea.storefront.carts.free_gift')
+                  %td.table__quantity
+                    %p= item.quantity
+                  %td.table__prices
+                    %p.table__price
+                      %span= t('workarea.storefront.carts.free_gift')
+    .grid.grid--right
+      .grid__cell.grid__cell--33-at-medium
+        = optional_field(t('workarea.storefront.carts.enter_promo_code_prompt'), params[:promo_code]) do
+          .cart__promo-code
+            = form_tag add_promo_code_to_cart_path, id: 'promo_code_form', method: 'post', class: 'inline-form' do
+              %h2.heading.heading--4= t('workarea.storefront.orders.promo_code')
+              .inline-form__cell
+                .value= 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')
+              %p.inline-form__cell= button_tag t('workarea.storefront.carts.add'), value: 'add_promo_code', class: 'button'
+
+      .grid__cell.grid__cell--33-at-medium
+        = append_partials('storefront.cart_additional_information', cart: @cart)
+      .grid__cell.grid__cell--33-at-medium
+        %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
+              %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)
+
+    .cart__checkout-action-group
+      %p.cart__checkout-action= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'
+      = append_partials('storefront.cart_checkout_actions', cart: @cart)
+
+  - cache @cart.cache_key, expires_in: Workarea.config.cache_expirations.cart_recommendations_fragment_cache do
+    - if @cart.recommendations.any?
+      .recommendations
+        %h2.recommendations__heading= t('workarea.storefront.recommendations.heading')
+
+        .recommendations__products
+          .grid.grid--flush
+            - @cart.recommendations.each do |product|
+              .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
+                .product-summary.product-summary--small
+                  = render 'workarea/storefront/products/summary', product: product
+
+  %div{ data: { recommendations_placeholder: recent_views_path } }
+  = append_partials('storefront.cart_show', cart: @cart)