Estou aprendendo o Spree 3.0 e tenho uma loja de teste que vende shorts.

Shorts tem vários tipos de opções: Tamanho, Cor, Comprimento

Eu queria mudar a maneira como ele exibe as opções de variantes no frontend de uma caixa de seleção de rádio para uma caixa suspensa.

Atualmente, o Spree exibe os tipos de opção como botões de opção:

Quero alterar isso para usar menus suspensos para cada tipo de opção, assim:

Eu tentei o seguinte:

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

Mas ele simplesmente exibe os valores de todos os tipos de opção em cada tag:

Eu queria saber a melhor maneira de dividir os valores das opções em menus suspensos individuais?

Qualquer ajuda é muito apreciada, obrigado.