Spree 变体选项值的下拉框

我正在学习 Spree 3.0，并且我建立了一个销售短裤的测试商店。

短裤有多种选择类型：尺码、颜色、长度

我想改变它在前端显示变体选项的方式，从单选复选框更改为下拉框。

目前，Spree 将选项类型显示为单选按钮：

我想更改为对每个选项类型使用下拉菜单，如下所示：

我尝试过以下方法：

<%= select_tag "variant_id", options_for_select(@product.variants_and_option_values(current_currency).collect{ |v| ["#{variant_options(v)}  #{variant_price(v)}", v.id] })%>

但它只是显示每个标签中所有选项类型的值：

我想知道将选项值拆分为单独的下拉菜单的最佳方法？

非常感谢任何帮助，谢谢。

这并不像看起来那么容易，因为您将使用Spree::OptionValue记录而不是变体，在某些时候您会希望转换回变体以便将其添加到购物车。组合可能无法实现和/或缺货，因此使用 option_values 非常不切实际。

但尽管如此，您想知道如何设置，所以我设置了以下内容：

@options = Spree::OptionValue.joins(:option_value_variants).where(spree_option_value_variants: { variant_id: @product.variant_ids }).group_by(&:option_type)

这将为您提供一个散列，散列的键是 option_types（在您的情况下是大小、颜色、长度），值是 option_values 数组。

您可以轻松地将其形成这样的收音机：

<% @options.each do |option_type, option_values| %>
  <%= content_tag :h2, option_type.presentation %>
  <% option_values.each do |option_value| %>
    <%= radio_button_tag option_type.name, option_value.id %>
    <%= label_tag option_value.presentation %>
  <% end %>
<% end %>

或者对于下拉菜单：

<% @options.each do |option_type, option_values| %>
  <%= content_tag :h2, option_type.presentation %>
  <%= collection_select :variants, option_type.name, option_values, :id, :presentation %>
<% end %>

在你的控制器中，你会想要找到一个符合这 3 个标准的变体，检查它是否是in_stock, backorderable or track_inventory? is false并回复错误或更新购物车:)

我希望这有帮助