Jump to content

Высота плиток с товаром


Recommended Posts

ок, спасибо

Еще одна проблема, на одной из страниц сайта образуется "дыра" при отображении товаров категории. 

http://svet-premium.ru/category/Konsolnye-30-100-Vt.html

Screenshot_1.jpg

Кэш сбрасывала, не помогает

 

Link to post
Share on other sites
support
40 минут назад, Olga_Ya сказал:

ок, спасибо

Еще одна проблема, на одной из страниц сайта образуется "дыра" при отображении товаров категории. 

http://svet-premium.ru/category/Konsolnye-30-100-Vt.html

Screenshot_1.jpg

Кэш сбрасывала, не помогает

 

А у Вас в /app/webroot/js/vamshop.js есть вот такой код?!

// Responsive equal height

$(document).ready(function(){
if ($(window).width() > 767) {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
}
});

$(document).ajaxComplete(function () {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
});

По идее, он как раз выравнивает колонки с товаром, если у Вас разная высота картинок.

Как раз для того, что б не было вот такой ситуации как на скриншоте.

 

27 минут назад, support сказал:

ок, спасибо

 

Попробуйте заменить указанный код на:

// Responsive equal height

$(document).ready(function(){
if ($(window).width() > 767) {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
    $('.featured-categories .thumbnails .thumbnail a.image img').matchHeight();
    $('.shop-products .thumbnails .thumbnail a.image img').matchHeight();
    $('.featured-categories .thumbnails .thumbnail .title').matchHeight();
    $('.shop-products .thumbnails .thumbnail .title').matchHeight();
}
});

$(document).ajaxComplete(function () {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
    $('.featured-categories .thumbnails .thumbnail a.image img').matchHeight();
    $('.shop-products .thumbnails .thumbnail a.image img').matchHeight();
    $('.featured-categories .thumbnails .thumbnail .title').matchHeight();
    $('.shop-products .thumbnails .thumbnail .title').matchHeight();
});

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

и всё будет ровно в любых ситуациях.

Сейчас у Вас распадается потому что у одного товара название в 2 строки, другой товар в 3 строки, какой-то товар в одну строку.

Link to post
Share on other sites
13 минут назад, support сказал:

А у Вас в /app/webroot/js/vamshop.js есть вот такой код?!


// Responsive equal height

$(document).ready(function(){
if ($(window).width() > 767) {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
}
});

$(document).ajaxComplete(function () {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
});

У меня был только первый кусок кода

// Responsive equal height

$(document).ready(function(){
if ($(window).width() > 767) {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
}
});

Заменила на тот, что Вы написали, всё теперь ровненько.

Спасибо!!!

Link to post
Share on other sites
support
8 минут назад, Olga_Ya сказал:

У меня был только первый кусок кода

// Responsive equal height

$(document).ready(function(){
if ($(window).width() > 767) {
    $('.featured-categories .thumbnails .thumbnail').matchHeight();
    $('.shop-products .thumbnails .thumbnail').matchHeight();
}
});

Заменила на тот, что Вы написали, всё теперь ровненько.

Спасибо!!!

Не за что.

Я по умолчанию заменил в коде этот кусок, что б всегда ровно было.

Спасибо, что сообщили о проблеме.

Link to post
Share on other sites
×
×
  • Create New...