Футер в категории магазина некорректно отображается

голоса: 0

Скажите пожалуйста , как сделать так , чтобы когда появился товар нижний футер автоматически опускался в низ

Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Интернет-магазин
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1

Попробуйте отредактировать скрипт - http://xn----ptbkiabnjae4m.xn--p1ai/js/ui.js закомментируйте на время с него часть скрипта:

/*
function fHeight() {
        var f = $('footer');
        var fHeight = f.height();
        $('#spacer').height(fHeight);
        f.css('margin-top', '-' + fHeight + 'px');
    }
*/

добавить выделенное и отписаться по результату.

| Автор:
Сделал как вы сказали
Максим Медведев,

С стилей удалите строку номер 31:

footer {
 margin-top: -175px;
}

и проблема решена.

Yuri ладно с этим разберусь . Вы можете подсказать , как сделать чтобы в каталоге выводилось по горизонтали 4 товара  , вместо 3-ёх

Чтобы вот так получилось

Максим Медведев,

Первое, правим стили строка номер 796:

.list-item {
 display: inline-block;
 vertical-align: top;
 width: 32%; заменить на 22
 margin: 1%;
 margin-top: 0; эту строку удалить вовсе
 position: relative;
 overflow: hidden;
 border-spacing: 0;
}

далее смотрим стили строки номер 817-821:

/*.list-item:nth-child(3n) {
 margin-right: 0;
}
.list-item:nth-child(3n+1) {
 margin-left: 0;
}*/

добавьте выделенное и очистите кеш в браузере, готово, товары будут отображаться в 4 колонки

Работает , спасибо . А чтобы получить результат как на фото выше , возможно ?
Я вроде бы сделал . Правильно или нет ?)
Огромное вам человеческое спасибо! :) Вы топ :)
...