solidus_frontend_devise_token_auth 2.8.0.alpha.2

data/app/views/spree/orders/show.html.erb

@@ -0,0 +1,22 @@
+<fieldset id="order_summary" data-hook>
+  <legend><%= t('spree.order_number', number: @order.number) %></legend>
+  <h1><%= accurate_title %></h1>
+  <% if order_just_completed?(@order) %>
+    <strong><%= t('spree.thank_you_for_your_order') %></strong>
+  <% end %>
+
+  <div id="order" data-hook>
+    <%= render partial: 'spree/shared/order_details', locals: { order: @order } %>
+
+    <br class="clear" />
+
+    <p data-hook="links">
+      <%= link_to t('spree.back_to_store'), spree.root_path, class: "button" %>
+      <% unless order_just_completed?(@order) %>
+        <% if try_spree_current_user && respond_to?(:account_path) %>
+          <%= link_to t('spree.my_account'), spree.account_path, class: "button" %>
+        <% end %>
+      <% end %>
+    </p>
+  </div>
+</fieldset>

data/app/views/spree/payments/_payment.html.erb

@@ -0,0 +1,18 @@
+<% source = payment.source %>
+<% if source.is_a?(Spree::CreditCard) %>
+  <span class="cc-type">
+    <% unless (cc_type = source.cc_type).blank? %>
+      <%= image_tag "credit_cards/icons/#{cc_type}.png" %>
+    <% end %>
+    <% if source.last_digits %>
+      <%= t('spree.ending_in') %> <%= source.last_digits %>
+    <% end %>
+  </span>
+  <br />
+  <span class="full-name"><%= source.name %></span>
+<% elsif source.is_a?(Spree::StoreCredit) %>
+  <%= content_tag(:span, payment.payment_method.name) %>:
+  <%= content_tag(:span, payment.display_amount) %>
+<% else %>
+  <%= content_tag(:span, payment.payment_method.name) %>
+<% end %>

data/app/views/spree/products/_cart_form.html.erb

@@ -0,0 +1,65 @@
+<%= form_for :order, url: populate_orders_path do |f| %>
+  <div id="inside-product-cart-form" data-hook="inside_product_cart_form" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+
+    <% if @product.variants_and_option_values_for(current_pricing_options).any? %>
+      <div id="product-variants" class="columns five alpha">
+        <h6 class="product-section-title"><%= t('spree.variants') %></h6>
+        <ul>
+          <% @product.variants_and_option_values_for(current_pricing_options).each_with_index do |variant, index| %>
+            <li>
+              <%= radio_button_tag "variant_id", variant.id, index == 0, 'data-price' => variant.price_for(current_pricing_options)  %>
+              <%= label_tag "variant_id_#{ variant.id }" do %>
+                <span class="variant-description">
+                  <%= variant_options variant %>
+                </span>
+                <% if variant_price variant %>
+                  <span class="price diff"><%= variant_price variant %></span>
+                <% end %>
+
+                <% unless variant.can_supply? %>
+                  <span class="out-of-stock"><%= t('spree.out_of_stock') %></span>
+                <% end %>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    <% else %>
+      <%= hidden_field_tag "variant_id", @product.master.id %>
+    <% end %>
+
+    <% if @product.price_for(current_pricing_options) and !@product.price.nil? %>
+      <div data-hook="product_price" class="columns five <%= !@product.has_variants? ? 'alpha' : 'omega' %>">
+
+        <div id="product-price">
+          <h6 class="product-section-title"><%= t('spree.price') %></h6>
+          <div>
+            <span class="price selling" itemprop="price" content="<%= @product.price_for(current_pricing_options).to_d %>">
+              <%= display_price(@product) %>
+            </span>
+            <span itemprop="priceCurrency" content="<%= current_pricing_options.currency %>"></span>
+          </div>
+
+          <% if @product.master.can_supply? %>
+            <link itemprop="availability" href="http://schema.org/InStock" />
+          <% elsif @product.variants.empty? %>
+            <br />
+            <span class="out-of-stock"><%= t('spree.out_of_stock') %></span>
+          <% end %>
+        </div>
+
+        <div class="add-to-cart">
+          <%= number_field_tag :quantity, 1, class: 'title', min: 1 %>
+          <%= button_tag class: 'large primary', id: 'add-to-cart-button', type: :submit do %>
+            <%= t('spree.add_to_cart') %>
+          <% end %>
+        </div>
+      </div>
+    <% else %>
+        <div id="product-price">
+          <br>
+          <div><span class="price selling" itemprop="price"><%= t('spree.product_not_available_in_this_currency') %></span></div>
+        </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/products/_image.html.erb

@@ -0,0 +1,8 @@
+<% if defined?(image) && image %>
+  <%= render 'spree/shared/image', image: image, size: :product, itemprop: "image" %>
+<% else %>
+  <%= render 'spree/shared/image',
+    image: @product.gallery.images.first,
+    size: :product,
+    itemprop: "image" %>
+<% end %>

data/app/views/spree/products/_promotions.html.erb

@@ -0,0 +1,19 @@
+<% promotions = @product.possible_promotions %>
+<% if promotions.any? %>
+  <div id="promotions">
+    <h3><%= t('spree.promotions') %></h3>
+    <% promotions.each do |promotion| %>
+    <div>
+      <h4><%= promotion.name %></h4>
+      <p><%= promotion.description %></p>
+      <% if promotion.products.any? %>
+      <ul>
+        <% promotion.products.each do |product| %>
+          <li><%= link_to product.name, product_path(product) %></li>
+        <% end %>
+      </ul>
+      <% end %>
+    </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/products/_properties.html.erb

@@ -0,0 +1,15 @@
+<% unless @product_properties.empty? %>  
+  <h6 class="product-section-title"><%= t('spree.properties')%></h6>
+  <table id="product-properties" class="table-display" data-hook>
+    <tbody>
+      <% @product_properties.each do |product_property| %>
+        <% css_class = cycle('even', 'odd', name: "properties") %>
+        <tr class="<%= css_class %>">
+          <td><strong><%= product_property.property.presentation %></strong></td>
+          <td><%= product_property.value %></td>
+        </tr>
+      <% end %>
+      <% reset_cycle('properties') %>
+    </tbody>
+  </table>
+<% end %>

data/app/views/spree/products/_taxons.html.erb

@@ -0,0 +1,14 @@
+<% if !@product.taxons.blank? %>
+  <div id="taxon-crumbs" data-hook class="alpha columns five omega">
+    <h6 class="product-section-title"><%= t('spree.look_for_similar_items') %></h6>
+
+    <div data-hook="product_taxons">
+      <ul id="similar_items_by_taxon" data-hook>
+      <% @product.taxons.each do |taxon| %>
+        <li><%= link_to taxon.name, seo_url(taxon) %></li>
+      <% end %>
+      </ul>
+    </div>
+
+  </div>
+<% end %>

data/app/views/spree/products/_thumbnails.html.erb

@@ -0,0 +1,21 @@
+<%# no need for thumbnails unless there is more than one image %>
+<% if @product.gallery.images.size > 1 %>
+  <ul id="product-thumbnails" class="thumbnails inline" data-hook>
+
+    <% @product.gallery.images.each do |image| %>
+      <% next if image.viewable_id != @product.master.id %>
+      <li class='tmb-all tmb-<%= image.viewable_id %>'>
+        <%= link_to(image_tag(image.url(:mini)), image.url(:product)) %>
+      </li>
+    <% end %>
+
+    <% if @product.has_variants? %>
+      <% @product.gallery.images.each do |image| %>
+        <% next if image.viewable_id == @product.master.id %>
+        <li class='vtmb tmb-<%= image.viewable_id %>'>
+          <%= link_to(image_tag(image.url(:mini)), image.url(:product)) %>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+<% end %>

data/app/views/spree/products/index.html.erb

@@ -0,0 +1,27 @@
+<% content_for :sidebar do %>
+  <div data-hook="homepage_sidebar_navigation">
+    <% if "spree/products" == params[:controller] && @taxon %>
+      <%= render partial: 'spree/shared/filters' %>
+    <% else %>
+      <%= render partial: 'spree/shared/taxonomies' %>
+    <% end %>
+  </div>
+<% end %>
+
+
+<% if params[:keywords] %>
+
+  <div data-hook="search_results">
+    <% if @products.empty? %>
+      <h6 class="search-results-title"><%= t('spree.no_products_found') %></h6>
+    <% else %>
+      <%= render partial: 'spree/shared/products', locals: { products: @products, taxon: @taxon } %>
+    <% end %>
+  </div>
+
+<% else %>
+
+  <div data-hook="homepage_products">
+    <%= render partial: 'spree/shared/products', locals: { products: @products, taxon: @taxon } %>
+  </div>
+<% end %>

data/app/views/spree/products/show.html.erb

@@ -0,0 +1,51 @@
+<% cache [I18n.locale, current_pricing_options, @product] do %>
+  <div data-hook="product_show" itemscope itemtype="http://schema.org/Product">
+    <% @body_id = 'product-details' %>
+
+    <div class="columns six alpha" data-hook="product_left_part">
+      <div class="row" data-hook="product_left_part_wrap">
+
+        <div id="product-images" data-hook="product_images">
+          <div id="main-image" data-hook>
+            <%= render partial: 'image' %>
+          </div>
+          <div id="thumbnails" data-hook>
+            <%= render partial: 'thumbnails' %>
+          </div>
+        </div>
+
+        <div data-hook="product_properties">
+          <%= render partial: 'properties' %>
+        </div>
+
+        <div data-hook="promotions">
+          <%= render partial: 'promotions' %>
+        </div>
+
+      </div>
+    </div>
+
+    <div class="columns ten omega" data-hook="product_right_part">
+      <div class="row" data-hook="product_right_part_wrap">
+
+        <div id="product-description" data-hook="product_description">
+
+          <h1 class="product-title" itemprop="name"><%= @product.name %></h1>
+
+          <div itemprop="description" data-hook="description">
+            <%= product_description(@product) rescue t('spree.product_has_no_description') %>
+          </div>
+
+          <div id="cart-form" data-hook="cart_form">
+            <%= render partial: 'cart_form' %>
+          </div>
+
+        </div>
+
+        <%= render partial: 'taxons' %>
+
+      </div>
+    </div>
+
+  </div>
+<% end %>

data/app/views/spree/shared/_address.html.erb

@@ -0,0 +1,38 @@
+<div class="address vcard">
+  <div class="fn"><%= address.full_name %></div>
+  <% unless address.company.blank? %>
+    <div class="org">
+      <%= address.company %>
+    </div>
+  <% end %>
+  <div class="adr">
+    <div class="street-address">
+      <div class="street-address-line">
+        <%= address.address1 %>
+      </div>
+      <% unless address.address2.blank? %>
+        <div class="street-address-line">
+          <%= address.address2 %>
+        </div>
+      <% end %>
+    </div>
+    <div class="local">
+      <span class="locality"><%= address.city %></span>
+      <span class="region"><%= address.state_text %></span>
+      <span class="postal-code"><%= address.zipcode %></span>
+      <div class="country-name"><%= address.country.try(:name) %></div>
+    </div>
+  </div>
+  <% unless address.phone.blank? %>
+    <div class="tel">
+      <span class="type"><%= t('spree.phone') %></span>
+      <%= address.phone %>
+    </div>
+  <% end %>
+  <% unless address.alternative_phone.blank? %>
+    <div class="alternative-phone tel">
+      <span class="type"><%= t('spree.alternative_phone') %></span>
+      <%= address.alternative_phone %>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/shared/_filters.html.erb

@@ -0,0 +1,27 @@
+<% filters = applicable_filters_for(@taxon) %>
+<% unless filters.empty? %>
+  <%= form_tag '', method: :get, id: 'sidebar_products_search' do %>
+    <%= hidden_field_tag 'per_page', params[:per_page] %>
+    <% filters.each do |filter| %>
+      <% labels = filter[:labels] || filter[:conds].map {|m,c| [m,m]} %>
+      <% next if labels.empty? %>
+      <div class="navigation" data-hook="navigation">
+        <h6 class="filter-title"> <%= filter[:name] %> </h6>
+        <ul class="filter_choices">
+          <% labels.each do |nm,val| %>
+            <% label = "#{filter[:name]}_#{nm}".gsub(/\s+/,'_') %>
+            <li class="nowrap">
+              <input type="checkbox"
+                     id="<%= label %>"
+                     name="search[<%= filter[:scope].to_s %>][]"
+                     value="<%= val %>"
+                     <%= params[:search] && params[:search][filter[:scope]] && params[:search][filter[:scope]].include?(val.to_s) ? "checked" : "" %> />
+              <label class="nowrap" for="<%= label %>"> <%= nm %> </label>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+    <%= submit_tag t('spree.search'), name: nil %>
+  <% end %>
+<% end %>

data/app/views/spree/shared/_footer.html.erb

@@ -0,0 +1,6 @@
+<footer id="footer" class="sixteen columns" data-hook>
+  <div id="footer-left" class="columns alpha eight" data-hook>
+    <p><%= t 'spree.powered_by' %> <%= link_to 'Solidus', 'http://solidus.io/' %></p>
+  </div>
+  <div id="footer-right" class="columns omega eight" data-hook></div>
+</footer>

data/app/views/spree/shared/_head.html.erb

@@ -0,0 +1,14 @@
+<meta charset="utf-8">
+<title><%= title %></title>
+<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
+<meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
+<%== meta_data_tags %>
+<%= canonical_tag(current_store.url) %>
+<%= favicon_link_tag 'favicon.ico' %>
+<%= stylesheet_link_tag 'spree/frontend/all', media: 'screen' %>
+<%= csrf_meta_tags %>
+<%= javascript_include_tag 'spree/frontend/all' %>
+<!--[if lt IE 9]>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script>
+<![endif]-->
+<%= yield :head %>

data/app/views/spree/shared/_header.html.erb

@@ -0,0 +1,5 @@
+<header id="header" class="row" data-hook>
+  <figure id="logo" class="columns six" data-hook><%= logo %></figure>
+  <%= render partial: 'spree/shared/nav_bar' %>
+  <%= render partial: 'spree/shared/main_nav_bar' if store_menu? %>
+</header>

data/app/views/spree/shared/_image.html.erb

@@ -0,0 +1,12 @@
+<% size ||= :mini %>
+<% itemprop ||= nil %>
+
+<% if image_url = image.try(:url, size)  %>
+  <% if image_alt = image.try(:alt) %>
+    <%= image_tag image_url, alt: image_alt, itemprop: itemprop %>
+  <% else %>
+    <%= image_tag image_url, itemprop: itemprop %>
+  <% end %>
+<% else %>
+  <span class="image-placeholder <%= size %>"></span>
+<% end %>

data/app/views/spree/shared/_link_to_cart.html.erb

@@ -0,0 +1 @@
+<%= link_to_cart %>

data/app/views/spree/shared/_locale_selector.html.erb

@@ -0,0 +1,25 @@
+<% available_locales = current_store.available_locales %>
+<% if available_locales.many? %>
+  <li id="locale_selector" data-hook>
+    <%= form_tag spree.select_locale_path, class: 'navbar-form' do %>
+      <div class="form-group">
+        <label for="switch_to_locale" class="sr-only">
+          <%= I18n.t('spree.i18n.language') %>
+        </label>
+        <%=
+          select_tag(
+            :switch_to_locale,
+            options_for_select(
+              available_locales.map do |locale|
+                [I18n.t('spree.i18n.this_file_language', locale: locale, default: locale.to_s, fallback: false), locale]
+              end.sort,
+              selected: I18n.locale
+            ),
+            class: 'form-control'
+          )
+        %>
+        <noscript><%= submit_tag t("spree.select") %></noscript>
+      </div>
+    <% end %>
+  </li>
+<% end %>

data/app/views/spree/shared/_login_bar_items.html.erb

@@ -0,0 +1 @@
+<%# solidus_auth_devise or a custom auth system can replace this partial %>

data/app/views/spree/shared/_main_nav_bar.html.erb

@@ -0,0 +1,12 @@
+<nav class="columns sixteen">
+  <ul id="main-nav-bar" class="inline" data-hook>
+    <li id="home-link" data-hook><%= link_to t('spree.home'), spree.root_path %></li>
+    <li id="link-to-cart" data-hook>
+      <noscript>
+        <%= link_to t('spree.cart'), spree.cart_path %>
+      </noscript>
+      &nbsp;
+    </li>
+  </ul>
+  <script>Spree.fetch_cart('<%= j spree.cart_link_path %>')</script>
+</nav>

data/app/views/spree/shared/_nav_bar.html.erb

@@ -0,0 +1,9 @@
+<nav id="top-nav-bar" class="columns ten">
+  <ul id="nav-bar" class="inline" data-hook>
+    <%= render 'spree/shared/locale_selector' %>
+    <%= render 'spree/shared/login_bar_items' %>
+    <li id="search-bar" data-hook>
+      <%= render partial: 'spree/shared/search' %>
+    </li>
+  </ul>
+</nav>

data/app/views/spree/shared/_order_details.html.erb

@@ -0,0 +1,146 @@
+<div class="row steps-data">
+
+  <% if order.has_checkout_step?("address") %>
+
+    <div class="columns alpha four" data-hook="order-bill-address">
+      <h6><%= t('spree.billing_address') %> <%= link_to "(#{t('spree.actions.edit')})", checkout_state_path(:address) unless order.completed? %></h6>
+      <%= render partial: 'spree/shared/address', locals: { address: order.bill_address } %>
+    </div>
+
+    <% if order.has_checkout_step?("delivery") %>
+      <div class="columns alpha four" data-hook="order-ship-address">
+        <h6><%= t('spree.shipping_address') %> <%= link_to "(#{t('spree.actions.edit')})", checkout_state_path(:address) unless order.completed? %></h6>
+        <%= render partial: 'spree/shared/address', locals: { address: order.ship_address } %>
+      </div>
+
+      <div class="columns alpha four" data-hook="order-shipment">
+        <h6><%= t('spree.shipments') %> <%= link_to "(#{t('spree.actions.edit')})", checkout_state_path(:delivery) unless order.completed? %></h6>
+        <div class="delivery">
+          <% order.shipments.each do |shipment| %>
+            <div>
+              <i class='fa fa-truck'></i>
+              <%= t('spree.shipment_details', stock_location: shipment.stock_location.name, shipping_method: shipment.selected_shipping_rate.name) %>
+            </div>
+          <% end %>
+        </div>
+        <%= render(partial: 'spree/shared/shipment_tracking', locals: {order: order}) if order.shipped? %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <% if order.has_checkout_step?("payment") %>
+    <div class="columns omega four">
+      <h6><%= t('spree.payment_information') %> <%= link_to "(#{t('spree.actions.edit')})", checkout_state_path(:payment) unless order.completed? %></h6>
+      <div class="payment-info">
+        <% order.payments.valid.each do |payment| %>
+          <%= render payment %><br/>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+</div>
+
+<hr />
+
+<table id='line-items' class="index columns alpha omega sixteen" data-hook="order_details">
+  <col width="15%" valign="middle" halign="center">
+  <col width="70%" valign="middle">
+  <col width="5%" valign="middle" halign="center">
+  <col width="5%" valign="middle" halign="center">
+  <col width="5%" valign="middle" halign="center">
+
+  <thead data-hook>
+    <tr data-hook="order_details_line_items_headers">
+      <th colspan="2"><%= t('spree.item') %></th>
+      <th class="price"><%= t('spree.price') %></th>
+      <th class="qty"><%= t('spree.qty') %></th>
+      <th class="total"><span><%= t('spree.total') %></span></th>
+    </tr>
+  </thead>
+
+  <tbody data-hook>
+    <% order.line_items.each do |item| %>
+      <tr data-hook="order_details_line_item_row">
+        <td data-hook="order_item_image">
+          <%= link_to(render('spree/shared/image',
+                             image: (item.variant.gallery.images.first || item.variant.product.gallery.images.first),
+                             size: :small), item.variant.product) %>
+        </td>
+        <td data-hook="order_item_description">
+          <h4><%= item.variant.product.name %></h4>
+          <%= truncated_product_description(item.variant.product) %>
+          <%= "(" + item.variant.options_text + ")" unless item.variant.option_values.empty? %>
+        </td>
+        <td data-hook="order_item_price" class="price"><span><%= item.single_money.to_html %></span></td>
+        <td data-hook="order_item_qty"><%= item.quantity %></td>
+        <td data-hook="order_item_total" class="total"><span><%= item.display_amount.to_html %></span></td>
+      </tr>
+    <% end %>
+  </tbody>
+  <tfoot id="order-total" data-hook="order_details_total">
+    <tr class="total">
+      <td colspan="4"><b><%= t('spree.order_total') %>:</b></td>
+      <td class="total"><span id="order_total"><%= order.display_order_total_after_store_credit.to_html %></span></td>
+    </tr>
+  </tfoot>
+
+  <tfoot id="subtotal" data-hook="order_details_subtotal">
+    <tr class="total" id="subtotal-row">
+      <td colspan="4"><b><%= t('spree.subtotal') %>:</b></td>
+      <td class="total"><span><%= order.display_item_total.to_html %></span></td>
+    </tr>
+  </tfoot>
+
+  <% if order.line_item_adjustments.exists? %>
+    <% if order.line_item_adjustments.promotion.eligible.exists? %>
+      <tfoot id="price-adjustments" data-hook="order_details_price_adjustments">
+        <% order.line_item_adjustments.promotion.eligible.group_by(&:label).each do |label, adjustments| %>
+          <tr class="total">
+            <td colspan="4"><%= t('spree.promotion') %>: <strong><%= label %></strong></td>
+            <td class="total"><span><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency) %></span></td>
+          </tr>
+        <% end %>
+      </tfoot>
+    <% end %>
+  <% end %>
+
+  <tfoot id='shipment-total'>
+    <% order.shipments.group_by { |s| s.selected_shipping_rate.name }.each do |name, shipments| %>
+      <tr class="total" data-hook='shipment-row'>
+        <td colspan="4"><%= t('spree.shipping') %>: <strong><%= name %></strong></td>
+        <td class="total"><span><%= Spree::Money.new(shipments.sum(&:total_before_tax), currency: order.currency).to_html %></span></td>
+      </tr>
+    <% end %>
+  </tfoot>
+
+  <% if order.all_adjustments.tax.exists? %>
+    <tfoot id="tax-adjustments" data-hook="order_details_tax_adjustments">
+      <% order.all_adjustments.tax.group_by(&:label).each do |label, adjustments| %>
+        <tr class="total">
+          <td colspan="4"><%= t('spree.tax') %>: <strong><%= label %></strong></td>
+          <td class="total"><span><%= Spree::Money.new(adjustments.sum(&:amount), currency: order.currency) %></span></td>
+        </tr>
+      <% end %>
+    </tfoot>
+  <% end %>
+
+  <% if order.total_applicable_store_credit > 0.0 %>
+    <tfoot id="store-credit" data-hook="order_details_store_credit">
+      <tr class="total">
+        <td colspan='4'><%= t('spree.store_credit.store_credit') %>:</td>
+        <td class='total'><span><%= order.display_total_applicable_store_credit.to_html %></span></td>
+      </tr>
+    </tfoot>
+  <% end %>
+
+  <tfoot id="order-charges" data-hook="order_details_adjustments">
+    <% order.adjustments.eligible.each do |adjustment| %>
+    <% next if (adjustment.source_type == 'Spree::TaxRate') and (adjustment.amount == 0) %>
+      <tr class="total">
+        <td colspan="4"><strong><%= adjustment.label %></strong></td>
+        <td class="total"><span><%= adjustment.display_amount.to_html %></span></td>
+      </tr>
+    <% end %>
+  </tfoot>
+
+</table>

data/app/views/spree/shared/_products.html.erb

@@ -0,0 +1,51 @@
+<%
+  paginated_products = @searcher.retrieve_products if params.key?(:keywords)
+  paginated_products ||= products
+%>
+
+<% content_for :head do %>
+  <% if paginated_products.respond_to?(:total_pages) %>
+    <%= rel_next_prev_link_tags paginated_products %>
+  <% end %>
+<% end %>
+
+<div data-hook="products_search_results_heading">
+  <% if products.empty? %>
+    <div data-hook="products_search_results_heading_no_results_found">
+      <%= t('spree.no_products_found') %>
+    </div>
+  <% elsif params.key?(:keywords) %>
+    <div data-hook="products_search_results_heading_results_found">
+      <h6 class="search-results-title"><%= t('spree.search_results', keywords: h(params[:keywords])) %></h6>
+    </div>
+  <% end %>
+</div>
+
+<% if products.any? %>
+  <ul id="products" class="inline product-listing" data-hook>
+    <% products.each do |product| %>
+      <% url = spree.product_path(product, taxon_id: @taxon.try(:id)) %>
+      <li id="product_<%= product.id %>" class="columns three <%= cycle("alpha", "secondary", "", "omega secondary", name: "classes") %>" data-hook="products_list_item" itemscope itemtype="http://schema.org/Product">
+        <% cache(@taxon.present? ? [I18n.locale, current_pricing_options, @taxon, product] : [I18n.locale, current_pricing_options, product]) do %>
+          <div class="product-image">
+            <%= link_to(render('spree/shared/image', image: product.gallery.images.first, size: :small, itemprop: "image"), url, itemprop: 'url') %>
+          </div>
+          <%= link_to truncate(product.name, length: 50), url, class: 'info', itemprop: "name", title: product.name %>
+          <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+            <% if price = product.price_for(current_pricing_options) %>
+              <span class="price selling" itemprop="price" content="<%= price.to_d %>">
+                <%= price.to_html %>
+              </span>
+            <% end %>
+            <span itemprop="priceCurrency" content="<%= current_pricing_options.currency %>"></span>
+          </span>
+        <% end %>
+      </li>
+    <% end %>
+    <% reset_cycle("classes") %>
+  </ul>
+<% end %>
+
+<% if paginated_products.respond_to?(:total_pages) %>
+  <%= paginate paginated_products %>
+<% end %>