COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Не находит функцию equalHeights()


Denis Avilov

Recommended Posts

Ситуация следующая , делаю верстку для opencar.rpo 
на хостинге на главной страницы скрипты подгрузились , а на странице категорий нет , хотя на локалке все работает на всех странницах хорошо.
Как это исправить ?
http://www.carp-palace777.com.ua/ind...tegory&path=59

Скрытый текст


   $( document ).ready(function() {     
     $('.product-layout > .product-thumb').each(function (e) {
     $('.product-thumb h4').css('height', '').equalHeights();
     $('.product-thumb  p:first-child').css('height',"60px").css('overflow',"hidden");

          $(this).parent().attr({
           'class' : 'product-layout col-lg-4 col-md-4 col-xs-12'
         });
    });  
});

 

вод такая ошибка 

Скрытый текст

Uncaught TypeError: $(...).css(...).equalHeights is not a function
    at HTMLDivElement.<anonymous> (scripts.js:8)
    at Function.each (jquery-2.1.1.min.js:2)
    at n.fn.init.each (jquery-2.1.1.min.js:2)
    at HTMLDocument.<anonymous> (scripts.js:4)
    at j (jquery-2.1.1.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-2.1.1.min.js:2)
    at Function.ready (jquery-2.1.1.min.js:2)
    at HTMLDocument.I (jquery-2.1.1.min.js:2)

 

 

вод так выглядит страница категорий на локалке

Скрытый текст

image.thumb.png.fb072b7699c69197e9ccb564d43bafba.png

а так выглядит страница на хосте 

Скрытый текст

image.thumb.png.f159ce7169eb77c50c7f3f726ca94224.png

 

Ссылка на комментарий
Поделиться на других сайтах

Скрипты подключаются  в header.tpl
Или их нужно подключать не посредственно в product/ category.tpl?

 

На локалке все подключается все работает  на хосте нет. У меня уже тихая огония начинается , я перезал полностью сайт , ничего не помогает.

Ссылка на комментарий
Поделиться на других сайтах

Скрипты на opencart подключаются  в head на странице home.tpl и потом выводятся  переменной в начале страниц по всему сайту 

Ситуация ухудшается  тем что на локалке все работает , если бы не работало на локалке я бы на ней и искал проблему , а так как не работает только на  хосте ... 
В очередной раз не знаю что делать.(

Ссылка на комментарий
Поделиться на других сайтах

Прописал принудительные размеры высоты
но не знаю правильно ли так делать ?
 

Скрытый текст

$(function(){ 
    $('.product-layout > .product-thumb').each(function () {
       $(this).parent().attr({
           'class' : 'product-layout col-lg-4 col-md-4 col-xs-12'
       });
    }

    );
   
 //  $('.product-thumb h4').css('height','').equalHeights();

    $('.product-thumb h4').css('height','32px').css('overflow',"hidden");
    $('.product-thumb .button-group button').css('padding','12px 0');
    $('.product-thumb  p:first-child').css('height',"60px").css('overflow',"hidden");
 

});

 

 

Убирайте код под спойлер!

Ссылка на комментарий
Поделиться на других сайтах

4 часа назад, Denis Avilov сказал:

Прописал принудительные размеры высоты
но не знаю правильно ли так делать

Принудительно можно было просто в stylesheet.css прописАть.

Цитата

Скрипты подключаются  в header.tpl

В том то и дело, что когда я смотрел ваш сайт, скрипт был прописан в <head></head>только на Главной, а в категории нет.

А сейчас он и в категории прописан. Мистика.

Можете попробовать вернуть вызов скрипта. Интересно, что будет.

Ссылка на комментарий
Поделиться на других сайтах

Я попропосывал стили в css , вроде добился желаемого результата , но не могу себя коректно проверить. 
Может есть где-нибудь  на форуме тема как правильно прописывать  стили к конкретной странице с подключением скриптов.
Я просто взял скрипты из head - home.tpl скопировал и вставил в product/ category.tpl . Так ли нужно подключать скрипты к конкретным страницам ? 

Ссылка на комментарий
Поделиться на других сайтах

Сейчас у вас задана высота нужных блоков в стилях. Мне кажется, что это- оптимальный вариант для вашего сайта. Только надо немного уделить времени- проверить на разной ширине экрана. Возможно, придется дописАть медиазапросы.

 

А что у вас творится с подключением скрипта я так и не понял.

По идее, один раз подключить его в header.tpl должно быть достаточно и он должен быть везде на сайте.

Поначалу скрипт подключался только на Главной

<script src="catalog/view/theme/carp777/libs/equalheights/equalheights.js" type="text/javascript"></script>

а в категориях его не было.

Потом он появился и в Категориях ( я видел его в <head></head>)

Теперь его снова нет в категориях (я затрудняюсь предположить, как это получается)

А на Главной он есть и работает ( причем не лучшим образом).

Обратите внимание, что вы цепляете скриптом модуль, который выводится внизу( там где 4 блока в ряд вместо трех) и из-за него слишком увеличиваете высоту h4 в блоках.

Возможно, стоит отдельно для разных селекторов прописать этот скрипт, чтобы он работал  раздельно с разными блоками.

(добавить в селекторы .col-lg-3 и .col-lg-4)

Кстати, посмотрите модуль

Возможно, стоит размещать модули под контентом не в позицию content-bottom

а в позицию MAP, которую добавляет модуль. Тогда используется вся ширина контента для модулей. ( имеет смысл это делать, если в левой колонке будет только короткое меню. 

И еще, нафига вам этот слайдер в хэдере на Главной?

 

А также, попробуйте такое:

header {

    background-repeat: no-repeat;

    background-position: 50% 50%;

}

и вообще картинку-фон для heder-a надо бы обрезать

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.