Опции select class

В чем весь сабж.Как видно на фото есть 1 вариант и два свойства.(извиняюсь за оформление)

На сайте они отображаются так:

Код:

<!-- Выбор варианта товара -->
               
		<form class="variants" action="/cart">
			
                       
                        
                        <select name="variant1" {if $product->variants|count==1  && !$product->variant->name1}style='display:none;'{/if}>
				{foreach $product->variants as $v}
				<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">
				{$v->name1}
				</option>
				{/foreach}
			</select>
                        
                        <select name="variant2" {if $product->variants|count==1  && !$product->variant->name2}style='display:none;'{/if}>
				{foreach $product->variants as $v}
				<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">
				{$v->name2}
				</option>
				{/foreach}
			</select>
                        
                        
                        
			<div class="price">
				<strike>
				{if $product->variant->compare_price > 0}
				{$product->variant->compare_price|convert}
				{/if}
				</strike>
				<span>{$product->variant->price|convert}</span>
				<i>{$currency->sign|escape}</i>
			</div>
                        
                        
                        
			<input type="submit" class="button" value="в корзину" data-result-text="добавлено"/>
		</form>
		<!-- Выбор варианта товара (The End) -->

я убрал variant name ...и вроде бы все хорошо...но есть одно НО...если выбираешь первый "КРАСНЫЙ" и первый "35"-все хорошо....но чтобы выбрать 36 красный.нужно обязательно выбрать "красный" второй и "36" второй....скажите как сделать так, чтобы не было повторяющихся вариантов и в корзину все отправлялось без ошибок

P.S нужно чтобы стало как здесь