Из select в input размера в карточке товара

[n1c]

Добрый день, уважаемые программисты и гости!

Есть готовое решение как добавить цвет и размер - http://forum.simplacms.ru/topic/7421-добавить-выбор-размера-в-вариантах-товаров/ .

В теме цвет и размер выводится в SELECT, я изменил цвет в INPUT, но размер полностью не удалось перевести в INPUT.

Сделал так:

                    {foreach $product->variants as $v}
                        <input type="radio" id="{$v->id}" name="variant" value="{$v->id}"{if $v@first}checked{/if}>
                        <label for="{$v->id}">{$v->size}</label>
                    {/foreach}

Но если в админке сделать к примеру два цвета черный и желтый и с размерами S, M, L, то выводится в карточке товара размеры: S M L S M L, то есть варианты желтого цвета не скрываются. 

Помогите пожалуйста с решением.

[a13x]

Видимо у вас нет отдельных тегов для каждого цвета, т.е. правильно было бы сначала прокрутить все цвета, а внутри каждого цвета прокручивать варианты и всё это делать в отдельных div'ах, чтобы при клике на другой цвет, блок со старым цветом скрывался.

пример:

<div class=red>

   Красный

   <span> S </span>

   <span> M </span>

   <span> L </span>

</div>

 

<div class=black>

   Черный

   <span> S </span>

   <span> M </span>

   <span> L </span>

</div>

Edited November 26, 2017 by a13x

[n1c]

Видимо у вас нет отдельных тегов для каждого цвета, т.е. правильно было бы сначала прокрутить все цвета, а внутри каждого цвета прокручивать варианты и всё это делать в отдельных div'ах, чтобы при клике на другой цвет, блок со старым цветом скрывался.

пример:

<div class=red>

   Красный

   <span> S </span>

   <span> M </span>

   <span> L </span>

</div>

 

<div class=black>

   Черный

   <span> S </span>

   <span> M </span>

   <span> L </span>

</div>

 

в ссылке готовое решение но для <select>, а я делал тот же принцип но с применением <label>