Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Съехали товары в категории


Recommended Posts

Доброго времени суток, форумчане!
Столкнулся с небольшой проблемой
На странице категории очень странно отображаются товары
На одной строчке 3 товара, на другой 1
Как будто остаются пустые места
Что можно с этим сделать?

Прикрепляю ссылку на страницу категорий:
http://гидротех-центр37.рф/electro-dvigateli

Надіслати
Поділитися на інших сайтах


11 минут назад, lambda371 сказал:

Доброго времени суток, форумчане!
Столкнулся с небольшой проблемой
На странице категории очень странно отображаются товары
На одной строчке 3 товара, на другой 1
Как будто остаются пустые места
Что можно с этим сделать?

Прикрепляю ссылку на страницу категорий:
http://гидротех-центр37.рф/electro-dvigateli

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

#content .item-inner .product-name {
  1. margin: 8px 0 0;
  2. height: 40px;
}
Змінено користувачем Ptenec
Надіслати
Поділитися на інших сайтах

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

Первый же скрипт с гугла B)

$(document).ready(function(){
    $.fn.equivalent = function (){
            //запишем значение jQuery выборки к которой будет применена эта функция в локальную переменную $blocks
        var $blocks = $(this),
            //примем за максимальную высоту - высоту первого блока в выборке и запишем ее в переменную maxH
            maxH    = $blocks.eq(0).height(); 

        //делаем сравнение высоты каждого блока с максимальной
        $blocks.each(function(){
            maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
            /*
            Этот блок можно записать так:
            if ( $(this).height() > maxH ) {
                maxH = $(this).height();
            }
            */
        });

        //устанавливаем найденное максимальное значение высоты для каждого блока jQuery выборки
        $blocks.height(maxH); 
    }

    //применяем нашу функцию в элементам jQuery выборки - $('.nav')
    $('.product-name').equivalent(); 
});

 

Змінено користувачем wbDev
Надіслати
Поділитися на інших сайтах


15 минут назад, Ptenec сказал:

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

#content .item-inner .product-name {
  1. margin: 8px 0 0;
  2. height: 40px;
}

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

Змінено користувачем wbDev
Надіслати
Поділитися на інших сайтах


Что интересно, подобная проблема проблема поднимается чуть не каждый месяц и решение на форуме уже есть. Вот, например.

Но каждый раз кому-то лень искать...

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.