Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


jon_sh
 Погделиться

Рекомендованные сообещёния

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

Ссылка на комменирий
Погделиться на других сайих


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

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

 

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

  • +1 2
Ссылка на комменирий
Погделиться на других сайих


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

Ссылка на комменирий
Погделиться на других сайих


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

 

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

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

Ссылка на комменирий
Погделиться на других сайих


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

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

Строки вида:

height:42px;
overflow:hidden;

 

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

 

Пример прыжков: image.png.f42c0788d59ba9a0f4ce90f1eade7546.png

Изменено пользователем IIOIOIOII
  • +1 1
Ссылка на комменирий
Погделиться на других сайих


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

 

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

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

Ссылка на комменирий
Погделиться на других сайих


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

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

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

.container-module-productany .product-name {

    min-height: 140px;
}

 

Ссылка на комменирий
Погделиться на других сайих


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

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



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

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



.container-module-productany .product-name {

    min-height: 140px;
}

 

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

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

 

 

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

 

image.png.4d8d537e24e22971f12842b97aebf436.png

 

 

Изменено пользователем IIOIOIOII
Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы осивить комменирий

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.