0
Ваша корзина пуста
Товаров в корзине 0 на сумму 0 руб. Перейти в корзину Оформить заказ
0
Ваш список пожеланий пуст
Товаров в списке пожеланий 0 на сумму 0 руб. Перейти в список пожеланий
 
Плагин для выравнивания блоков по высоте
jQuery плагин SimpleEQH Скачать
Joomla 2.5, Joomla 3 плагин SimpleEQH Скачать

Плагин для выравнивания блоков по высоте


Цена: 0 руб.

Часто вид блочной верстки портится из-за разной высоты блоков (контейнеров) соседних колонок.

Упростить задачу по выравниванию высоты контейнеров и призван jQuery плагин Simple EQH.

Возможности плагина

1. Автоматическое выравнивание высоты указанных блоков по наиболее заполненному блоку, подобно тому как это происходило бы в табличной вёрстке.

2. Настраиваемые слекторы (классы) для указания блоков.

Установка

1. Подключаем плагин после подключения библиотеки jQuery

<script src="//simpleeqh.js" type="text/javascript"></script>

 2. Активируем плагин добавив следующий код в тело вашей страницы, или добавив его в ваш скрипт файл:

$(window).load(function(){ 
$(".auto-height").simpleEQH();
});

Этот код выравняет высоту всех блоков с классом auto-height.

Если необходимо привести блоки с разными классами к одной высоте, то необходимо использовать следующий код:

$(window).load(function(){ 
$(".auto-height, .auto-height2").simpleEQH();
});

Этот код выравняет высоту блоков с классами auto-height и auto-height2 по наиболее заполненному блоку.

Если необходимо выравнять блоки с разными классами, каждый по наибольшему блоку своего класса, используем следующий код:

$(window).load(function(){ 
$(".auto-height").simpleEQH();
$(".auto-height2").simpleEQH();
});

Комментарии   

0 #17 sadomov 21.10.2020 21:57
Цитирую sadomov:
Плагин стал ломать верстку в сопутствующих товарах. Шаблон responsive_brooksite_v2

Выход: переименовать класс
0 #16 sadomov 21.10.2020 21:53
Плагин стал ломать верстку в сопутствующих товарах. Шаблон responsive_brooksite_v2
+1 #15 admin 20.02.2017 22:33
Цитирую Игорь:
Цитирую admin:

Попробуйте. Плагин должен помочь.

Это круто! Я рад без памяти! три дня не мог победить эту проблему, а тут такое простое и эффективное решение!. Спасибо большое за офигенский плагин!

Хорошо, что помогло. Не забывайте, что длинные названия можно сокращать с помощью css свойства text-overflow: ellipsis; не прибегая к js или php.
Например, если текст содержится в блоке с классом name в теге "a", можно написать:
Код:
.name a { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }

Ну, и для отображения всего текста при наведении:
Код:
.block_product:hover .name a { white-space: normal; }
0 #14 Игорь 20.02.2017 22:21
Цитирую admin:

Попробуйте. Плагин должен помочь.

Это круто! Я рад без памяти! три дня не мог победить эту проблему, а тут такое простое и эффективное решение!. Спасибо большое за офигенский плагин!
+1 #13 admin 20.02.2017 16:35
Цитирую игорь:
Добрый день.
У меня на клубных шаблонах в ЖШ некорректно отображаются товары на странице категории. Это происходит из-за длиниы названия товара. Там, где название длиннее, сам блок становится выше, в связи с чем под него не становится другой товар, а переезжает вправо под блок с нормальной высотой. Этот плагин то, что мне нужно, или я неправильно понял?

Попробуйте. Плагин должен помочь.
0 #12 игорь 20.02.2017 15:33
Добрый день.
У меня на клубных шаблонах в ЖШ некорректно отображаются товары на странице категории. Это происходит из-за длиниы названия товара. Там, где название длиннее, сам блок становится выше, в связи с чем под него не становится другой товар, а переезжает вправо под блок с нормальной высотой. Этот плагин то, что мне нужно, или я неправильно понял?
0 #11 admin 08.12.2016 12:37
Цитирую Вадим:
Здравствуйте! Можно ли сделать так, чтоб плагин работал с AJAX пагинацией. После подгрузки контента выравнивания нет. Спасибо!

Вызвать функцию выравнивания после завершения ajax запроса. Нужен какой-то callback от вашей пагинации...
0 #10 Вадим 08.12.2016 12:21
Здравствуйте! Можно ли сделать так, чтоб плагин работал с AJAX пагинацией. После подгрузки контента выравнивания нет. Спасибо!
0 #9 admin 03.06.2016 09:07
Цитирую samogon13:
Доброго времени суток
объясните подробнее
закидываю файл на сайт в папку /plugins/system/sex/simpleeqh.js
подключаю в index.php прописываю
а это куда ?
$(window).load(function(){
$(".auto-height").simpleEQH();
});
Помогите пожалуйста выровнять
_http://rkmed.net/index.php/jshopping/product-category

Если у вас Joomla, то просто устанавливаете плагин и идете в его настройки.
Если у вас другая CMS, то скачиваете http://brooksite.ru/components/com_jshopping/files/demo_products/Simpleeqh.rar
Подключаете скрипт, прописав в вашем index.php
Код:
<script src="/plugins/system/sex/simpleeqh.js" type="text/javascript"></script>


и в этом же index.php следом пишите
Код:
<script type="text/javascript">
$(window).load(function(){
$(".auto-height").simpleEQH();
});
</script>
0 #8 samogon13 03.06.2016 00:39
Доброго времени суток
объясните подробнее
закидываю файл на сайт в папку /plugins/system/sex/simpleeqh.js
подключаю в index.php прописываю


а это куда ?

$(window).load(function(){
$(".auto-height").simpleEQH();
});
Помогите пожалуйста выровнять
_http://rkmed.net/index.php/jshopping/product-cate gory
0 #7 admin 20.05.2016 15:19
Цитирую Антон:
Не работает выравнивание.
Не пойму что куда прописывать после активации плагина

В настройках плагина есть поля для указания класса выравниваемых блоков.
0 #6 Антон 20.05.2016 13:43
Не работает выравнивание.
Не пойму что куда прописывать после активации плагина
0 #5 admin 09.03.2016 19:12
Цитирую KLS:
СSS3 - flexbox
Все уже встроено :)

Да есть такая штукенция. Кому интересно, можно по-изучать спецификацию https://www.w3.org/TR/css3-flexbox/
0 #4 KLS 09.03.2016 16:45
СSS3 - flexbox
Все уже встроено :)
+1 #3 Max 02.03.2016 17:03
Благодарю!:)

Цитирую admin:


1. Должно работать. Разность в высоте возможна из-за ваших настроек CSS. Смотрите отступы.


Действительно, дело оказалось в padding. Просто когда фаербагом правил отступы, то ничего не менялось. А когда в стилях убрал отступы и перезагрузил страницу, то все выровнялось.

Цитирую admin:

2. В принципе можно. Пропишите в simpleeqh.php код вместо
Код:
$doc->addScriptDeclaration('
jQuery(window).load(function(){
'.$eqh.'
});
');


Следующий
Код:
$doc->addScriptDeclaration('
jQuery(window).load(function(){
if (jQuery(window).width()>=1040){
'.$eqh.'
}
});
');

Удивительно, работает! Теперь цены нет этому плагину :)

Недостаточно прав для комментирования

Copyright MAXXmarketing GmbH
JoomShopping Download & Support

Расширения Joomla и JoomShopping, представленные на нашем сайте, разработаны нами. Мы не воруем и не продаём чужой труд. Приобретая расширения у нас, вы получаете полную поддержку и сопровождение.

"Чёрный список" сайтов, где незаконно продают наши расширения: joomlok.com, vk.com/joomlaz, for-cms.com, joocms.ru, null-script.ru, skladchik.com, joomlfun.ru. Остерегайтесь мошенников!

Расширения

Адаптивный шаблон и плагин расширений JoomShopKit V2
950 руб.
Адаптивный шаблон и плагин расширений JoomShopping
750 руб.
Заказ товара, которого нет в наличии
700 руб.
Модуль сравнения товаров
700 руб.
Задать вопрос о товаре в списке и в карточке товара
500 руб.
Аддон выводит атрибуты в списке товаров
500 руб.
Плагин платных расширений JoomShopping
500 руб.
JoomShopping карусель миниатюр изображений в карточке товара
500 руб.
JoomShopping печатные формы (накладная, ТОРГ12, товарный чек, счёт)
500 руб.
Адаптивный слайдер, карусель товаров JoomShopping
500 руб.
Модуль корзины с иcпользованием Ajax технологии
500 руб.
Информационная нижняя панель (dockbar)
500 руб.
Фильтр товаров JoomShopping с иcпользованием Ajax технологии
500 руб.
Модуль контактной формы с иcпользованием Ajax технологии
500 руб.
Плагин для вставки видео с Youtube на сайты Joomla
500 руб.
Joomla 3 шаблон на основе Bootstrap 3
500 руб.
Joomla 3 шаблон на основе Bootstrap 3
500 руб.
Zoom эффект при наведении курсора
450 руб.
Настраиваемый шаблон Joomla 3 на основе Bootstrap 3
350 руб.
Изображения в модальном окне fancyBox
250 руб.
JoomShopping кнопки изменения количества товара
250 руб.
Модуль добавления интерактивной карты на сайт
250 руб.
Адаптивные вкладки (табы) для Joomla
0 руб.
Плагин CSS3 анимации элементов
0 руб.
Плагин SimpleQH для выравнивания блоков по высоте
0 руб.
Соглашение на обработку персональных данных по 152-ФЗ
0 руб.
Адаптивный шаблон Joomla 3 на основе Bootstrap 3
0 руб.