spree_backend 2.4.10 → 3.0.0.rc1

data/app/views/spree/admin/payments/_list.html.erb

@@ -1,30 +1,34 @@
-<table class="index" id='payments' data-order-id='<%= @order.number %>'>
+<table class="table table-bordered" id='payments' data-order-id='<%= @order.number %>'>
   <thead>
     <tr data-hook="payments_header">
-      <th><%= Spree.t(:identifier) %></th>
+      <th><%= Spree::Payment.human_attribute_name(:number) %></th>
       <th><%= "#{Spree.t('date')}/#{Spree.t('time')}" %></th>
-      <th><%= Spree.t(:amount) %></th>
-      <th><%= Spree.t(:payment_method) %></th>
-      <th><%= Spree.t(:transaction_id) %></th>
-      <th><%= Spree.t(:payment_state) %></th>
-      <th class="actions"></th>
+      <th class="text-center"><%= Spree.t(:amount) %></th>
+      <th class="text-center"><%= Spree.t(:payment_method) %></th>
+      <th class="text-center"><%= Spree.t(:transaction_id) %></th>
+      <th class="text-center"><%= Spree.t(:payment_state) %></th>
+      <th class="actions text-center"></th>
     </tr>
   </thead>
   <tbody>
     <% payments.each do |payment| %>
-      <tr id="<%= dom_id(payment) %>" data-hook="payments_row" class="<%= cycle('odd', 'even', name: 'payment_table_cycle')%>">
-        <td><%= link_to payment.identifier, spree.admin_order_payment_path(@order, payment) %></td>
+      <tr id="<%= dom_id(payment) %>" data-hook="payments_row">
+        <td><%= link_to payment.number, spree.admin_order_payment_path(@order, payment) %></td>
         <td><%= pretty_time(payment.created_at) %></td>
-        <td class="align-center amount"><%= payment.display_amount.to_html %></td>
-        <td class="align-center"><%= payment_method_name(payment) %></td>
-        <td class="align-center"><%= payment.transaction_id %></td>
-        <td class="align-center"> <span class="state <%= payment.state %>"><%= Spree.t(payment.state, :scope => :payment_states, :default => payment.state.capitalize) %></span></td>
-        <td class="actions">
+        <td class="amount text-center"><%= payment.display_amount %></td>
+        <td class="text-center"><%= payment_method_name(payment) %></td>
+        <td class="text-center"><%= payment.transaction_id %></td>
+        <td class="text-center">
+          <span class="label label-<%= payment.state %>">
+            <%= Spree.t(payment.state, scope: :payment_states, default: payment.state.capitalize) %>
+          </span>
+        </td>
+        <td class="actions actions-2 text-center">
           <% payment.actions.each do |action| %>
             <% if action == 'credit' %>
-              <%= link_to_with_icon 'reply', Spree.t(:refund), new_admin_order_payment_refund_path(@order, payment), no_text: true %>
+              <%= link_to_with_icon 'refund', Spree.t(:refund), new_admin_order_payment_refund_path(@order, payment), no_text: true, class: "btn btn-default btn-sm" %>
             <% else %>
-              <%= link_to_with_icon action, Spree.t(action), fire_admin_order_payment_path(@order, payment, :e => action), :method => :put, :no_text => true, :data => {:action => action} %>
+              <%= link_to_with_icon action, Spree.t(action), fire_admin_order_payment_path(@order, payment, e: action), method: :put, no_text: true, data: { action: action }, class: "btn btn-default btn-sm" %>
             <% end %>
           <% end %>
         </td>

data/app/views/spree/admin/payments/credit.html.erb

@@ -1,7 +1,7 @@
 <%= render :partial => 'spree/admin/shared/order_tabs', :locals => { :current => 'Creditcards' } %>
 
 <% content_for :page_title do %>
-  <i class="fa fa-arrow-right"></i> <%= Spree.t(:refund) %>
+  / <%= Spree.t(:refund) %>
 <% end %>
 
 <%= form_tag do %>
@@ -11,7 +11,7 @@
       <%= label_tag :amount, Spree.t(:amount) %>
       <%= text_field_tag :amount, @payment.amount %>
     </p>
-    <p class="form-buttons">
+    <p class="form-actions">
       <%= button Spree.t(:make_refund) %>
     </p>
   </fieldset>

data/app/views/spree/admin/payments/index.html.erb

@@ -2,35 +2,37 @@
 
 <% content_for :page_actions do %>
   <% if @order.outstanding_balance? %>
-    <li id="new_payment_section">
-      <%= button_link_to Spree.t(:new_payment), new_admin_order_payment_url(@order), :icon => 'plus' %>
-    </li>
+    <span id="new_payment_section">
+      <%= button_link_to Spree.t(:new_payment), new_admin_order_payment_url(@order), class: "btn-success", icon: 'add' %>
+    </span>
   <% end %>
-  <li><%= button_link_to Spree.t(:back_to_orders_list), admin_orders_path, :icon => 'arrow-left' %></li>
 <% end %>
 
 <% content_for :page_title do %>
-  <i class="fa fa-arrow-right"></i> <%= Spree.t(:payments) %>
+  / <%= Spree.t(:payments) %>
 <% end %>
 
 <% if @order.outstanding_balance? %>
-  <h5 class="outstanding-balance"><%= @order.outstanding_balance < 0 ? Spree.t(:credit_owed) : Spree.t(:balance_due) %>: <strong><%= @order.display_outstanding_balance %></strong></h5>
+  <div class="alert alert-info outstanding-balance">
+    <%= @order.outstanding_balance < 0 ? Spree.t(:credit_owed) : Spree.t(:balance_due) %>: <strong><%= @order.display_outstanding_balance %></strong>
+  </div>
 <% end %>
 
 <% if @payments.any? %>
 
-  <fieldset data-hook="payment_list" class="no-border-bottom">
-    <legend align="center"><%= Spree.t(:payments) %></legend>
-    <%= render :partial => 'list', :locals => { :payments => @payments } %>
-  </fieldset>
+  <div data-hook="payment_list" class="panel panel-default no-border-bottom">
+    <%= render partial: 'list', locals: { payments: @payments } %>
+  </div>
 
   <% if @refunds.any? %>
     <fieldset data-hook="payment_list" class="no-border-bottom">
-      <legend align="center"><%= Spree.t(:refunds) %></legend>
-      <%= render :partial => 'spree/admin/shared/refunds', :locals => { :refunds => @refunds, show_actions: true } %>
+      <legend><%= Spree.t(:refunds) %></legend>
+      <%= render partial: 'spree/admin/shared/refunds', locals: { refunds: @refunds, show_actions: true } %>
     </fieldset>
   <% end %>
 
 <% else %>
-  <div class="alpha twelve columns no-objects-found"><%= Spree.t(:order_has_no_payments) %></div>
+  <div class="alert alert-info no-objects-found"><%= Spree.t(:order_has_no_payments) %></div>
 <% end %>
+
+<%= render partial: 'spree/admin/shared/order_summary' %>

data/app/views/spree/admin/payments/new.html.erb

@@ -1,26 +1,25 @@
 <%= render :partial => 'spree/admin/shared/order_tabs', :locals => { :current => 'Payments' } %>
 
 <% content_for :page_title do %>
-  <i class="fa fa-arrow-right"></i> <%= Spree.t(:new_payment) %>
-<% end %>
-
-<% content_for :page_actions do %>
-  <li><%= button_link_to Spree.t(:back_to_payments_list), spree.admin_order_payments_url(@order), :icon => 'arrow-left' %></li>
+  / <%= Spree.t(:new_payment) %>
 <% end %>
 
 <% if @payment_methods.any? %>
-  <%= render :partial => 'spree/shared/error_messages', :locals => { :target => @payment } %>
+  <%= render :partial => 'spree/admin/shared/error_messages', :locals => { :target => @payment } %>
 
   <%= form_for @payment, :url => admin_order_payments_path(@order) do |f| %>
-    <fieldset class="no-border-top">
+    <fieldset>
       <%= render :partial => 'form', :locals => { :f => f } %>
 
-      <div class="filter-actions actions" data-hook="buttons">
-        <%= button @order.cart? ? Spree.t('actions.continue') : Spree.t('actions.update'), @order.cart? ? 'arrow-right' : 'refresh' %>
+      <div class="form-actions" data-hook="buttons">
+        <%= button @order.cart? ? Spree.t('actions.continue') : Spree.t('actions.update'), @order.cart? ? 'arrow-right' : 'save' %>
       </div>
     </fieldset>
   <% end %>
+
 <% else %>
-  <%= Spree.t(:cannot_create_payment_without_payment_methods) %>
-  <%= link_to Spree.t(:please_define_payment_methods), admin_payment_methods_url %>
+  <div class="alert alert-info">
+    <%= Spree.t(:cannot_create_payment_without_payment_methods) %>
+    <%= link_to Spree.t(:please_define_payment_methods), admin_payment_methods_url %>
+  </div>
 <% end %>

data/app/views/spree/admin/payments/show.html.erb

@@ -1,25 +1,28 @@
 <%= render :partial => 'spree/admin/shared/order_tabs', :locals => { :current => 'Payments' } %>
 
 <% content_for :page_title do %>
-  <i class="fa fa-arrow-right"></i>
+  /
   <%= I18n.t(:one, scope: "activerecord.models.spree/payment") %>
-  <i class="fa fa-arrow-right"></i>
+  /
   <%= payment_method_name(@payment) %>
-  &nbsp;
+  /
   <span class="state <%= @payment.state %>">
     <%= Spree.t(@payment.state, :scope => :payment_states, :default => @payment.state.capitalize) %>
   </span>
 <% end %>
 
 <% content_for :page_actions do %>
-  <li><%= button_link_to Spree.t(:logs), spree.admin_order_payment_log_entries_url(@order, @payment), :icon => 'archive' %></li>
-  <li><%= button_link_to Spree.t(:back_to_payments_list), spree.admin_order_payments_url(@order), :icon => 'arrow-left' %></li>
+  <%= button_link_to Spree.t(:logs), spree.admin_order_payment_log_entries_url(@order, @payment), :icon => 'file' %>
 <% end %>
 
-<%= render :partial => "spree/admin/payments/source_views/#{@payment.payment_method.method_type}", :locals => { :payment => @payment.source.is_a?(Spree::Payment) ? @payment.source : @payment } %>
+<%= render :partial => "spree/admin/payments/source_views/#{@payment.payment_method.method_type}",
+           :locals => {
+             :payment => @payment.source.is_a?(Spree::Payment) ? @payment.source : @payment
+           }
+%>
 
-<div data-hook="amount" class="align-center">
-  <h5><%= label_tag nil, Spree.t(:amount) %>: <span class="green"><%= @payment.display_amount.to_html %></span> </h5>
+<div class="alert alert-success" data-hook="amount">
+  <%= Spree.t(:amount) %>: <%= @payment.display_amount.to_html %>
 </div>
 
-<%= render 'spree/admin/payments/capture_events' %>
+<%= render 'spree/admin/payments/capture_events' %>

data/app/views/spree/admin/payments/source_forms/_gateway.html.erb

@@ -1,60 +1,56 @@
-<fieldset data-id='credit-card' class="no-border-bottom">
-  <div class="field" data-hook="previous_cards">
-    <% if previous_cards.any? %>
-      <% previous_cards.each do |card| %>
-        <label><%= radio_button_tag :card, card.id, card == previous_cards.first %> <%= card.display_number %><br /></label>
+<fieldset data-id="credit-card">
+  <div class="form-group" data-hook="previous_cards">
+    <ul>
+      <% if previous_cards.any? %>
+        <% previous_cards.each do |card| %>
+          <li>
+            <label>
+              <%= radio_button_tag :card, card.id, card == previous_cards.first %> <%= card.display_number %>
+            </label>
+          </li>
+        <% end %>
+        <li>
+          <label>
+            <%= radio_button_tag :card, 'new', false, { id: "card_new#{payment_method.id}" } %> <%= Spree.t(:use_new_cc) %>
+          </label>
+        </li>
       <% end %>
-      <label><%= radio_button_tag :card, 'new', false, { id: "card_new#{payment_method.id}" } %> <%= Spree.t(:use_new_cc) %></label>
-    <% end %>
+    </ul>
   </div>
 
-  <div id="card_form<%= payment_method.id %>" data-hook>
+  <div id="card_form<%= payment_method.id %>" class="margint" data-hook>
     <% param_prefix = "payment_source[#{payment_method.id}]" %>
 
-    <div class="clear"></div>
-
-    <div class="alpha four columns">
-      <div data-hook="card_number">
-        <div class="field">
-          <%= hidden_field_tag "#{param_prefix}[cc_type]", '', {class: 'ccType'} %>
-          <%= label_tag "card_number#{payment_method.id}", raw(Spree.t(:card_number) + content_tag(:span, ' *', :class => 'required')) %>
-          <%= text_field_tag "#{param_prefix}[number]", '', :class => 'required fullwidth cardNumber', :id => "card_number#{payment_method.id}", :maxlength => 19 %>
-          <span id="card_type" style="display:none;">
-            ( <span id="looks_like" ><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
-              <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
-            )
-          </span>
-        </div>
-      </div>
-    </div>
-    <div class="alpha four columns">
-      <div data-hook="card_name">
-        <div class="field">
-          <%= label_tag "card_name#{payment_method.id}", raw(Spree.t(:name) + content_tag(:span, ' *', :class => 'required')) %>
-          <%= text_field_tag "#{param_prefix}[name]", '', id: "card_name#{payment_method.id}", class: 'required fullwidth', maxlength: 19 %>
-        </div>
-      </div>
+    <div data-hook="card_number" class="form-group">
+      <%= hidden_field_tag "#{param_prefix}[cc_type]", '', {class: 'ccType'} %>
+      <%= label_tag "card_number#{payment_method.id}", raw(Spree.t(:card_number) + content_tag(:span, ' *', :class => 'required')) %>
+      <%= text_field_tag "#{param_prefix}[number]", '', :class => 'required form-control cardNumber', :id => "card_number#{payment_method.id}", :maxlength => 19 %>
+      <span id="card_type" style="display:none;">
+        ( <span id="looks_like" ><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
+          <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
+        )
+      </span>
     </div>
-    <div class="three columns">
-      <div data-hook="card_expiration" class="field">
-        <%= label_tag "card_expiry#{payment_method.id}", raw(Spree.t(:expiration) + content_tag(:span, ' *', :class => 'required')) %><br>
-        <%= text_field_tag "#{param_prefix}[expiry]", '', id: "card_expiry#{payment_method.id}", class: "required cardExpiry", placeholder: "MM / YY" %>
-      </div>
+
+    <div data-hook="card_name" class="form-group">
+      <%= label_tag "card_name#{payment_method.id}", raw(Spree.t(:name) + content_tag(:span, ' *', :class => 'required')) %>
+      <%= text_field_tag "#{param_prefix}[name]", '', id: "card_name#{payment_method.id}", class: 'required form-control', maxlength: 19 %>
     </div>
-    <div class="omega two columns">
-      <div data-hook="card_code" class="field">
-        <%= label_tag "card_code#{payment_method.id}", raw(Spree.t(:card_code) + content_tag(:span, ' *', :class => "required")) %>
-        <%= text_field_tag "#{param_prefix}[verification_value]", '', id: "card_code#{payment_method.id}", class: 'required fullwidth cardCode', size: 5 %>
-        <a href="/content/cvv" class="info cvvLink" target="_blank">
-          (<%= Spree.t(:what_is_this) %>)
-        </a>
-      </div>
+
+    <div data-hook="card_expiration" class="form-group">
+      <%= label_tag "card_expiry#{payment_method.id}", raw(Spree.t(:expiration) + content_tag(:span, ' *', :class => 'required')) %><br>
+      <%= text_field_tag "#{param_prefix}[expiry]", '', id: "card_expiry#{payment_method.id}", class: "required cardExpiry form-control", placeholder: "MM / YY" %>
     </div>
 
-    <div class="nine columns">
-      <%= image_tag 'credit_cards/credit_card.gif', :class => 'credit-card-image' %>
+    <div data-hook="card_code" class="form-group">
+      <%= label_tag "card_code#{payment_method.id}", raw(Spree.t(:card_code) + content_tag(:span, ' *', :class => "required")) %>
+      <%= text_field_tag "#{param_prefix}[verification_value]", '', id: "card_code#{payment_method.id}", class: 'required form-control cardCode', size: 5 %>
+      <a href="/content/cvv" class="info cvvLink" target="_blank">
+        (<%= Spree.t(:what_is_this) %>)
+      </a>
     </div>
 
-    <div class="clear"></div>
+    <%= image_tag 'credit_cards/credit_card.gif', :class => 'credit-card-image' %>
+
   </div>
 </fieldset>

data/app/views/spree/admin/payments/source_views/_gateway.html.erb

@@ -1,21 +1,21 @@
 <fieldset data-hook="credit_card">
-  <legend align="center"><%= Spree.t(:credit_card) %></legend>
-
-  <div class="row">
-    <div class="alpha six columns">
-      <dl>
-        <dt><%= Spree.t(:name_on_card) %>:</dt>
-        <dd><%= payment.source.name %></dd>
-
-        <dt><%= Spree.t(:card_type) %>:</dt>
-        <dd><%= payment.source.cc_type %></dd>
-
-        <dt><%= Spree.t(:card_number) %>:</dt>
-        <dd><%= payment.source.display_number %></dd>
-
-        <dt><%= Spree.t(:expiration) %>:</dt>
-        <dd><%= payment.source.month %>/<%= payment.source.year %></dd>
-      </dl>
-    </div>
-  </div>
+  <legend><%= Spree.t(:credit_card) %></legend>
+  <table class="table table-condensed table-bordered">
+    <tr>
+      <th width="20%"><%= Spree.t(:name_on_card) %>:</th>
+      <td><%= payment.source.name %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t(:card_type) %>:</th>
+      <td><%= payment.source.cc_type %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t(:card_number) %>:</th>
+      <td><%= payment.source.display_number %></td>
+    </tr>
+    <tr>
+      <th><%= Spree.t(:expiration) %>:</th>
+      <td><%= payment.source.month %>/<%= payment.source.year %></td>
+    </tr>
+  </table>
 </fieldset>

data/app/views/spree/admin/product_properties/_product_property_fields.html.erb

@@ -1,17 +1,17 @@
 <tr class="product_property fields" id="spree_<%= dom_id(f.object) %>" data-hook="product_property">
-  <td class="no-border">
+  <td class="move-handle">
     <% if f.object.persisted? %>
-      <span class="handle"></span>
+      <span class="icon icon-move handle"></span>
       <%= f.hidden_field :id %>
     <% end %>
   </td>
   <td class='property_name'>
-    <%= f.text_field :property_name, class: 'autocomplete' %>
+    <%= f.text_field :property_name, class: 'autocomplete form-control' %>
   </td>
   <td class='value'>
-    <%= f.text_field :value %>
+    <%= f.text_field :value, class: 'form-control' %>
   </td>
-  <td class="actions">
+  <td class="actions actions-1">
     <% if f.object.persisted? %>
       <%= link_to_delete f.object, no_text: true %>
     <% end %>

data/app/views/spree/admin/product_properties/index.html.erb

@@ -1,28 +1,16 @@
-<%= render 'spree/admin/shared/product_sub_menu' %>
 <%= render 'spree/admin/shared/product_tabs', :current => 'Product Properties' %>
-<%= render 'spree/shared/error_messages', :target => @product %>
+<%= render 'spree/admin/shared/error_messages', :target => @product %>
 
 <% content_for :page_actions do %>
-  <ul class="tollbar inline-menu">
-    <li>
-      <%= link_to_add_fields Spree.t(:add_product_properties), 'tbody#product_properties', :class => 'plus button' %>
-    </li>
-    <li>
-      <span id="new_ptype_link">
-        <%= link_to Spree.t(:select_from_prototype), available_admin_prototypes_url, :remote => true, 'data-update' => 'prototypes', :class => 'button fa fa-copy' %>
-      </span>
-    </li>
-  </ul>
+  <%= button_link_to Spree.t(:add_product_properties), "javascript:;", { :icon => 'add', :'data-target' => "tbody#product_properties", :class => 'btn-success spree_add_fields' } %>
+  <span class="js-new-ptype-link"><%= button_link_to Spree.t(:select_from_prototype), available_admin_prototypes_url, { :icon => 'properties', :remote => true, 'data-update' => 'prototypes', :class => 'btn-default' } %></span>
 <% end %>
 
 <%= form_for @product, :url => admin_product_url(@product), :method => :put do |f| %>
-  <fieldset class="no-border-top">
-    <div class="add_product_properties" data-hook="add_product_properties"></div>
-
+  <fieldset>
     <div id="prototypes" data-hook></div>
-    <%= image_tag 'select2-spinner.gif', :plugin => 'spree', :style => 'display:none;', :id => 'busy_indicator' %>
 
-    <table class="index sortable" data-hook data-sortable-link="<%= update_positions_admin_product_product_properties_url %>">
+    <table class="table sortable" data-hook data-sortable-link="<%= update_positions_admin_product_product_properties_url %>">
       <thead>
         <tr data-hook="product_properties_header">
           <th colspan="2"><%= Spree.t(:property) %></th>

data/app/views/spree/admin/products/_add_stock_form.html.erb

@@ -1,35 +1,44 @@
-<%= form_for [:admin, Spree::StockMovement.new], url: admin_stock_items_path do |f| %>
-  <fieldset>
-    <legend align="center"><%= Spree.t(:add_stock_management) %></legend>
-
+<div class="panel-heading">
+  <h1 class="panel-title">
+    <%= Spree.t(:add_stock_management) %>
+  </h1>
+</div>
+<div class="panel-body">
+  <%= form_for [:admin, Spree::StockMovement.new], url: admin_stock_items_path do |f| %>
     <div data-hook="admin_stock_movements_form_fields" class="row">
-      <div class="alpha two columns">
-        <%= f.field_container :quantity do %>
-          <%= f.label :quantity, Spree.t(:quantity) %>
-          <%= f.number_field :quantity, class: 'fullwidth', value: 1 %>
-        <% end %>
+      <div class="col-md-2">
+        <div class="form-group">
+          <%= f.field_container :quantity do %>
+            <%= f.label :quantity, Spree.t(:quantity) %>
+            <%= f.number_field :quantity, class: 'form-control', value: 1 %>
+          <% end %>
+        </div>
       </div>
-      <div class="five columns">
-        <%= f.field_container :stock_location do %>
-          <%= label_tag :stock_location_id, Spree.t(:stock_location) %>
-          <%= select_tag 'stock_location_id', options_from_collection_for_select(@stock_locations, :id, :name),
-            class: 'select2 fullwidth' %>
-        <% end %>
+      <div class="col-md-5">
+        <div class="form-group">
+          <%= f.field_container :stock_location do %>
+            <%= label_tag :stock_location_id, Spree.t(:stock_location) %>
+            <%= select_tag 'stock_location_id', options_from_collection_for_select(@stock_locations, :id, :name),
+              class: 'select2' %>
+          <% end %>
+        </div>
       </div>
 
-      <div class="five columns omega">
-        <%= f.field_container :variant_id do %>
-          <%= label_tag 'variant_id', Spree.t(:variant) %>
-          <%= select_tag 'variant_id', options_from_collection_for_select(@variants, :id, :sku_and_options_text),
-            class: 'select2 fullwidth' %>
-        <% end %>
+      <div class="col-md-5">
+        <div class="form-group">
+          <%= f.field_container :variant_id do %>
+            <%= label_tag 'variant_id', Spree.t(:variant) %>
+            <%= select_tag 'variant_id', options_from_collection_for_select(@variants, :id, :sku_and_options_text),
+              class: 'select2' %>
+          <% end %>
+        </div>
       </div>
     </div>
 
-    <div class="form-buttons filter-actions actions" data-hook="buttons">
+    <div class="form-actions text-center" data-hook="buttons">
       <%= button Spree.t(:add_stock), 'plus' %>
       <span class="or"><%= Spree.t(:or) %></span>
-      <%= link_to_with_icon 'remove', Spree.t('actions.cancel'), collection_url, :class => 'button' %>
+      <%= button_link_to Spree.t('actions.cancel'), collection_url, :icon => 'delete' %>
     </div>
-  </fieldset>
-<% end %>
+  <% end %>
+</div>

data/app/views/spree/admin/products/_autocomplete.js.erb

@@ -1,14 +1,25 @@
 <script type='text/template' id='product_template'>
-  <li id="product_{{ product.id }}" data-product-id="{{product.id }}" class="columns three alpha small_product">
-    <div class="product-image">
+  <li id='product_{{ product.id }}' data-product-id='{{ product.id }}' data-taxons="{{ product.taxon_ids }}" class='product'>
+    <a class="sort-handle js-sort-handle"><span class="icon icon-move"></span></a>
+    <div class="btn-group">
+      <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+        <span class="caret"></span>
+      </button>
+      <ul class="dropdown-menu" role="menu" data-hook="taxon_product_dropdown">
+        <li><a href="javascript:;" class="edit-product js-edit-product"><%= Spree.t(:edit_product) %></a></li>
+        <li><a href="javascript:;" class="delete-product js-delete-product"><%= Spree.t(:delete_from_taxon) %></a></li>
+      </ul>
+    </div>
+    <div class='image'>
       {{#if product.image }}
-        <img src='{{product.image}}' alt='{{ product.name }}' />
+        <img src='{{product.image}}' alt='{{ product.name }}' class='thumbnail' />
       {{ else }}
-        <img src='<%= image_path("noimage/small.png") %>' alt='{{product.name }}' />
+        <img src='<%= image_path("noimage/small.png") %>' alt='{{product.name }}' class='thumbnail' />
       {{/if}}
     </div>
-    <a class="name">{{ product.name }}</a><br>
-    <span class="price">{{ product.display_price }}</span>
+    <div class="product-info">
+      <div class="name">{{ product.name }}</div>
+      <div class="price">{{ product.display_price }}</div>
+    </div>
   </li>
 </script>
-