Подскажите как вызвать поиск при нажатии изображения? Есть изображение и при нажатии на него нужно что бы появилась строка поиска по сайту
Добрый вечер!
Где вы хотите это реализовать? в карточке товара , в листе, или просто, изображение на месте штатного поиска?
ПС Хотя , скорее всего, все равно JS.
На месте стандартного поиска
- скрываете строку поиска, например, классом hidden
- на картинку добавляете onClick="$(’.ty-search-block’).show();"
где ty-search-block - класс скрытой строки поиска
А можно пожалуйста чуть подробнее куда чего прописать?)
Еще вариант в блоке поиска поставить галку “Отображать в выпадающем окошке”
и через стили уже добавить изображение
1 лайк
Немного не подходит этот вариант. Идея вообщем такая что бы на ПК поиск был всегда открытый, а на тел строка поиска была скрыта под картинку и при нажатии на картинку строка поиска открывалась соответственно, что бы строка хорошо вмещалась на экране тел
если скрыть для телефонов, то hidden-phone
прописываете в Пользовательский CSS-класс в блоке “Поиск”
Или же кнопка, если новая версия http://joxi.ru/BA08RdZCPzPVWA
Сделайте два блока, один для ПК без включенной галочки, другой для моб с включенной.
1 лайк
Это я понял) как и куда добавить вот это: onClick="$(’.ty-search-block’).show();"
Вот у меня есть картинка добавлена вот таким методом: а вот куда вот это вставить onClick="$(’.ty-search-block’).show();"
Например,
<img src="путь/до/картинки" onClick="$(’.ty-search-block’).show();" />
Проверьте, чтобы кавычки нормальные были (одинарные и двойные). А то иногда не те копируются отсюда
Скопировались правильно, где одиночные там одиночные, двойные аналогично
Делаю это все в блоке “HTML блок с поддержкой Smarty”
Может класс не тот указываю? Указываю класс .top-search
Прописал одиночные ковычки вручную и нажатие на картинку вообще ни как не реагирует
Дайте ссылку на сайт
Все получилось сделать) Не хватало точки перед show. Спасибо)
