Перейти к содержанию
Официальный форум поддержки Simpla

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


Рекомендуемые сообщения

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

Есть готовое решение как добавить цвет и размер - 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, то есть варианты желтого цвета не скрываются. 

LpCIUSFezcE.jpg

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

Ссылка на сообщение
Поделиться на другие сайты
  • 3 недели спустя...

Видимо у вас нет отдельных тегов для каждого цвета, т.е. правильно было бы сначала прокрутить все цвета, а внутри каждого цвета прокручивать варианты и всё это делать в отдельных 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>

Изменено пользователем a13x
Ссылка на сообщение
Поделиться на другие сайты
  • 4 недели спустя...

Видимо у вас нет отдельных тегов для каждого цвета, т.е. правильно было бы сначала прокрутить все цвета, а внутри каждого цвета прокручивать варианты и всё это делать в отдельных 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>

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...