anastasia2222 Posted November 21, 2019 Share Posted November 21, 2019 Доброго дня! Нужна доработка модуля Интеллектуальный живой AJAX поиск товаров для Opencart. А именно - чтобы в выпадающем окне поиска справа был скролл, чтобы можно было прокруткой посмотреть все товары. http://prntscr.com/q03wib Версия Opencart 3.0 Возможно ли? сколько будет стоить такая доработка? Link to comment Share on other sites More sharing options...
AlexDW Posted November 21, 2019 Share Posted November 21, 2019 как вариант Link to comment Share on other sites More sharing options... anastasia2222 Posted November 21, 2019 Author Share Posted November 21, 2019 24 минуты назад, AlexDW сказал: как вариант Только что-то я там в демо админки не увидела, где включать/отключать эту прокрутку. И в самой демке не вижу, чтобы она была... Link to comment Share on other sites More sharing options... AlexDW Posted November 21, 2019 Share Posted November 21, 2019 она автоматически появляется когда результаты поиска превышают максимальную длину списка введите on на демо для наглядности Link to comment Share on other sites More sharing options... anboza Posted November 21, 2019 Share Posted November 21, 2019 2 часа назад, anastasia2222 сказал: И в самой демке не вижу, чтобы она была... в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. Link to comment Share on other sites More sharing options... Designer Posted November 21, 2019 Share Posted November 21, 2019 3 часа назад, anboza сказал: в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 12 часов назад, Designer сказал: height: 150px; зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 6 часов назад, sv2109 сказал: зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Потому что, это пример, если сложно догадаться.. Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 38 минут назад, Designer сказал: Потому что, это пример, если сложно догадаться.. я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha × Existing user? Sign In Sign Up Меню покупок/Продаж Back Покупки Заказы Список желаний Контактная информация Forums ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare Hosting for OpenCart × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
anastasia2222 Posted November 21, 2019 Author Share Posted November 21, 2019 24 минуты назад, AlexDW сказал: как вариант Только что-то я там в демо админки не увидела, где включать/отключать эту прокрутку. И в самой демке не вижу, чтобы она была... Link to comment Share on other sites More sharing options...
AlexDW Posted November 21, 2019 Share Posted November 21, 2019 она автоматически появляется когда результаты поиска превышают максимальную длину списка введите on на демо для наглядности Link to comment Share on other sites More sharing options... anboza Posted November 21, 2019 Share Posted November 21, 2019 2 часа назад, anastasia2222 сказал: И в самой демке не вижу, чтобы она была... в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. Link to comment Share on other sites More sharing options... Designer Posted November 21, 2019 Share Posted November 21, 2019 3 часа назад, anboza сказал: в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 12 часов назад, Designer сказал: height: 150px; зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 6 часов назад, sv2109 сказал: зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Потому что, это пример, если сложно догадаться.. Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 38 минут назад, Designer сказал: Потому что, это пример, если сложно догадаться.. я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha × Existing user? Sign In Sign Up Меню покупок/Продаж Back Покупки Заказы Список желаний Контактная информация Forums ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare Hosting for OpenCart × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
anboza Posted November 21, 2019 Share Posted November 21, 2019 2 часа назад, anastasia2222 сказал: И в самой демке не вижу, чтобы она была... в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. Link to comment Share on other sites More sharing options... Designer Posted November 21, 2019 Share Posted November 21, 2019 3 часа назад, anboza сказал: в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 12 часов назад, Designer сказал: height: 150px; зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 6 часов назад, sv2109 сказал: зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Потому что, это пример, если сложно догадаться.. Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 38 минут назад, Designer сказал: Потому что, это пример, если сложно догадаться.. я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha × Existing user? Sign In Sign Up Меню покупок/Продаж Back Покупки Заказы Список желаний Контактная информация Forums ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare Hosting for OpenCart × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
Designer Posted November 21, 2019 Share Posted November 21, 2019 3 часа назад, anboza сказал: в этом модуле, прокрутка есть и появляется автоматически, подтверждаю. в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y Link to comment Share on other sites More sharing options...
sv2109 Posted November 22, 2019 Share Posted November 22, 2019 12 часов назад, Designer сказал: height: 150px; зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 6 часов назад, sv2109 сказал: зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Потому что, это пример, если сложно догадаться.. Link to comment Share on other sites More sharing options... sv2109 Posted November 22, 2019 Share Posted November 22, 2019 38 минут назад, Designer сказал: Потому что, это пример, если сложно догадаться.. я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha × Existing user? Sign In Sign Up Меню покупок/Продаж Back Покупки Заказы Список желаний Контактная информация Forums ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare Hosting for OpenCart × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
Designer Posted November 22, 2019 Share Posted November 22, 2019 6 часов назад, sv2109 сказал: зачем ограничивать высоту блока строго в 150 пикс? экраны же у всех разные.. Мой модуль тоже поддерживает скролл: демо тутhttp://demo.sv2109.com/ocstore2302/index.php?route=product/search&search=a Потому что, это пример, если сложно догадаться.. Link to comment Share on other sites More sharing options...
sv2109 Posted November 22, 2019 Share Posted November 22, 2019 38 минут назад, Designer сказал: Потому что, это пример, если сложно догадаться.. я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Link to comment Share on other sites More sharing options... Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha × Existing user? Sign In Sign Up Меню покупок/Продаж Back Покупки Заказы Список желаний Контактная информация Forums ocStore Back Official site Demo ocStore 3.0.3.2 Demo ocStore 2.3.0.2.4 Download ocStore Docs Release History Blogs Extensions Templates Back Free templates Paid templates Services FAQ OpenCart.Pro Back Demo Buy Compare Hosting for OpenCart × Create New... Important Information On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice. I accept
Designer Posted November 22, 2019 Share Posted November 22, 2019 5 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. Все понятно, но ответ был на конкретный вопрос, а не о сложности отдачи контента, при адаптивности, кроссбраузерности и т. д. У вас это есть, хорошо, но на рассмотрение тс Link to comment Share on other sites More sharing options...
Blast Posted November 23, 2019 Share Posted November 23, 2019 15 часов назад, sv2109 сказал: я не о том, понятно, что 150 пикс в вашем ответе это пример. Я о том, что любое фиксированное число, какое бы оно не было навряд ли подойдет. Я тоже когда задался вопросом добавить скрол к своему модулю то сразу подумал: "А, ерунда, 2 строчки css кода и все", а потом начав это реализовывать понял, что 2-мя строчками кода тут никак не обойтись. Ведь нужно чтобы этот блок подстраивался под размер экрана, а это уже через css не сделать + нужно также реагировать на изменение размера экрана, ведь пользователь может например перевернуть планшет из вертикального положения в горизонтальное + идеально также учитывать позицию скрола страницы итд. А например height: 70vh чем плох? Подстроится под высоту экрана Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX Покупателям Оплата дополнений физическими лицами Оплата дополнений юридическими лицами Политика возвратов Разработчикам Регламент размещения дополнений Регламент продаж и поддержки дополнений Виртуальный аккаунт автора Политика продвижения объявлений API каталога дополнений Урегулирование споров по авторским правам Полезная информация Публичная оферта Политика возвратов Политика конфиденциальности Платежная политика Политика Передачи Персональных Данных Политика прозрачности Последние дополнения Простор - универсальный шаблон Opencart By m899 Super Special price By simple0000 Login Social Networks (Авторизации через соцсети) + Popup By S_A_P Уведомления о заказе на рабочий стол By Speaker12 Admin Attribute Filter Фильтр + Объединение атрибутов Характеристики товара By chukcha
sv2109 Posted November 23, 2019 Share Posted November 23, 2019 2 часа назад, Blast сказал: А например height: 70vh чем плох? Подстроится под высоту экрана как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна Link to comment Share on other sites More sharing options... Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page. Последние темы Последние дополнения Последние новости All Activity Home Услуги Программирование, создание модулей, изменение функциональности Нужна доработка модуля поиска AJAX
Blast Posted November 23, 2019 Share Posted November 23, 2019 5 часов назад, sv2109 сказал: как вариант, я просто не дазайнер и напрочь забыл о нем. плохо то, что нам по сути не нужна высота экрана, а нужно расстояние от элемента поиска до низа экрана. А поле поиска оно находится в шапке, которая бывает разной, если экран большой, то она может занимать 5% экрана, а если это какой-то смартфон с маленьким экранчиком то и возможно и все 70%.. яваскриптом же можно намного точнее определить, у меня правда не получилось это сделать, не хотелось тратить много времени на какое-то идеальное решение, пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента.. То есть по идее чтобы получить точную позицию нужно просуммировать позиции всех родителей элемента, после чего ее нужно отнять от высоты окна, отминусовать позицию скрола и мы получим с точностью до пиксела высоту от элемента поиска до низа окна ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() От верха поиска до низа экрана $(window).height() - ($('#search').offset().top - $(window).scrollTop()) Link to comment Share on other sites More sharing options... sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0 Go to topic listing Similar Content Ajax Live Search (Быстрый поиск товара) By kirians, November 3, 2020 ajax live search for opencart ajax (and 3 more) Tagged with: ajax live search for opencart ajax live search live search 0 comments 3,182 views kirians November 3, 2020 Ajax обновление товаров с OCFILTER By AndreLisif, May 17 5 replies 117 views AndreLisif May 17 Модуль BOOST - ускоритель OpenCart + AJAX загрузка модулей [Поддержка] 1 2 3 4 5 By sv2109, July 23, 2015 ускоритель кеширование (and 2 more) Tagged with: ускоритель кеширование скорость ускорение 104 replies 14,564 views sv2109 April 12 Доработка модуля выгрузки yml By 22468_1484692415, May 11 0 replies 119 views 22468_1484692415 May 11 без гмо Установка, настройка, доработка модулей. By Sha, February 22, 2018 услуги service (and 1 more) Tagged with: услуги service *sha* 0 comments 3,717 views Sha February 23, 2018 Recently Browsing 0 members No registered users viewing this page.
sv2109 Posted November 23, 2019 Share Posted November 23, 2019 47 минут назад, Blast сказал: ну вроде расстояние от верха экрана до элемента поиска можно вычислить так: $('#search').offset().top - $(window).scrollTop() я тоже так думал и пробовал, но у меня не работало 6 часов назад, sv2109 сказал: пробовал разные .offset() и даже .getBoundingClientRect() но они мне возвращали положение элемента относительно не экрана, а родительского элемента, наверное это связано с позиционированием элемента Link to comment Share on other sites More sharing options... anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options... anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options... Create an account or sign in to comment You need to be a member in order to leave a comment Create an account Sign up for a new account in our community. It's easy! Register a new account Sign in Already have an account? Sign in here. Sign In Now Share More sharing options... Followers 0
anastasia2222 Posted November 26, 2019 Author Share Posted November 26, 2019 В 21.11.2019 в 23:48, Designer сказал: в своем модуле достаточно добавить CSS разметку блока результата height: 150px; // Ограничить высоту просмотра overflow-x: hidden; overflow-y: auto; // Добавить появления скролла, при привышении уставноленной высоты по оси Y это просто находка, если все так просто! Скажите, а куда именно нужно это добавить? в контроллер или в шаблон? и в какой блок вставить? Link to comment Share on other sites More sharing options...
anastasia2222 Posted December 3, 2019 Author Share Posted December 3, 2019 Решено! все сделала, спасибо всем! Link to comment Share on other sites More sharing options...
Recommended Posts