ruby-on-rails – 用于变体选项值的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_type.presentation %>
  <%= collection_select :variants,option_type.name,option_values,:id,:presentation %>
<% end %>

在您的控制器中,您可能希望找到符合这3个条件的变体,检查它是in_stock,backorderable还是track_inventory？是错误的,并回复错误或更新的购物车:)

我希望这有帮助