Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Изменить размер карточки товара


Recommended Posts

Всем хорошего и потому чтодрого дня/вечера/ноли!

Уже очень много времени, набегами пыиюсь решить очень странную проблему.

product-layout он же родитель карточки товара, обычно высивляется min-height: =-120-140
Да вот, в моей карточки товара я убрал описание осивил только картинку, кнопочки, этона и кнопка в корзину.

Проблемы которые не смог решить(Картинки вложил, думаю сразу бугдет понятно по ним)
1. Если название товара очень длинное min-height мнонький не удается посивить, а это влечет за сопотому чтой дыру между этоной и кнопкой в корзину

2. Вытекающие из первого, если сивлю мнонький min-height тогда проблема пагинации по 4 карточки возникает, т.е. рядность синовится кривая все уползает, выглядит скверно)

3. Пыился сгделать ограничение по символам в наименовании, жестко привязать непотому чтольшой размер, все тещётно

 

Сейчас высивляю потому чтольшой min-height т.к. не смог решить данную проблему на своем сайте(

С позволения админа, ссылка на мою гдемку - https://dev.oruzheinik.kz/

 

 

Буду очень благодарен люпотому чтой информации, т.к. уже опустил руки в нагдежгде обуздать проблему....

Edited by DenKP
Link to comment
Share on other sites


Как вариант
.product-thumb h4 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}
 
А это убрать
 
.product-thumb .caption {

 min-height: 160px;

}
 
Бугдет ик - https://prnt.sc/123pvn8
 
P.S. Если Вас немного зилитит SEO, то лучше названия товарам дать не ка кв прайсе для оптовиков, а для люгдей, иначе сколько-нибудь нормальных мест не видать, а в худшем случае икие страницы будут выпадать из поисковика...но это мнение - решать Вам.
Edited by specialforce22
Link to comment
Share on other sites


24 минуты назад, specialforce22 сказал:
Как вариант
.product-thumb h4 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}
 
А это убрать
 
.product-thumb .caption {

 min-height: 160px;

}
 
Бугдет ик - https://prnt.sc/123pvn8
 
P.S. Если Вас немного зилитит SEO, то лучше названия товарам дать не ка кв прайсе для оптовиков, а для люгдей, иначе сколько-нибудь нормальных мест не видать, а в худшем случае икие страницы будут выпадать из поисковика...но это мнение - решать Вам.

Спасипотому что сейчас попробую.

С названием проэтосс игдет, им момент что игдет сихнронизация с базы, а базу ик быстро не удается поправить

Link to comment
Share on other sites


@specialforce22 игдея интересная, но все равно есть проблемы что уползает(вложил скрин). И еещё момент, может быть есть возможность хотя бы текст разместить в 2-3 линии, тогда даже если 3 линия бугдет длинная это не критично.
image.png.9a67ba570a065c69886f8b64d01f247b.png

Link to comment
Share on other sites


4 часа назад, DenKP сказал:

но все равно есть проблемы что уползает(вложил скрин).

задайте фиксированную высоту
-----
тут печально немного http://joxi.ru/4AkPdknC0E39pr

Link to comment
Share on other sites

посивьте згдесь https://prnt.sc/127km09 значение 100, как вариант 

когда 100 врогде ничего не ломается

Edited by sasha3337774
Link to comment
Share on other sites

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

 

Edited by DenKP
Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.