Размер карточки товаров в телефонной версии

[grifferok]

Здравствуйте все! В общем, у меня как обычно проблема))) можно ли задать определённый размер для карточек товара в телефонной версии?

Змінено 2 квітня 2019 користувачем grifferok

[grifferok]

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

можно конечно

а как?)

Через min/max-height не работает

Змінено 2 квітня 2019 користувачем grifferok

[MKaizer]

6 минут назад, grifferok сказал:

а как?)

Через min/max-height не работает

Через медиа запросы

[grifferok]

9 минут назад, MKaizer сказал:

Через медиа запросы

@media (max-width: 767px) {
.product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
}

пытался сюда. Но, как понимаю неверно

Змінено 2 квітня 2019 користувачем grifferok

[MKaizer]

Поверьте, очень трудно чем-то помочь не видя сайт

[Jozzeff]

Установите названию товара определенную высоту, к примеру height: 50px;

 

Змінено 2 квітня 2019 користувачем Jozzeff

[grifferok]

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

Поверьте, очень трудно чем-то помочь не видя сайт

С этого надо было начинать)) НО, мне помог вариант с установлением определённой высоты, так что думаю уже бессмыслено... Только если хотите) Но, всё равно огромное спасибо за помощь!

[grifferok]

6 минут назад, Jozzeff сказал:

Установите названию товара определенную высоту, к примеру height: 50px;

 

И вам спасибо огромное, думал бы дня три наверное, как обычно у меня)

[pimur]

display: flex

https://medium.com/@stasonmars/вёрстка-на-flexbox-в-css-полный-справочник-e26662cf87e0

Приятного время провождения)

Отправлено с моего ZB631KL через Tapatalk

[pimur]

А ещё можно ограничить текст до 2 строк или js скриптом выставить. Вариантов масса.

Отправлено с моего ZB631KL через Tapatalk

[pimur]

Установите названию товара определенную высоту, к примеру height: 50px;
 

Ага, и как только текст перевалит за 50 px что мы будем иметь?

Тогда и сразу если так делать, то заранее рассчитать сколько line-height уместиться в эту высоту, обещать лишнее.

Отправлено с моего ZB631KL через Tapatalk

[grifferok]

1 минуту назад, pimur сказал:

А ещё можно ограничить текст до 2 строк или js скриптом выставить. Вариантов масса.

Отправлено с моего ZB631KL через Tapatalk
 

Вот это интересно, в js я уж точно полный ноль.Хотел спросить про js, но, не стал. Как можно ограничить текст до двух строк? 

2 минуты назад, pimur сказал:

display: flex

https://medium.com/@stasonmars/вёрстка-на-flexbox-в-css-полный-справочник-e26662cf87e0

Приятного время провождения)

Отправлено с моего ZB631KL через Tapatalk
 

Спасибо)

[Jozzeff]

 

12 минут назад, pimur сказал:

А ещё можно ограничить текст до 2 строк или js скриптом выставить. Вариантов масса.

Вы еще скажите что можно через фреймворки Angular или React сделать ))

[pimur]

 
Вы еще скажите что можно через фреймворки Angular или React сделать ))

Зачем?

Отправлено с моего ZB631KL через Tapatalk

[Jozzeff]

Человек с css еле разбирается, а тут в js предлагают 

[pimur]

Спасибо)

http://qaru.site/questions/15506/limit-text-length-to-n-lines-using-css

Отправлено с моего ZB631KL через Tapatalk

[pimur]

Человек с css еле разбирается, а тут в js предлагают [emoji3]

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

Отправлено с моего ZB631KL через Tapatalk

[grifferok]

20 часов назад, pimur сказал:

Ага, и как только текст перевалит за 50 px что мы будем иметь?

Тогда и сразу если так делать, то заранее рассчитать сколько line-height уместиться в эту высоту, обещать лишнее.

Отправлено с моего ZB631KL через Tapatalk
 

И как обычно-благодарю! Хотел сделать через js, но решил что с css будет быстрее) В общем вы мне сейчас помогли даже больше чем я думал, потому-что карточка стала не такой громоздкой, а для товаров мелкого типа это очень даже удобно. Ещё раз преклоняюсь перед вами!)

[grifferok]

19 часов назад, Jozzeff сказал:

Человек с css еле разбирается, а тут в js предлагают 

Спасибо конечно)) Но, я тогда тупил, мне как головастику в разборе в чужом коде очень трудно))(и да, я знаю что это просто css)Но вот такой вот я В общем-и вам спасибо большое за то-что хоть как-то откликнулись в момент моего мозгового торможения)

Змінено 3 квітня 2019 користувачем grifferok