workarea-storefront 3.4.12

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

@@ -0,0 +1,183 @@
+- @title = t('workarea.storefront.carts.title')
+
+.cart.view{ data: { analytics: cart_view_analytics_data(@cart).to_json } }
+
+  %ul.order-help-menu
+    %li.order-help-menu__item
+      = link_to t('workarea.storefront.layouts.contact_us'), contact_path, data: { dialog_button: '' }
+    %li.order-help-menu__item
+      = link_to page_path('shipping-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' } 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: '' } do
+        = t('workarea.storefront.layouts.returns')
+
+  - 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)
+            .grid.grid--auto
+              .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
+                    = 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
+                        .value= number_field_tag :quantity, item.quantity, min: 1, required: true, class: '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') }
+                      %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')
+
+    = append_partials('storefront.cart_additional_information', cart: @cart)
+
+    .grid.grid--auto.grid--right
+      .grid__cell
+        = 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
+              .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'), aria: { label: t('workarea.storefront.orders.promo_code') }
+              %p.inline-form__cell= button_tag t('workarea.storefront.carts.add'), value: 'add_promo_code', class: 'button'
+
+    .grid.grid--right
+      .grid__cell.grid__cell--50-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)
+
+  = append_partials('storefront.cart_show', 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
+            - @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{ itemscope: true, itemtype: 'http://schema.org/Product' }
+                  = render 'workarea/storefront/products/summary', product: product
+
+  %div{ data: { recommendations_placeholder: recent_views_path } }
+
+  - if @cart.quantity.zero?
+    %div{ data: { recommendations_placeholder: recommendations_path } }

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

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

data/app/views/workarea/storefront/checkouts/_checkout_progress.html.haml

@@ -0,0 +1,6 @@
+%nav.checkout-progress
+  .checkout-progress__step{ class: ('checkout-progress__step--active' if @checkout_step == 'addresses') }
+    = link_to_unless @checkout_step == 'addresses', t('workarea.storefront.checkouts.addresses_step_text'), checkout_addresses_path, class: 'checkout-progress__link'
+  .checkout-progress__step{ class: ('checkout-progress__step--active' if @checkout_step == 'shipping') }
+    = link_to_unless @checkout_step.in?(%w(addresses shipping)), t('workarea.storefront.checkouts.shipping_step_text'), checkout_shipping_path, class: 'checkout-progress__link'
+  .checkout-progress__step{ class: ('checkout-progress__step--active' if @checkout_step == 'payment') }= t('workarea.storefront.checkouts.payment_step_text')

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

@@ -0,0 +1,102 @@
+.checkout-step-summary
+
+  .checkout-step-summary__step.checkout-step-summary__step--hidden-for-small
+
+    - if summary.show_addresses?
+      %h2= t('workarea.storefront.checkouts.addresses')
+
+      .checkout-step-summary__section
+        %h3= t('workarea.storefront.checkouts.email')
+        %p= summary.email
+
+      - if summary.show_shipping_address?
+        .checkout-step-summary__section
+          %h3= t('workarea.storefront.checkouts.shipping_address')
+          %p= formatted_address(summary.shipping_address)
+
+      .checkout-step-summary__section
+        %h3= t('workarea.storefront.checkouts.billing_address')
+        %p= formatted_address(summary.billing_address)
+
+      - unless current_page?(checkout_addresses_path)
+        %p= link_to t('workarea.storefront.forms.edit'), checkout_addresses_path, class: 'button', data: { analytics: checkout_edit_analytics_data('addresses') }
+
+    = append_partials('storefront.checkout_summary_addresses', summary: summary)
+
+  .checkout-step-summary__step.checkout-step-summary__step--hidden-for-small
+
+    - if summary.show_shipping_options?
+      %h2= t('workarea.storefront.checkouts.shipping_options')
+
+      - summary.shippings.each_with_index do |shipping, index|
+        - if shipping.show_options?
+          .checkout-step-summary__section
+            %h3
+              - if shipping.partial?
+                = t('workarea.storefront.checkouts.shipping_service_with_index', index: index + 1)
+              - else
+                = t('workarea.storefront.checkouts.shipping_service')
+            %p #{shipping.shipping_service.name} - #{number_to_currency(shipping.shipping_total)}
+            - if shipping.instructions.present?
+              %p= shipping.instructions
+
+          = append_partials('storefront.checkout_summary_shipping_attributes', summary: summary, shipping: shipping, index: index)
+
+      - unless checkout_shipping_path == request.original_fullpath
+        %p= link_to t('workarea.storefront.forms.edit'), checkout_shipping_path, class: 'button', data: { analytics: checkout_edit_analytics_data('shipping') }
+
+    = append_partials('storefront.checkout_summary_shipping', summary: summary)
+
+  .checkout-step-summary__step
+
+    %h2= t('workarea.storefront.checkouts.totals')
+    %table.table.table--totals
+      %tbody
+        %tr
+          %th
+            %span= t('workarea.storefront.orders.subtotal')
+          %td= number_to_currency(cart.subtotal_price)
+        - if cart.total_adjustments.any?
+          - 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)
+
+        %tr
+          %th
+            %span= t('workarea.storefront.orders.shipping')
+          %td
+            - if !cart.requires_shipping?
+              = t('workarea.storefront.checkouts.not_applicable')
+            - elsif !summary.shipping_determined?
+              = t('workarea.storefront.checkouts.to_be_determined')
+            - else
+              = number_to_currency(cart.shipping_total)
+
+        %tr
+          %th
+            %span= t('workarea.storefront.orders.tax')
+          %td
+            - if summary.taxes_determined?
+              = number_to_currency(cart.tax_total)
+            - else
+              = t('workarea.storefront.checkouts.to_be_determined')
+
+        - if summary.store_credit?
+          %tr
+            %th
+              %span= t('workarea.storefront.orders.store_credit')
+            %td
+              %strong.table__price-discount −#{number_to_currency(summary.store_credit_amount)}
+
+        = append_partials('storefront.checkout_summary_payment', summary: summary)
+
+        %tr.table__total
+          %th
+            %span= t('workarea.storefront.orders.total')
+          %td= number_to_currency(summary.order_balance)

data/app/views/workarea/storefront/checkouts/addresses.html.haml

@@ -0,0 +1,56 @@
+- @title = t('workarea.storefront.checkouts.addresses_title')
+- @checkout_step = 'addresses'
+
+- content_for :page_aside do
+  %h1.visually-hidden= t('workarea.storefront.checkouts.addresses_title')
+  = render 'summary', cart: @cart, summary: @summary
+
+.checkout-addresses.view{ data: { analytics: checkout_addresses_view_analytics_data(@cart).to_json } }
+  - unless request.get?
+    - if @step.order.errors.any?
+      - @step.order.errors.full_messages.each do |message|
+        = render_message 'error', message, data: { analytics: validation_error_analytics_data('order').to_json }
+    - if @step.billing_address.errors.any?
+      - @step.billing_address.errors.full_messages.each do |message|
+        = render_message 'error', data: { analytics: validation_error_analytics_data('billing_address').to_json } do
+          #{t('workarea.storefront.checkouts.billing_address')}: #{message}
+    - if @step.shipping_address.errors.any?
+      - @step.shipping_address.errors.full_messages.each do |message|
+        = render_message 'error', data: { analytics: validation_error_analytics_data('shipping_address').to_json } do
+          #{t('workarea.storefront.checkouts.shipping_address')}: #{message}
+
+  = append_partials('storefront.checkout_addresses_top', step: @step)
+
+  = form_tag checkout_addresses_path, method: :patch, id: 'checkout_form', data: { checkout_addresses_form: { defaultShippingAddressId: @step.default_shipping_address_id, defaultBillingAddressId: @step.default_billing_address_id, savedAddresses: @step.saved_addresses }.to_json } do
+
+    - if @step.show_email_field?
+      .checkout-addresses__section.checkout-addresses__section--email
+        %h2.checkout-addresses__heading= t('workarea.storefront.checkouts.email')
+        .property
+          = label_tag 'email', nil, class: 'property__name' do
+            %span.property__requirement.property__requirement--required= t('workarea.storefront.forms.required')
+            %span.property__text= t('workarea.storefront.checkouts.email')
+          .value
+            = email_field_tag 'email', @step.email, class: 'text-box', required: true, autocapitalize: 'off', autocomplete: 'email', placeholder: t('workarea.storefront.forms.email_placeholder')
+            - if @step.order.errors[:email].present?
+              %span.value__error= @step.order.errors[:email].first
+        %p
+          = t('workarea.storefront.checkouts.login_prompt')
+          = link_to t('workarea.storefront.checkouts.login_title'), login_path(return_to: checkout_path), data: { analytics: checkout_login_analytics_data.to_json }
+
+    - if @step.show_shipping_address?
+      .checkout-addresses__section.checkout-addresses__section--shipping
+        %h2.checkout-addresses__heading= t('workarea.storefront.checkouts.shipping_address')
+        = append_partials('storefront.checkout_shipping_address_top', step: @step)
+        .checkout-addresses__fields= render 'workarea/storefront/shared/address_fields', label: 'shipping_address', address: @step.shipping_address
+
+    .checkout-addresses__section.checkout-addresses__section--billing
+      %h2.checkout-addresses__heading= t('workarea.storefront.checkouts.billing_address')
+      .checkout-addresses__fields.hidden-if-js-enabled= render 'workarea/storefront/shared/address_fields', label: 'billing_address', address: @step.billing_address
+
+    = append_partials('storefront.checkout_addresses_form', step: @step)
+
+    - if @step.show_shipping_address?
+      %p= button_tag t('workarea.storefront.checkouts.continue_to_shipping'), value: 'continue', class: 'button button--large', data: { disable_with: loading_indicator(t('workarea.storefront.checkouts.continue_to_shipping_disabled_text')) }
+    - else
+      %p= button_tag t('workarea.storefront.checkouts.continue_to_payment'), value: 'continue', class: 'button button--large', data: { disable_with: loading_indicator(t('workarea.storefront.checkouts.continue_to_payment_disabled_text')) }