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 #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.'
}
});
');

Удивительно, работает! Теперь цены нет этому плагину :)
Цитировать
0 #2 admin 02.03.2016 10:31
Цитирую Max:
Возникло несколько вопросов по плагину:

1. Относительно того, как выровнять по высоте блоки с разными ID. С одинаковым там понятно, в админке плагина в поле "Селектор выбора блока" класс ввел и все выравнивается отлично.
А вот если мне нужно выровнять, например, контентную часть и боковой сайдбар, то в следующее поле "Селектор выбора блока" можно прямо прописать два класса (ID) подряд? У себя пробовал прописывать через запятую #middlecol, #sidebar, вроде бы и выравнивает, но неровно, разница в высоте блоков около 10px.
Пробовал делать вручную, как здесь описано, отключал плагин, в index.php между прописывал и в файле скрипта simpleeqh.js дефолтный код менял (или добавлял под него) на указанный здесь, где .auto-height .auto-height2.

Но так блоки вообще перестали выравниваться.

2. Можно как-нибудь отключить работу плагина на мобильной версии сайта? Например, ограничить по разрешению экрана?

Заранее благодарю!


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

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


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

В этом случае выравнивание будет работать, если ширина окна будет больше чем 1040px
Цитировать
0 #1 Max 27.02.2016 18:11
Очень сильно благодарю Вас, сансей :) Очень выручили!
Вчера поиск не принес результатов, а вот сегодня таки нашел то, что искал.
Честно говоря, не верилось, что плагин будет работать. Нужно было в магазине joomshopping на страницах списков товаров в категориях выровнять блоки товаров, которые идут в 2-ве колонки. Разная длина заголовков + разные размеры картинок приводят к ужасному перекосу и убогому зрелищу.
А плагин спас. Установил, зашел в админку плагина, прописал свой css класс, активировал и вуаля.
Такого простого решения на Интернет-просторах мне найти не удалось, поэтому от души благодарю!!!
Цитировать
Copyright www.maxx-marketing.net

Расширения

Аддон и ajax модуль сравнения товаров
1500 руб.
Адаптивный шаблон и плагин расширений JoomShopping
1500 руб.
Аддон выводит атрибуты в списке товаров
1000 руб.
Плагин платных расширений JoomShopping
1000 руб.
Адаптивный слайдер, карусель товаров JoomShopping
1000 руб.
Модуль корзины с иcпользованием Ajax технологии
1000 руб.
Информационная нижняя панель (dockbar)
1000 руб.
Zoom эффект при наведении курсора
900 руб.
Настраиваемый шаблон Joomla 3 на основе Bootstrap 3
700 руб.
Joomla 3 шаблон на основе Bootstrap 3
700 руб.
Задать вопрос о товаре в списке и в карточке товара
500 руб.
JoomShopping карусель миниатюр изображений в карточке товара
500 руб.
Изображения в модальном окне fancyBox
500 руб.
Обновление от 22.12.2016г.
JoomShopping кнопки + / -
JoomShopping кнопки изменения количества товара
500 руб.
Модуль контактной формы с иcпользованием Ajax технологии
500 руб.
Модуль добавления интерактивной карты на сайт
500 руб.
Плагин для вставки видео с Youtube на сайты Joomla
500 руб.
Адаптивный шаблон Joomla 3 на основе Bootstrap 3
500 руб.
Адаптивные вкладки (табы) для Joomla
0 руб.
Плагин CSS3 анимации элементов
0 руб.
Плагин SimpleQH для выравнивания блоков по высоте
0 руб.
Соглашение на обработку персональных данных по 152-ФЗ
0 руб.

 

Наши платежные реквизиты

WMR R189734255107
WMU 102469349120
Яндекс деньги - 41001160794290
Master card - 5106 2140 0068 6856