Перейти к содержимому


Фото
- - - - -

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

product size simpla

  • Чтобы отвечать, сперва войдите на форум
2 ответов в теме

#1 n1c

n1c
  • Пользователь
  • 196 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Украина

Опубликовано 10.11.2017 - 12:54

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

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

В теме цвет и размер выводится в 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

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



#2 a13x

a13x
  • Пользователь
  • 190 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Опубликовано 26.11.2017 - 20:08

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


#3 n1c

n1c
  • Пользователь
  • 196 сообщений
  • Дизайн, Верстка
  • Версия CMS:2.x
  • Откуда:Украина

Опубликовано 23.12.2017 - 16:17

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







Также с меткой «product, size, simpla»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых