Spree下拉框用于变体选项值

Question

我正在学习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] })%>

但它只显示每个标记中所有选项类型的值:

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

任何帮助都非常感谢,谢谢.

Answer 1

这并不像它看起来那么容易,因为你将使用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或者track_inventory?是false和错误或更新的购物车响应:)

我希望这有帮助