Jump to content
grifferok

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

Recommended Posts

Posted (edited)

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

image.png.0a6ab3ede8ce044a51eb3e9b8d915c81.png

Edited by grifferok

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Posted (edited)
11 минут назад, nikifalex сказал:

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

а как?)

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

Edited by grifferok

Share this post


Link to post
Share on other sites
6 минут назад, grifferok сказал:

а как?)

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

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

Share this post


Link to post
Share on other sites
Posted (edited)
9 минут назад, MKaizer сказал:

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

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

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

Edited by grifferok

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Posted (edited)

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

 

Edited by Jozzeff

Share this post


Link to post
Share on other sites
11 минут назад, MKaizer сказал:

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

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

Share this post


Link to post
Share on other sites
6 минут назад, Jozzeff сказал:

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

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
Установите названию товара определенную высоту, к примеру height: 50px;
 
Ага, и как только текст перевалит за 50 px что мы будем иметь?

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

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

Share this post


Link to post
Share on other sites
1 минуту назад, pimur сказал:

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

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

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

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

display: flex

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

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

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

Спасибо)

Share this post


Link to post
Share on other sites

 

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

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

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

Share this post


Link to post
Share on other sites
 
Вы еще скажите что можно через фреймворки Angular или React сделать ))
Зачем?

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Человек с css еле разбирается, а тут в js предлагают 
Человек проявляет интерес, наша задача как сообщества, направить. Дальше если интересно, пусть изучает.
Если наиграется и надоест, придет уже с конкретным пожеланием и точно опишет, с ссылками и т.д
Либо пойдет в раздел job и оформит тз.

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

  • +1 1

Share this post


Link to post
Share on other sites
20 часов назад, pimur сказал:

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

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

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

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

Share this post


Link to post
Share on other sites
Posted (edited)
19 часов назад, Jozzeff сказал:

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

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

Edited by grifferok

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.