1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Виджет для поля

Главные вкладки

Аватар пользователя sxweb sxweb 28 октября 2017 в 16:49

Приветствую. Может кто то подсказать подобный виджет для поля?
Поискал, что то не нашел ничего подобного, только те что слайдом регулируют количество.
Или такое придется самому на js писать?

ВложениеРазмер
Иконка изображения widget.png4.1 КБ

Лучший ответ

Комментарии

Аватар пользователя sxweb sxweb 28 октября 2017 в 19:07

Имеете в виду Максоплату? Что то не пойму как там скачать этот модуль, написано что он в песочнице.

Аватар пользователя Magzito Magzito 17 декабря 2020 в 17:39

Также ищу решение для такой простой задачи, но никак не могу решить.
Как для поля commerce quantity прилепить этот спиннер.
Куда подключить этот код чтобы он наконец заработал?

Аватар пользователя Magzito Magzito 18 декабря 2020 в 12:41

Решил. Может кому пригодится, потому-что в сети не найти готового решения с пояснением.
Создал шаблон поля ввода input--number.html.twig и поместил в папку темы.
Затем в этом файле внес такие изменения:

{% spaceless %}
  {%
    set classes = [
      'form-control',
      'form-number',
    ]
  %}
  {% block input %}
      {{ attach_library('includes/js/custom-form-elements') }}
       <button class="number-btn decrement" type="button" onclick="this.nextElementSibling.stepDown(); this.nextElementSibling.onchange();">-</button>
         <input{{ attributes.addClass(classes) }} />
       <button class="number-btn increment" type="button" onclick="this.previousElementSibling.stepUp(); this.previousElementSibling.onchange();">+</button>
  {% endblock %} {{ children }}
{% endspaceless %}

Появились + и - и теперь можно темизовать с помощью CSS.
Кстати ссылка на подключенную библиотеку не имеет значения. Подключал множество библиотек и все не работали. Не знаю почему. Хотя также объявлял их в файле настройки библиотек.

Аватар пользователя ivnish ivnish 18 декабря 2020 в 12:48

Этот код будет применяться ко всем инпутам в теме, что не есть хорошо. Реально проще было навесить код через js только на нужный инпут с нужным id

Аватар пользователя Magzito Magzito 18 декабря 2020 в 13:10

Да, согласен, пробовал другие названия для шаблона но они не цеплялись. Только такой подключился. Но теперь пропала возможность быстрой перемотки значений, когда мышку держишь на кнопке. Чтобы ввести значение 100 например, нужно нажимать 100 раз!!!!

Аватар пользователя marassa marassa 18 декабря 2020 в 14:29

Magzito wrote: пробовал другие названия для шаблона но они не цеплялись

А тут не нужно ничего пробовать, нужно просто включить twig debug и посмотреть suggestions для данного конкретного поля.