workarea-haven_theme 1.3.0

data/app/views/workarea/storefront/content_blocks/_blog_entry.html.haml

@@ -0,0 +1,5 @@
+.featured-entry-content-block
+  - if local_assigns[:entries].present?
+    - local_assigns[:entries].each do |entry|
+      - if entry.active
+        = render 'workarea/storefront/blog_entries/summary', entry: entry

data/app/views/workarea/storefront/content_blocks/_category_summary.html.haml

@@ -0,0 +1,16 @@
+- if category.present?
+  .category-summary-content-block{ class: ('category-summary-content-block--full-bleed' if local_assigns[:full_bleed]), data: { analytics: product_list_analytics_data(t('workarea.storefront.content_blocks.category_summary.summary_of', name: category.name)).to_json } }
+    .content-wrapper
+      %span.category-summary-content-block__heading
+        = link_to t('workarea.storefront.content_blocks.category_summary.view_all', name: category.name), category_path(category), class: 'category-summary-content-block__heading-link'
+
+      - if products.empty?
+        %p.category-summary-content-block__empty-message= t('workarea.storefront.content_blocks.category_summary.empty', name: category.name)
+
+      - else
+        .grid
+          - products.each do |product|
+            = render_schema_org(product_schema(product))
+            .grid__cell.grid__cell--50.grid__cell--25-at-medium
+              %div.product-summary.product-summary--small
+                = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/content_blocks/_hero.html.haml

@@ -0,0 +1,3 @@
+.hero-content-block
+  .hero-content-block__image-container{ style: intrinsic_ratio_frame_styles(view_model.image) }= image_tag view_model.image.url, alt: local_assigns[:alt_text].presence, class: 'hero-content-block__image'
+  .hero-content-block__button{ class: view_model.button_position_class }= link_to text, local_assigns[:url].presence || '#', class: view_model.button_class

data/app/views/workarea/storefront/content_blocks/_product_grid_cell.html.haml

@@ -0,0 +1,25 @@
+.grid__cell{ class: view_model.cell_width_class, style: view_model.cell_styles, data: { pagination_item: '' } }
+  .product-grid-cell-content-block{ style: view_model.block_styles, data: { match_product_summary_height: { rows: height }.to_json } }
+    - if link.present?
+      = link_to '', link, class: 'product-grid-cell-content-block__background-link'
+    - if heading.present? || link_text.present?
+      .product-grid-cell-content-block__content{ style: view_model.content_styles }
+        - if heading.present?
+          %h3.product-grid-cell-content-block__heading= heading
+        - if sub_heading.present?
+          %h5.product-grid-cell-content-block__sub-heading= sub_heading
+        - if link_text.present? && view_model.button_icon?
+          %p.product-grid-cell-content-block__action
+            = link_to link.present? ? link : '#', class: link_style do
+              = link_text
+              = inline_svg('workarea/storefront/icons/long_arrow.svg', class: 'button__icon button__icon--shift-right')
+
+        - elsif link_text.present?
+          %p.product-grid-cell-content-block__action= link_to link_text, link.present? ? link : '#', class: link_style
+
+    .product-grid-cell-content-block__media-container.product-grid-cell-content-block__media-container--maintain-aspect-ratio
+      - if link.present?
+        = link_to link, class: 'product-grid-cell-content-block__image-link' do
+          = image_tag view_model.image.url, alt: "image alt", class: 'product-grid-cell-content-block__image'
+      - else
+        = image_tag view_model.image.url, alt: "image alt", class: 'product-grid-cell-content-block__image'

data/app/views/workarea/storefront/content_blocks/_product_insights.html.haml

@@ -0,0 +1,12 @@
+.product-insights-content-block{ class: ('product-insights-content-block--full-bleed' if local_assigns[:full_bleed]) }
+  .content-wrapper
+    - if local_assigns[:title].present?
+      .product-insights-content-block__heading= title
+
+    - if view_model.products.present?
+      .grid
+        - view_model.products.each do |product|
+          = render_schema_org(product_schema(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/content_blocks/_product_list.html.haml

@@ -0,0 +1,12 @@
+.product-list-content-block{ class: ('product-list-content-block--full-bleed' if local_assigns[:full_bleed]) }
+  .content-wrapper
+    - if local_assigns[:title].present?
+      %span.product-list-content-block__heading= title
+
+    - if products.present?
+      .grid{ data: { analytics: product_list_analytics_data("Custom product list").to_json } }
+        - products.each do |product|
+          = render_schema_org(product_schema(product))
+          .grid__cell.grid__cell--50.grid__cell--25-at-medium
+            %div.product-summary.product-summary--small
+              = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/content_blocks/_social_networks.html.haml

@@ -0,0 +1,17 @@
+%ul.social-networks-content-block
+  - if facebook.present?
+    %li.social-networks-content-block__item
+      = link_to facebook, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.facebook') } do
+        = inline_svg('workarea/storefront/icons/facebook.svg', class: 'social-networks-content-block__icon')
+  - if twitter.present?
+    %li.social-networks-content-block__item
+      = link_to twitter, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.twitter') } do
+        = inline_svg('workarea/storefront/icons/twitter.svg', class: 'social-networks-content-block__icon')
+  - if google_plus.present?
+    %li.social-networks-content-block__item
+      = link_to google_plus, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.google_plus') } do
+        = inline_svg('workarea/storefront/icons/google_plus.svg', class: 'social-networks-content-block__icon')
+  - if pinterest.present?
+    %li.social-networks-content-block__item
+      = link_to pinterest, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.pinterest') } do
+        = inline_svg('workarea/storefront/icons/pinterest.svg', class: 'social-networks-content-block__icon')

data/app/views/workarea/storefront/content_blocks/_taxonomy.html.haml

@@ -0,0 +1,27 @@
+.taxonomy-content-block
+
+  - if view_model.left_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)
+
+  .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-image' unless image.present? )}
+    - if view_model.data[:header].present?
+      %span.taxonomy-content-block__menu-heading= view_model.data[:header]
+
+    %ul.taxonomy-content-block__menu
+      - if view_model.show_starting_taxon?
+        %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+          - if view_model.starting_taxon.placeholder?
+            = view_model.starting_taxon.name
+          - else
+            = link_to view_model.starting_taxon.name, storefront_path_for(view_model.starting_taxon), data: { analytics: primary_navigation_analytics_data(view_model.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+      - view_model.taxons.each do |taxon|
+        %li.taxonomy-content-block__menu-item
+          - if taxon.placeholder?
+            = taxon.name
+          - else
+            = link_to taxon.name, storefront_path_for(taxon), data: { analytics: primary_navigation_analytics_data(taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+
+  - if view_model.right_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)

data/app/views/workarea/storefront/content_blocks/_three_column_taxonomy.html.haml

@@ -0,0 +1,28 @@
+.taxonomy-content-block.taxonomy-content-block--three-column
+
+  - if view_model.left_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)
+
+  - view_model.series.each do |taxonomy|
+    .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-image' unless image.present? )}
+      - if taxonomy.data[:header].present?
+        %span.taxonomy-content-block__menu-heading= taxonomy.data[:header]
+
+      %ul.taxonomy-content-block__menu
+        - if taxonomy.show_starting_taxon?
+          %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+            - if taxonomy.starting_taxon.placeholder?
+              = taxonomy.starting_taxon.name
+            - else
+              = link_to taxonomy.starting_taxon.name, storefront_path_for(taxonomy.starting_taxon), data: { analytics: primary_navigation_analytics_data(taxonomy.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+        - taxonomy.taxons.each do |taxon|
+          %li.taxonomy-content-block__menu-item
+            - if taxon.placeholder?
+              = taxon.name
+            - else
+              = link_to taxon.name, storefront_path_for(taxon), data: { analytics: primary_navigation_analytics_data(taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+
+  - if view_model.right_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)

data/app/views/workarea/storefront/content_blocks/_two_column_taxonomy.html.haml

@@ -0,0 +1,28 @@
+.taxonomy-content-block.taxonomy-content-block--two-column
+
+  - if view_model.left_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)
+
+  - view_model.series.each do |taxonomy|
+    .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-image' unless image.present? )}
+      - if taxonomy.data[:header].present?
+        %span.taxonomy-content-block__menu-heading= taxonomy.data[:header]
+
+      %ul.taxonomy-content-block__menu
+        - if taxonomy.show_starting_taxon?
+          %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+            - if taxonomy.starting_taxon.placeholder?
+              = taxonomy.starting_taxon.name
+            - else
+              = link_to taxonomy.starting_taxon.name, storefront_path_for(taxonomy.starting_taxon), data: { analytics: primary_navigation_analytics_data(taxonomy.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+        - taxonomy.taxons.each do |taxon|
+          %li.taxonomy-content-block__menu-item
+            - if taxon.placeholder?
+              = taxon.name
+            - else
+              = link_to taxon.name, storefront_path_for(taxon), data: { analytics: primary_navigation_analytics_data(taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+
+  - if view_model.right_image?
+    .taxonomy-content-block__container.taxonomy-content-block__container--media
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)

data/app/views/workarea/storefront/email_signups/_form.html.haml

@@ -0,0 +1,9 @@
+.email-signup
+  = form_tag email_signup_path, method: 'post', id: "#{location}_email_signup_form", class: 'email-signup__form', data: { analytics: email_signup_analytics_data.to_json } do
+    = label_tag "#{location}_email_signup_field", nil, class: 'email-signup__label' do
+      %span.email-signup__label-text= t('workarea.storefront.layouts.email_signup')
+    .value.value--block
+      .email-signup__value
+        = email_field_tag :email, nil, id: "#{location}_email_signup_field", class: 'text-box text-box--full text-box--stripped', placeholder: t('workarea.storefront.forms.email_placeholder'), title: t('workarea.storefront.users.email'), required: true, type: 'email', autocomplete: 'email', autocapitalize: 'off', aria: { label: t('workarea.storefront.users.email') }
+        = button_tag value: 'sign_up', class: 'email-signup__button' do
+          = inline_svg('workarea/storefront/icons/arrow_right.svg', class: 'email-signup__button-icon', title: t('workarea.storefront.users.join'))

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

@@ -0,0 +1,8 @@
+.email-signup-view
+  .email-signup-view__content
+    %h2.heading.heading--4.heading--upcase.heading--no-margin= @content.title
+
+    - if @content.content_blocks.present?
+      = render_content_blocks(@content.content_blocks)
+
+  = render 'workarea/storefront/email_signups/form', location: 'dialog', analytics: email_signup_analytics_data

data/app/views/workarea/storefront/facets/_applied.html.haml

@@ -0,0 +1,13 @@
+.result-filters__container
+  %h2.result-filters__attribute= t('workarea.storefront.filters.applied')
+  %ul.result-filters__group
+    - applied_facets(facets).each do |facet, value|
+      %li.result-filters__filter.result-filters__filter--selected
+        = link_to facet_path(facet, value), rel: 'nofollow', class: 'result-filters__filter-link' do
+          = render_swatch_facet(value)
+
+          - if facet.name == 'price'
+            %span.result-filters__filter-text= applied_range_facet_text(value)
+          - else
+            %span.result-filters__filter-text= value.titleize
+          %span.result-filters__filter-remove= inline_svg('workarea/storefront/icons/x.svg', class: 'svg-icon svg-icon--tiny svg-icon--blue', title: t('workarea.storefront.products.remove_filter'))

data/app/views/workarea/storefront/facets/_range.html.haml

@@ -0,0 +1,15 @@
+.result-filters__container
+  %h2.result-filters__attribute= t('workarea.storefront.products.price')
+  .result-filters__section
+    %ul.result-filters__group.result-filters__group--truncated
+      - facet.results.each do |range, count|
+        %li.result-filters__filter{ class: facet.selected?(range) ? 'result-filters__filter--selected' : nil }
+          = link_to facet_path(facet, range), rel: 'nofollow', class: 'result-filters__filter-link' do
+            %span.result-filters__filter-text= price_range_facet_text(range)
+            - if facet.selected?(range)
+              %span.result-filters__filter-remove= inline_svg('workarea/storefront/icons/x.svg', class: 'svg-icon svg-icon--tiny svg-icon--blue', title: t('workarea.storefront.products.remove_filter'))
+            - else
+              %span.result-filters__filter-count #{count}
+
+    - if facet.results.length > Workarea.config.filter_group_truncation_limit
+      %button.result-filters__view-more-button= t('workarea.storefront.filters.view_more')

data/app/views/workarea/storefront/facets/_swatches.html.haml

@@ -0,0 +1,16 @@
+.result-filters__container
+  %h2.result-filters__attribute= facet.display_name
+  .result-filters__section{ class: "result-filters__section--#{facet.system_name}" }
+    %ul.result-filters__group.result-filters__group--truncated
+      - facet.results.each do |value_name, count|
+        %li.result-filters__filter{ class: facet.selected?(value_name) ? 'result-filters__filter--selected' : nil }
+          = link_to facet_path(facet, value_name), rel: 'nofollow', class: 'result-filters__filter-link' do
+            = render_swatch_facet(value_name)
+            %span.result-filters__filter-text= value_name.titleize
+            - if facet.selected?(value_name)
+              %span.result-filters__filter-remove= inline_svg('workarea/storefront/icons/x.svg', class: 'svg-icon svg-icon--tiny svg-icon--primary-color', title: t('workarea.storefront.products.remove_filter'))
+            - else
+              %span.result-filters__filter-count #{count}
+
+    - if facet.results.length > Workarea.config.filter_group_truncation_limit
+      %button.result-filters__view-more-button= t('workarea.storefront.filters.view_more')

data/app/views/workarea/storefront/facets/_terms.html.haml

@@ -0,0 +1,15 @@
+.result-filters__container
+  %h2.result-filters__attribute= facet.display_name
+  .result-filters__section{ class: "result-filters__section--#{facet.system_name}" }
+    %ul.result-filters__group.result-filters__group--truncated
+      - facet.results.each do |value_name, count|
+        %li.result-filters__filter{ class: facet.selected?(value_name) ? 'result-filters__filter--selected' : nil }
+          = link_to facet_path(facet, value_name), rel: 'nofollow', class: 'result-filters__filter-link' do
+            %span.result-filters__filter-text= value_name.titleize
+            - if facet.selected?(value_name)
+              %span.result-filters__filter-remove= inline_svg('workarea/storefront/icons/x.svg', class: 'svg-icon svg-icon--tiny svg-icon--primary-color', title: t('workarea.storefront.products.remove_filter'))
+            -else
+              %span.result-filters__filter-count #{count}
+
+    - if facet.results.length > Workarea.config.filter_group_truncation_limit
+      %button.result-filters__view-more-button= t('workarea.storefront.filters.view_more')

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

@@ -0,0 +1,10 @@
+= link_to 'X', mobile_nav_return_path, class: 'mobile-nav__close-button'
+
+- if params[:mobile_nav]
+  = link_to menus_path(return_to: mobile_nav_return_path), class: 'mobile-nav__back-button' do
+    %h4.mobile-nav__back-button-text= @menu.name
+    = inline_svg('workarea/storefront/icons/long_arrow.svg', class: 'mobile-nav__back-button-icon', title: t('workarea.storefront.layouts.navigate_back'))
+
+%div{ class: params[:mobile_nav] ? 'mobile-nav__content' : 'primary-nav__content' }
+  = link_to "All #{@menu.name}", storefront_path_for(@menu.taxon), class: 'mobile-nav__link mobile-nav__link--all'
+  = render_content_blocks(@menu.content_blocks)

data/app/views/workarea/storefront/orders/_details.haml

@@ -0,0 +1,143 @@
+
+.order-details
+  .order-details__info
+    %h2.order-details__title= t('workarea.storefront.checkouts.order_details')
+    %p.order-details__order-number
+      %strong #{t('workarea.storefront.orders.order')}
+      %span ##{@order.id}
+    %p.order-details__order-date
+      %strong
+        #{t('workarea.storefront.orders.placed_at')}:
+      = local_time(@order.placed_at, '%B %e, %Y')
+    %p.order-details__order-status
+      %strong
+        #{t('workarea.storefront.orders.status')}:
+      = order.fulfillment_status || order.status
+    = append_partials('storefront.order_summary_header', order: order, show_fullfillment: local_assigns[:show_fullfillment])
+
+  .order-details__section
+    %h3.order-details__heading= t('workarea.storefront.orders.billing_address')
+    = order.billing_address.first_name
+    = order.billing_address.last_name
+    - if order.billing_address.company.present?
+      %br
+      = order.billing_address.company
+    %br
+    = order.billing_address.street
+    - if order.billing_address.street_2.present?
+      %br
+      = order.billing_address.street_2
+    %br
+    = order.billing_address.city
+    = order.billing_address.region
+    = order.billing_address.postal_code
+    %br
+    = order.billing_address.country
+    %br
+    = number_to_phone order.billing_address.phone_number, extension: order.billing_address.phone_extension
+
+  .order-details__section
+    %h3.order-details__heading= t('workarea.storefront.orders.payment_method')
+    - order.tenders.each do |tender|
+      = render "workarea/storefront/orders/tenders/#{tender.slug}", tender: tender
+
+  = append_partials('storefront.orders_summary_top', order: order)
+
+  - if order.requires_shipping?
+    .order-details__section
+      %h3.order-details__heading= t('workarea.storefront.orders.shipping')
+      .grid
+        - order.shippings.each do |shipping|
+          .grid__cell.grid__cell--33-at-medium
+            %p
+              = shipping.address.first_name
+              = shipping.address.last_name
+              - if shipping.address.company.present?
+                %br
+                = shipping.address.company
+              %br
+              = shipping.address.street
+              - if shipping.address.street_2.present?
+                %br
+                = shipping.address.street_2
+              %br
+              = shipping.address.city
+              = shipping.address.region
+              = shipping.address.postal_code
+              %br
+              = shipping.address.country
+              %br
+              = number_to_phone shipping.address.phone_number, extension: shipping.address.phone_extension
+
+            %p
+              %strong= t('workarea.storefront.orders.shipping_service')
+              = shipping.try(:shipping_service).try(:name)
+          .grid__cell.grid__cell--66-at-medium
+            - if shipping.partial?
+              %ul.product-list
+                - shipping.items.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)
+                        %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.order_summary_item_details', item: item)
+                    .product-list__actions
+                      %p.product-list__quantity= item.quantity
+
+            - if order.packages.any?
+              - order.packages.each_with_index do |package, index|
+                .box
+                  .box__header
+                    .box__action
+                      - if !package.tracking_number.present?
+                        %p=  t('workarea.storefront.orders.no_tracking')
+                      - else
+                        %p= link_to t('workarea.storefront.orders.track_package'), package.tracking_link, target: '_blank', rel: 'noopener', class: 'button button--full'
+                    %h3.box__heading= "#{t('workarea.storefront.orders.package')} #{index + 1}"
+                  .box__body
+                    %ul.product-list
+                      - package.items.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)
+                              %p.product-list__id= item.sku
+
+                    = append_partials('storefront.order_summary_package_actions', package: package)
+
+            = append_partials('storefront.order_summary_shipping', shipping: shipping)
+
+  - if order.refunds.any?
+    .order-details__section
+      %h2.order-details__heading= t('workarea.storefront.orders.refunds')
+
+      - order.refunds.each do |refund|
+        %ul
+          - refund.tenders.each do |tender, amount|
+            %li
+              = t('workarea.storefront.orders.issued')
+              = local_time(refund.created_at, :short_date_at_time)
+              = t('workarea.storefront.orders.refund_description_html', type: tender.name.downcase, amount: number_to_currency(amount))
+
+  - if order.canceled_items.any?
+    .order-details__section
+      %h6.order-details__heading= t('workarea.storefront.orders.cancelations')
+
+      %ul.product-list.product-list--narrow
+        - order.canceled_items.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}

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

@@ -0,0 +1,75 @@
+.order-summary
+  %h3.order-summary__heading= t('workarea.storefront.orders.items')
+
+  %ul.product-list.product-list--narrow
+    - order.items.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)
+            - if item.quantity > 1
+              %p.product-list__quantity
+                #{t('workarea.storefront.orders.quantity')}: #{item.quantity}
+
+            - 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}
+            - if item.token&.enabled?
+              %p.product-list__download-link
+                = link_to t('workarea.storefront.orders.download'), download_path(item.token)
+
+            = append_partials('storefront.order_summary_item_details', item: item)
+        .product-list__actions
+          %p.product-list__total-price= number_to_currency(item.total_price)
+
+  .order-summary__totals
+    %h6.order-summary__heading= t('workarea.storefront.orders.totals')
+    %table.table.table--totals
+      %tbody
+        %tr
+          %th
+            %span #{t('workarea.storefront.orders.subtotal')}:
+          %td= number_to_currency(order.subtotal_price)
+
+        - if order.total_adjustments.any?
+          - order.total_adjustments.each do |adjustment|
+            %tr
+              %th
+                %span= adjustment.description
+              %td
+                - if adjustment.discount?
+                  %strong.table__price-discount= number_to_currency(adjustment.amount)
+                - else
+                  %span= number_to_currency(adjustment.amount)
+
+        - if order.requires_shipping?
+          %tr
+            %th
+              %span #{t('workarea.storefront.orders.shipping')}:
+            %td= number_to_currency(order.shipping_total)
+
+        %tr
+          %th
+            %span #{t('workarea.storefront.orders.tax')}:
+          %td= number_to_currency(order.tax_total)
+
+        - if order.store_credit_amount > 0
+          %tr
+            %th
+              %span= t('workarea.storefront.orders.store_credit')
+            %td
+              %strong.table__price-discount −#{number_to_currency(order.store_credit_amount)}
+
+        = append_partials('storefront.order_summary_payment', order: order)
+
+        %tr.table__total
+          %th
+            %span #{t('workarea.storefront.orders.total')}:
+          %td
+            %span= number_to_currency(order.paid_amount)
+
+  = append_partials('storefront.orders_summary_bottom', order: order)