Как в css увеличить размер товаров что бы полностью отображался имя товара.

[jon_sh]

Если можно подробно подскажите Как в css увеличить размер бокса товаров что бы полностью отображался имя товара на страницах категории и других страниц. Сейчас имя товара не полностью показывается. Прошу строго не судить я новичок в opencart е. Спасибо за ранее. 

[antiuser]

4 минуты назад, jon_sh сказал:

Если можно подробно подскажите Как в css увеличить размер бокса товаров что бы полностью отображался имя товара на страницах категории и других страниц. Сейчас имя товара не полностью показывается. Прошу строго не судить я новичок в opencart е. Спасибо за ранее.

 

Начните с того, что укажите ссылку на сайт

[IIOIOIOII]

Согласен. Дайте ссылочку

[yurabr]

А еще у таких тем обычно много настроек и, возможно, там настраивается...

[jon_sh]

3 часа назад, antiuser сказал:

 

Начните с того, что укажите ссылку на сайт

отправил вам в ЛС

[IIOIOIOII]

Файлик catalog/view/theme/newstore/stylesheet/stylesheet.css

Строки 1676 и 1677 закоменитруйте.

Строки вида:

height:42px;
overflow:hidden;

 

Но тогда начнут прыгать блоки. Если нужно их ровнять - смотрим в сторону js (гугл в помощь по запросу "блоки одинаковой высоты javascript)

 

Пример прыжков: 

Змінено 22 липня 2021 користувачем IIOIOIOII

[jon_sh]

22 часа назад, antiuser сказал:

 

Начните с того, что укажите ссылку на сайт

Спасибо огромное вам! Помог то что вы посоветовали в ЛС.

[jon_sh]

Может кому то пригодиться в файле стилей stylesheet.css добавил для страниц категории:

.product-grid .product-thumb .product-name {
    min-height: 140px;
}

Для товаров главной стр (модуль productany) в том же файле добавил:

.container-module-productany .product-name {

    min-height: 140px;
}

 

[IIOIOIOII]

7 часов назад, jon_sh сказал:

Может кому то пригодиться в файле стилей stylesheet.css добавил для страниц категории:

.product-grid .product-thumb .product-name {
    min-height: 140px;
}

Для товаров главной стр (модуль productany) в том же файле добавил:

.container-module-productany .product-name {

    min-height: 140px;
}

 

и что? а если везде названия будут короткими будет высокий блок? 

З.Ы. отличный подход.... Это Россия (с)

 

 

З.Ы.Ы. а моб версия вообще шикарная.

 

 

 

Змінено 23 липня 2021 користувачем IIOIOIOII