Лупа

InstantCMS 2.X
#1 13 ноября 2021 в 18:48

Вечер добрый. Подскажите, как можно вставить изображение лупы в форму поска в виджете?

Изображение

#2 13 ноября 2021 в 20:31

Вы код знаете? Ну я имею ввиду код пишите сами?

#3 14 ноября 2021 в 13:06

Вечер добрый. Подскажите, как можно вставить изображение лупы в форму поска в виджете?

Yar

Сомневаюсь, что вам там нужно изображение. Возможно, вы имели ввиду кнопку с такой иконкой  или просто фон для поля?

#4 15 ноября 2021 в 12:36

 Алексей Т, не, сам я могу только вставлять куда скажут )

 Олег Васильевич я, ну да, принцип не важен, здесь иконкой или фоном — без разницы, главное, чтоб посетитель после ввода текста жал её, а не про интер догадывался.

#5 15 ноября 2021 в 13:50

Да заметил по карте кликов что многие жмут на поиск, а результата ноль. Понятно что надо жать на клаве Интер. Пользователям же не объяснить.

Но это же не правильно.

Получается поиском могут пользоваться только те кот об этом знает.

Изображение

#6 15 ноября 2021 в 14:57

templates/modern/controllers/search/widgets/search/search.tpl.php

  1. <?php echo html_input('text', 'q', '', ['placeholder'=>LANG_WD_SEARCH_QUERY_INPUT, 'class' => '']); ?>

заменить на

  1. <div class="input-group">
  2. <?php echo html_input('text', 'q', '', ['placeholder'=>LANG_WD_SEARCH_QUERY_INPUT, 'autocomplete' => 'off']); ?>
  3. <div class="input-group-append">
  4. <button class="btn" type="submit">
  5. <?php html_svg_icon('solid', 'search'); ?>
  6. </button>
  7. </div>
  8. </div>

Пример (в сайдбаре)

Изображение

#7 15 ноября 2021 в 15:23

<button class=«btn» type=«submit»>

Нифигаccе о-го-гошеньки

Имхо, если эту строку заменить на:

  1. <button class="btn btn-primary" type="submit">

Ваш пример станет немного красивее

#8 15 ноября 2021 в 17:06

 Нифигаccе о-го-гошеньки, Ну нифигасе, как замечательно получилось, ого! Спасибо!

Олег Васильевич я, да не то слово, ещё круче стало! Спасибо!

#9 15 ноября 2021 в 17:34

Спасибо! Нужная штука

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.