spree_admin 5.0.0.rc1

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

@@ -0,0 +1,36 @@
+<% content_for :page_actions do %>
+  <%= render 'extra_actions' %>
+
+  <%= link_to_with_icon 'plus', Spree.t(:new_post), new_object_url, class: 'btn btn-primary' if can?(:create, Spree::Post) %>
+<% end %>
+
+<%= render 'spree/admin/shared/posts_tabs' %>
+
+<div class="card-lg p-0">
+  <%= render "spree/admin/posts/filters" %>
+
+  <% if @posts.any? %>
+    <div class="table-responsive rounded-lg">
+      <table class="table">
+        <thead class="text-muted">
+          <tr>
+            <th><%= Spree.t(:title) %></th>
+            <th><%= Spree.t(:category) %></th>
+            <th><%= Spree.t(:author) %></th>
+            <th><%= Spree.t(:published_at) %></th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <%= render partial: "spree/admin/posts/post", collection: @posts, cached: spree_base_cache_scope %>
+        </tbody>
+      </table>
+    </div>
+
+    <%= render partial: "spree/admin/shared/index_table_options", locals: { collection: @posts } %>
+  <% else %>
+    <div class="text-muted p-5 d-flex align-items-center w-100 justify-content-center">
+      <%= Spree.t(:no_resource_found, resource: Spree.t(:posts)) %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_posts_path, @post %>
+  <%= Spree.t(:new_post) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post } %>
+
+<%= form_for [:admin, @post] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/preferences/_password_field.html.erb

@@ -0,0 +1,26 @@
+<div class="form-group" data-controller="replace password-visibility">
+  <% if form.object.persisted? %>
+    <div data-replace-target="from">
+      <div readonly class="form-control d-flex align-items-center justify-content-between pr-1">
+        <span class="text-muted">
+          ...<%= form.object.send(field).last(4) %>
+        </span>
+        <button class="btn btn-sm btn-light" type="button" data-action="click->replace#replace">
+          <%= icon 'edit', class: 'mr-2' %>
+          <%= Spree.t(:edit) %>
+        </button>
+      </div>
+    </div>
+    <div class="input-group <% if form.object.persisted? %>d-none<% end %>" data-replace-target="to">
+      <%= password_field form.object_name, field, class: 'form-control', required: form.object.new_record?, data: { 'enable-button-target': 'input', 'password-visibility-target': 'input' } %>
+      <div class="input-group-append">
+        <button type="button" class="btn btn-light" data-action="password-visibility#toggle">
+          <span data-password-visibility-target="icon"><%= icon 'eye', class: 'mr-0' %></span>
+          <span data-password-visibility-target="icon" class="hidden"><%= icon 'eye-off', class: 'mr-0' %></span>
+        </button>
+      </div>
+    </div>
+  <% else %>
+    <%= form.password_field(field, preference_field_options(options)) %>
+  <% end %>
+</div>

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

@@ -0,0 +1,122 @@
+<div id="bulk-panel" class="d-none" data-bulk-operation-target="panel">
+  <div
+    class="
+      bulk-panel-container animate__animated animate__bounceInUp animate__faster
+    "
+  >
+    <div data-toggle="modal" data-target="#bulk-modal">
+      <% if can?(:activate, Spree::Product) %>
+        <a
+          href="<%= spree.bulk_modal_admin_products_path(kind: :set_status, status: :active) %>"
+          data-turbo-frame="bulk_modal"
+          class="btn btn-light mr-2 d-vendor"
+          data-action="click->bulk-operation#setBulkAction"
+          data-url="<%= spree.bulk_status_update_admin_products_path(status: :active) %>"
+        >
+          <%= icon("circle-check") %>
+          <%= Spree.t("admin.bulk_ops.products.title.set_status", status: :active) %>
+        </a>
+      <% end %>
+      <a
+        href="<%= spree.bulk_modal_admin_products_path(kind: :set_status, status: :draft) %>"
+        data-turbo-frame="bulk_modal"
+        class="btn btn-light mr-2"
+        data-action="click->bulk-operation#setBulkAction"
+        data-url="<%= spree.bulk_status_update_admin_products_path(status: :draft) %>"
+      >
+        <%= icon("circle-dotted") %>
+        <%= Spree.t("admin.bulk_ops.products.title.set_status", status: :draft) %>
+      </a>
+    </div>
+
+    <div class="dropdown dropup mr-3 ml-1" role="group">
+      <button
+        type="button"
+        data-display="static"
+        class="btn btn-light px-2 h-100"
+        data-placement="bottom"
+        data-toggle="dropdown"
+        aria-expanded="false"
+      >
+        <%= icon("dots", class: "mr-0") %>
+      </button>
+      <div
+        class="dropdown-menu dropdown-menu-left"
+        aria-labelledby="btnGroupDrop1"
+        data-toggle="modal"
+        data-target="#bulk-modal"
+      >
+        <a
+          href="<%= spree.bulk_modal_admin_products_path(kind: :set_status, status: :archived) %>"
+          data-turbo-frame="bulk_modal"
+          class="dropdown-item"
+          data-action="click->bulk-operation#setBulkAction"
+          data-url="<%= spree.bulk_status_update_admin_products_path(status: :archived) %>"
+        >
+          <%= icon("archive") %>
+          <%= Spree.t("admin.bulk_ops.products.title.set_status", status: :archived) %>
+        </a>
+        <% if can?(:manage, Spree::Classification) %>
+          <div class="dropdown-divider"></div>
+          <a
+            href="<%= spree.bulk_modal_admin_products_path(kind: :add_to_taxons) %>"
+            data-turbo-frame="bulk_modal"
+            class="dropdown-item"
+            data-action="click->bulk-operation#setBulkAction"
+            data-url="<%= spree.bulk_add_to_taxons_admin_products_path %>"
+          >
+            <%= icon("category-plus") %>
+            <%= Spree.t("admin.bulk_ops.products.title.add_to_taxons") %>
+          </a>
+          <a
+            href="<%= spree.bulk_modal_admin_products_path(kind: :remove_from_taxons) %>"
+            data-turbo-frame="bulk_modal"
+            class="dropdown-item"
+            data-action="click->bulk-operation#setBulkAction"
+            data-url="<%= spree.bulk_remove_from_taxons_admin_products_path %>"
+          >
+            <%= icon("category-minus") %>
+            <%= Spree.t("admin.bulk_ops.products.title.remove_from_taxons") %>
+          </a>
+        <% end %>
+
+        <% if can?(:manage_tags, Spree::Product) %>
+          <div class="dropdown-divider"></div>
+          <a
+            href="<%= spree.bulk_modal_admin_products_path(kind: :add_tags) %>"
+            data-turbo-frame="bulk_modal"
+            class="dropdown-item"
+            data-action="click->bulk-operation#setBulkAction"
+            data-url="<%= spree.bulk_add_tags_admin_products_path %>"
+          >
+            <%= icon("tag-plus") %>
+            <%= Spree.t("admin.bulk_ops.products.title.add_tags") %>
+          </a>
+          <a
+            href="<%= spree.bulk_modal_admin_products_path(kind: :remove_tags) %>"
+            data-turbo-frame="bulk_modal"
+            class="dropdown-item"
+            data-action="click->bulk-operation#setBulkAction"
+            data-url="<%= spree.bulk_remove_tags_admin_products_path %>"
+          >
+            <%= icon("tag-minus") %>
+            <%= Spree.t("admin.bulk_ops.products.title.remove_tags") %>
+          </a>
+        <% end %>
+      </div>
+    </div>
+
+    <span>
+      <strong data-bulk-operation-target="counter"></strong>
+      <%= Spree.t("admin.products.selected") %>
+    </span>
+
+    <button
+      type="button"
+      class="btn-close ml-2"
+      data-dismiss="modal"
+      aria-label="<%= Spree.t(:close) %>"
+      data-action="bulk-operation#cancel"
+    />
+  </div>
+</div>

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

@@ -0,0 +1,3 @@
+<%= page_header_back_button spree.admin_products_path, @product %>
+<%= @product.name %>
+<%= product_status(@product) %>

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

@@ -0,0 +1 @@
+<%= render 'spree/admin/shared/no_resource_found' %>

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

@@ -0,0 +1,60 @@
+<%= search_form_for product_list_filters_search_form_path, class: "filter-wrap border-bottom", data: {controller: "filters reveal", reveal_hidden_class: "d-none"} do |f| %>
+  <div class="d-flex flex-column flex-lg-row gap-2">
+    <%= render 'spree/admin/shared/filters_search_bar', param: :multi_search %>
+
+    <div class="d-flex align-items-center justify-content-between">
+      <%= render "spree/admin/products/table_filter_dropdown" %>
+      <%= render 'spree/admin/shared/filters_button' %>
+    </div>
+  </div>
+  <div data-reveal-target="item" class="d-none" id="table-filter">
+    <%= f.hidden_field :status_eq, value: params.dig(:q, :status_eq) %>
+    <div class="row">
+      <div class="col-12 col-lg-6">
+        <div class="form-group">
+          <%= f.label :taxons_id_in, Spree.t(:taxons) %>
+          <% @categories = current_store.taxons.where(id: params.dig(:q, :taxons_id_in)).pluck(:pretty_name, :id) if params.dig(
+            :q,
+            :taxons_id_in,
+          ) %>
+          <%= tom_select_tag "q[taxons_id_in]",
+          multiple: true,
+          preloaded_options: @categories,
+          active_option: params.dig(:q, :taxons_id_in),
+          empty_option: Spree.t(:without_taxon),
+          url: spree.admin_taxons_select_options_path(format: :json),
+          select_data: {
+            filters_target: "input",
+          } %>
+        </div>
+      </div>
+
+      <div class="col-12 col-lg-6">
+        <div class="form-group">
+          <%= f.label :tags_name_in, Spree.t(:tags) %>
+          <%= tom_select_tag "q[tags_name_in]",
+          active_option: params[:q][:tags_name_in],
+          options: tags_json_array,
+          multiple: true,
+          value_field: :name,
+          select_class: "w-100",
+          select_data: {
+            filters_target: "input",
+          } %>
+        </div>
+      </div>
+      <%= render partial: "spree/admin/products/form/extra_filters", locals: { f: f } %>
+    </div>
+
+    <div class="form-actions">
+      <%= turbo_save_button_tag Spree.t(:filter_results) do %>
+        <%= icon("search") %>
+        <%= Spree.t(:filter_results) %>
+      <% end %>
+    </div>
+  </div>
+
+  <%= render "spree/admin/shared/filter_badge_template" %>
+
+  <div data-filters-target="badgesContainer" class="filter-badges-container"></div>
+<% end %>

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

@@ -0,0 +1,29 @@
+<div class="row" data-controller="product-form slug-form seo-form" data-seo-form-editor-value="tinymce">
+  <div class="col-md-8">
+    <%= render 'spree/admin/products/form/base', f: f %>
+    <%= render 'spree/admin/variants/form/media', viewable: @product.master %>
+    <%= f.fields_for :master, @product.master do |vf| %>
+      <%= render 'spree/admin/variants/form/pricing', f: vf %>
+    <% end unless @product.has_variants? %>
+    <%= render 'spree/admin/products/form/variants', f: f %>
+    <%= render 'spree/admin/products/form/inventory', f: f unless @product.has_variants? %>
+    <%= render 'spree/admin/products/form/shipping', f: f %>
+    <%= render 'spree/admin/products/form/properties', f: f %>
+    <%= render 'spree/admin/products/form/extra_form', f: f %>
+  </div>
+  <div class="col-md-4">
+    <%= render 'spree/admin/products/form/status', f: f %>
+    <%= render 'spree/admin/products/form/categorization', f: f %>
+    <%= render 'spree/admin/products/form/stores', f: f if Spree::Store.accessible_by(current_ability).count > 1 %>
+    <%= render 'spree/admin/products/form/extra_form_sidebar', f: f %>
+
+    <%= render 'spree/admin/shared/seo',
+          f: f,
+          title: @product.name,
+          meta_title: @product.meta_title,
+          description: @product.description,
+          slug: @product.slug,
+          slug_path: 'products',
+          placeholder: Spree.t('admin.products.seo.placeholder') %>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+<% content_for :page_title do %>
+  <%= plural_resource_name(Spree::Product) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= link_to_with_icon 'plus', Spree.t(:new_product), new_object_url, class: 'btn btn-primary' if can?(:create, Spree::Product) %>
+<% end %>

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

@@ -0,0 +1,50 @@
+  <% if @collection.any? %>
+    <div data-controller="bulk-operation" data-action="keydown.esc->bulk-operation#cancel" tabindex="0">
+      <%= form_tag spree.admin_products_path, method: :put, data: { 'bulk-operation-target': 'form' } do %>
+        <%= render 'spree/admin/shared/bulk_modal' %>
+        <%= render 'spree/admin/products/bulk_operations' %>
+
+        <div class="table-responsive">
+          <table class="table" id="listing_products">
+            <thead class="text-muted">
+              <tr>
+                <th scope="col" class="pr-0 w-5">
+                  <div class="custom-control custom-checkbox ml-1">
+                    <input
+                      type="checkbox"
+                      class="custom-control-input"
+                      id="checkAllMasterCheckbox"
+                      data-bulk-operation-target="checkboxAll"
+                    >
+                    <label class="custom-control-label" for="checkAllMasterCheckbox"><span></span></label>
+                  </div>
+                </th>
+                <th scope="col">
+                  <%= sort_link @search,
+                  :name,
+                  Spree.t(:name),
+                  { default_order: "desc" },
+                  { title: "admin_products_listing_name_title" } %>
+                </th>
+                <th scope="col" class="text-center">
+                  <%= Spree.t(:status) %>
+                  <%= help_bubble(Spree.t("admin.products.help_bubble")) %>
+                </th>
+                <th scope="col"><%= Spree.t(:inventory) %></th>
+                <% if defined?(current_vendor) %>
+                  <th scope="col" class="d-vendor"><%= Spree.t(:vendor) %></th>
+                <% end %>
+                <th scope="col"><%= Spree.t(:price) %></th>
+              </tr>
+            </thead>
+            <tbody>
+              <%= render partial: 'spree/admin/products/product', collection: @collection, cached: spree_base_cache_scope %>
+            </tbody>
+          </table>
+        </div>
+      <% end %>
+    </div>
+    <%= render partial: 'spree/admin/shared/index_table_options', locals: { collection: @collection } %>
+  <% else %>
+    <%= render partial: 'spree/admin/products/empty_list' %>
+  <% end %>

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

@@ -0,0 +1,30 @@
+<tr id="<%= dom_id product %>" data-controller="row-link">
+  <td class="pr-0 w-5">
+    <div class="custom-control custom-checkbox ml-1">
+      <%= check_box_tag "ids[]", product.id, false, class: "custom-control-input", id: "ids_#{product.id}", data: { bulk_operation_target: "checkbox" } %>
+      <label class="custom-control-label" for="ids_<%= product.id %>"><span></span></label>
+    </div>
+  </td>
+  <td scope="row" class="w-40 py-0 text-wrap" data-action="click->row-link#openLink">
+    <%= link_to spree.edit_admin_product_path(product), class: 'd-flex align-items-center w-100 text-decoration-none h-100 py-2', data: { row_link_target: :link, 'turbo-frame': '_top' } do %>
+      <div class="mr-3">
+        <%= render 'spree/admin/shared/product_image', object: product %>
+      </div>
+      <span class="text-dark font-weight-semibold">
+        <%= product.name %>
+      </span>
+    <% end %>
+  </td>
+  <%= render 'spree/admin/products/product_status', product: product %>
+  <td class="text-muted w-20 cursor-pointer text-wrap" data-action="click->row-link#openLink">
+    <%= display_inventory(product) %>
+  </td>
+  <% if defined?(current_vendor) %>
+    <td class="d-vendor w-15 cursor-pointer" data-action="click->row-link#openLink">
+      <%= product.vendor&.name %>
+    </td>
+  <% end %>
+  <td class="w-10 cursor-pointer" data-action="click->row-link#openLink">
+    <%= display_admin_price(product) %>
+  </td>
+</tr>

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

@@ -0,0 +1,3 @@
+<td class="status text-center w-10 cursor-pointer" data-action="click->row-link#openLink" id="<%= dom_id(product, :status) %>">
+  <%= product_status(product) %>
+</td>

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

@@ -0,0 +1,9 @@
+<div class="search-picker__option" data-action="click->search-picker#toggle">
+  <%= check_box_tag "product_ids[]", product.id, false, id: "ids_#{product.id}", data: { action: 'search-picker#toggle', search_picker_target: "checkbox" } %>
+  <label for="ids_<%= product.id %>">
+    <%= render 'spree/admin/shared/product_image', object: product %>
+    <div class="ml-3">
+      <%= highlight(product.name, params.dig(:q)) %>
+    </div>
+  </label>
+</div>

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

@@ -0,0 +1,9 @@
+<div id="products_search_results" class="search-results">
+  <% if products.any? %>
+    <%= render collection: products, partial: 'spree/admin/products/search_result', as: :product, cached: spree_base_cache_scope %>
+  <% else %>
+    <p class="text-muted text-center py-5">
+      <%= Spree.t('admin.products.search_results.no_products') %>
+    </p>
+  <% end %>
+</div>

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

@@ -0,0 +1,42 @@
+<div class="dropdown h-100 mr-2">
+  <button class="btn btn-light h-100 dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" data-flip="false" aria-expanded="false">
+    <span class="text-muted font-weight-normal mr-1">
+      <%= Spree.t(:show) %>
+    </span>
+    <% if product_filter_status_dropdown_value == Spree.t('admin.products.all_statuses') && product_filter_stock_dropdown_value == Spree.t('admin.products.any_stock') %>
+      <%= Spree.t(:all_products) %>
+    <% else %>
+      <%= product_filter_status_dropdown_value if product_filter_status_dropdown_value != Spree.t('admin.products.all_statuses') %>
+      <% if product_filter_status_dropdown_value != Spree.t('admin.products.all_statuses') && product_filter_stock_dropdown_value != Spree.t('admin.products.any_stock') %>
+        and
+      <% end %>
+      <%= product_filter_stock_dropdown_value if product_filter_stock_dropdown_value != Spree.t('admin.products.any_stock') %>
+    <% end %>
+  </button>
+  <div class="dropdown-menu w-100" style="min-width: 200px">
+    <h6 class="dropdown-header"><%= Spree.t('admin.products.by_status') %>:</h6>
+
+    <%= active_link_to Spree.t('admin.products.all_statuses'), params.to_unsafe_h.deep_merge({page: nil, q: {status_eq: nil}}), class: 'dropdown-item', active: (params[:q] || {}).values_at(*%w[status_eq in_stock_items out_of_stock_items] ).all?(&:blank?) %>
+    <%= link_to Spree.t('admin.products.active'),
+      params.to_unsafe_h.deep_merge({page: nil, q: {status_eq: :active}}),
+      class: "dropdown-item #{'active' if params[:q][:status_eq] == 'active'}" %>
+    <%= link_to Spree.t('admin.products.draft'),
+      params.to_unsafe_h.deep_merge({page: nil, q: {status_eq: :draft}}),
+      class: "dropdown-item #{'active' if params[:q][:status_eq] == 'draft'}" %>
+    <%= link_to Spree.t('admin.products.archived'),
+      params.to_unsafe_h.deep_merge({page: nil, q: {status_eq: :archived}}),
+      class: "dropdown-item #{'active' if params[:q][:status_eq] == 'archived'}" %>
+
+    <div class="dropdown-divider"></div>
+
+    <h6 class="dropdown-header"><%= Spree.t('admin.products.by_stock') %>:</h6>
+
+    <%= active_link_to Spree.t('admin.products.any_stock'), params.to_unsafe_h.deep_merge({page: nil, q: {in_stock_items: nil, out_of_stock_items: nil}}), class: 'dropdown-item', active: (params[:q] || {}).values_at(*%w[status_eq in_stock_items out_of_stock_items] ).all?(&:blank?) %>
+    <%= link_to Spree.t('admin.products.in_stock'),
+        params.to_unsafe_h.deep_merge({page: nil, q: {in_stock_items: '1', out_of_stock_items: nil}}),
+        class: "dropdown-item #{'active' if params[:q][:in_stock_items] == '1'}" %>
+      <%= link_to Spree.t('admin.products.out_of_stock'),
+        params.to_unsafe_h.deep_merge({page: nil, q: {out_of_stock_items: '1', in_stock_items: nil}}),
+        class: "dropdown-item #{'active' if params[:q][:out_of_stock_items] == '1'}" %>
+  </div>
+</div>

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

@@ -0,0 +1,23 @@
+<%= turbo_frame_tag :bulk_modal do %>
+  <div class="modal-content">
+    <div class="modal-header">
+      <h5 class="modal-title" id="exampleModalLabel">
+        <%= @title %>
+      </h5>
+      <button type="button" class="btn-close" data-dismiss="modal" aria-label="<%= Spree.t(:close) %>" />
+    </div>
+    <div class="modal-body">
+      <p><%= @body %></p>
+
+      <% if params[:kind] == 'add_to_taxons' || params[:kind] == 'remove_from_taxons' %>
+        <%= tom_select_tag 'taxon_ids', multiple: true, class: 'w-100', url: spree.admin_taxons_select_options_path(format: :json), required: true %>
+      <% elsif params[:kind] == 'add_tags' || params[:kind] == 'remove_tags' %>
+        <%= tom_select_tag 'tags', multiple: true, class: 'w-100', options: tags_json_array, required: true, value_field: :name, create: params[:kind] == 'add_tags' %>
+      <% end %>
+    </div>
+    <div class="modal-footer d-flex justify-content-between">
+      <button type="button" class="btn btn-light" data-dismiss="modal"><%= Spree.t('actions.discard') %></button>
+      <%= turbo_save_button_tag %>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/products/bulk_status_update.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= render 'spree/admin/shared/close_bulk_modal' %>
+
+<% @bulk_collection.each do |product| %>
+  <%= turbo_stream.replace dom_id(product, :status) do %>
+    <%= render 'spree/admin/products/product_status', product: product %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,38 @@
+<% content_for :page_actions_dropdown do %>
+  <%= link_to_edit_translations(@product) %>
+  <%= link_to_with_icon(
+    "file",
+    Spree.t(:digital_assets),
+    spree.admin_product_digital_assets_path(@product),
+    class: "dropdown-item",
+  ) if can?(:manage, Spree::Digital) %>
+  <div class="dropdown-divider"></div>
+
+  <%= external_page_preview_link(@product) %>
+
+  <% if can?(:clone, @product) %>
+    <%= link_to_with_icon(
+      "copy",
+      Spree.t(:clone),
+      spree.clone_admin_product_path(@product),
+      class: "dropdown-item",
+      data: {
+        turbo_method: :post,
+      },
+    ) %>
+  <% end %>
+<% end %>
+
+<%= render partial: "spree/admin/shared/error_messages",
+locals: {
+  target: @product,
+} %>
+
+<% content_for :page_title do %>
+  <%= render "spree/admin/products/edit_page_title" %>
+<% end %>
+
+<%= form_for [:admin, @product] do |f| %>
+  <%= render "form", f: f %>
+  <%= render "spree/admin/shared/edit_resource_links", f: f %>
+<% end %>

data/app/views/spree/admin/products/form/_base.html.erb

@@ -0,0 +1,16 @@
+<div class="card mb-4">
+  <div class="card-body">
+    <div class="form-group">
+      <%= f.label :name, Spree.t(:name) %>
+      <%= f.text_field :name, class: 'form-control', required: true, autofocus: f.object.new_record?, data: { seo_form_target: 'sourceTitleInput', slug_form_target: :name, action: 'slug-form#updateUrlFromName' } %>
+      <%= f.error_message_on :name %>
+    </div>
+
+    <div class="form-group mb-0">
+      <%= f.label :description, Spree.t(:description) %>
+      <div class="border rounded mb-0">
+        <%= f.text_area :description, { rows: 10, class: "form-control spree-rte", data: { seo_form_target: 'sourceDescriptionInput' } } %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/products/form/_categorization.html.erb

@@ -0,0 +1,35 @@
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:categorization) %>
+    </h5>
+  </div>
+  <div class="card-body">
+    <div class="form-group">
+      <% if can? :modify, Spree::Taxon %>
+        <%= f.label :taxon_ids, Spree.t(:taxonomies) %>
+
+        <%= tom_select_tag 'product[taxon_ids]',
+          multiple: true,
+          active_option: @product.taxon_ids,
+          url: spree.admin_taxons_select_options_path(format: :json),
+          class: 'w-100' %>
+      <% elsif @product.taxons.any? %>
+        <%= f.label :taxon_ids, Spree.t(:taxonomies) %>
+
+        <ul class="text_list">
+          <% @product.taxons.manual.pluck(:name).each do |taxon_name| %>
+            <li><%= taxon_name %></li>
+          <% end %>
+        </ul>
+      <% else %>
+        <div class="alert alert-info"><%= Spree.t(:no_resource_found, resource: :taxons) %></div>
+      <% end %>
+    </div>
+
+    <div class="form-group">
+      <%= f.label :tag_list, Spree.t(:tags) %>
+      <%= tom_select_tag 'product[tag_list]', multiple: true, class: 'w-100', options: tags_json_array, active_option: @product.tag_list, value_field: :name, create: true %>
+    </div>
+  </div>
+</div>