Сетка товаров

[Kozak1991777]

Знаю, что уже 100500 тем было. Читал по форуму, но для себя решения не нашел. Вот ссылка: http://tehnoua.netxi.in/product-category/butovaya-tehnika/boyleru. С картинками я заморочился и сделал все одинакового размера. У меня пляшет сетка из-за разной длинны заголовков, от того есть цена или нет, а если есть скидка, то отображается 2 цены. Пробовал разные CSS для обрезки заголовков, которые здесь предлагали - ничего не подошло. Я так понимаю, что если у меня две причины - заголовки и цена, то мне нужно 2 СSS? Я в этом плохо разбираюсь, поэтому прошу у вас помощи.

 

[tuxfighter]

Вы бы рассказали что именно вы хотите сократить....
Вот например:

.product-title-wrapper .product-title{
    overflow: hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
}

Оставляет от названия товара только одну строчку

А это:

span.price{
    display: none !important;
}

удаляет цену

 

[Kozak1991777]

Огромнейшее спасибо, tuxfighter. По заголовку именно то, что мне нужно было. Цену скрывать не хочу, это как-то неправильно. А возможно ли наоборот как-то - в те карточки где нет цены добавить пустые поля, чтобы они выровнялись по высоте.

 

[tuxfighter]

А возможно ли наоборот как-то - в те карточки где нет цены добавить пустые поля, чтобы они выровнялись по высоте.

Возможно.
Но на каждом разрешении экрана будет разная высота.
Можно написать правила для каждого разрешения.
Но не за так и не между делом.