Jump to content
Sign in to follow this  
takecare1

Единый размер карточек товара

Recommended Posts

Подскажите плиз, как сделать так, чтобы все карточки товара были одинакового размера и разъезжались кто куда:

sIynZip.png

Share this post


Link to post
Share on other sites

Можно. Например засунуть в таблицу со строками фиксированной высоты.

Share this post


Link to post
Share on other sites

Можно. Например засунуть в таблицу со строками фиксированной высоты.

То есть переверстать в табличку? Как то не современно. Может быть лучшим вариантом будет ограничить количество строк описания из-за которых происходит сдвиг вниз? Заголовок тоже думается ограничить по символом ибо бывают разные названия продуктов. Кстати в шаблоне от xds это реализовано. Посмотрите как там сделано все равно и четко.

Share this post


Link to post
Share on other sites

ну либо min-height установить)

я так понимаю, это в css, подскажите плиз как)

Share this post


Link to post
Share on other sites

catalog/view/theme/default/stylesheet/stylesheet.css добавить

.caption p{min-height:80px}

попробуйте, подгоните по высоте как вам надо, 80-90 хоть сколько)

Share this post


Link to post
Share on other sites

catalog/view/theme/default/stylesheet/stylesheet.css добавить

.caption p{min-height:80px}

попробуйте, подгоните по высоте как вам надо, 80-90 хоть сколько)

Извините, я плохо разбираюсь. Тут есть куча атрибутов всего с "product" в названии, куда подставлять, подскажите плз)

Share this post


Link to post
Share on other sites

Спасибо, разобрался методом подбора, а можно как-то цену удерживать на фиксированном расстоянии от нижней границы карточки, чтобы не скакала: 

 

KYGLowc.png

Share this post


Link to post
Share on other sites

в stylesheet.css 585 строка в .product-thumb .price добавьте margin-top: 48px; и т.д.

Share this post


Link to post
Share on other sites

в stylesheet.css 585 строка в .product-thumb .price добавьте margin-top: 48px; и т.д.

Если добавляю это, то проблема из первого поста сабжа снова возвращается, есть какие-то еще выходы?

Share this post


Link to post
Share on other sites

А почему бы не убрать описание с сетки? И проблема уйдет в принципе.

Share this post


Link to post
Share on other sites

Кстати да, когда задача "с ценою" - проблемы быстрее решаются. ;)

Share this post


Link to post
Share on other sites

Понимаю, что быстрее, но тут любому мало-мальски спецу 1 минуты хватит на решение, просто я нуб и мне приходится тратить больше времени.

Нашел решение: 
 

.product-thumb .price {
color: #444;
position: absolute; 
bottom: 75px;

2 строки дописать в css файл, сколько вы считаете, это стоит? :)

Share this post


Link to post
Share on other sites

я нуб и мне приходится тратить больше времени.

 

И? В чем ненормальность? Зато в следующий раз уже сами сделаете.

 

 

 

2 строки дописать в css файл, сколько вы считаете, это стоит?  :)

 

 

 

Как-то на одном заводе сломался очень дорогущий станок. И если не работает станок, то очень сильно страдает все производство. Прибыль падает, заказчики недовольны – полный набор последствий. Начали искать специалистов, которые могли бы починить станок.

Пришёл один – пошарил, но так ничего и не сделал. Пришёл ещё один – повозился, но так ничего и не сделал…И тут прошёл слух, что есть специалист, который может решить проблему. Но его услуги стоят очень дорого – 10 000 еврейских европейских ден. бумажек.

Ну не – это лишком уж дорого, подумало руководство завода. И стали вызывать менее квалифицированных мастеров, пытаясь сэкономить. Да только никто из них так и не смог запустить станок. Делать нечего – простой затянулся, прибыли просели. Позвонили. высокооплачиваемому специалисту…

Он пришёл. Примерно минуту ходил около станка. Что-то нюхал, присматривался.Потому взял кувалду да ка-аааа-к даст со всей дури по станку! Станок ухнул, и заработал…

Руководство завода опешило – как так: за 1 удар кувалдой 10 000 евриков!? А специалист и говорит:

- Нет. За удар кувалдой – 6 евриков. Остальное за то, что знаю куда бить.

Share this post


Link to post
Share on other sites

вообще, тестирование прошло неудачно), решение не правильное у меня

Share this post


Link to post
Share on other sites

замена bottom: 75px; на bottom: 12%; частично решает проблему, но если совсем сжать окошко браузера, то цена наезжает на текст

Edited by takecare1

Share this post


Link to post
Share on other sites

И? В чем ненормальность? Зато в следующий раз уже сами сделаете.

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

Share this post


Link to post
Share on other sites

Подскажет и сделает за вас - это две большие разницы. Я вам самый первый подсказал. Вы послушали?

Share this post


Link to post
Share on other sites

Извините, я плохо разбираюсь. Тут есть куча атрибутов всего с "product" в названии, куда подставлять, подскажите плз)

откройте секрет какая строчка?

Share this post


Link to post
Share on other sites

Подскажите, пожалуйста, по вопросу высоты карточки.

Если вставить после 

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
}   
вот эту часть 
.product-thumb p {
    display: none;
}

исчезает  не только описание, но и цена. Как сделать  так, чтобы цена осталась, а высота карточки все-таки оставалась одинаковой?

Share this post


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

исчезает  не только описание, но и цена

.caption h4 + p {
  1. display: none;
}

 

Но лучше убрать этот абзац из tpl ( я так думаю)

Edited by jaffagold

Share this post


Link to post
Share on other sites
В 03.02.2016 в 14:13, takecare1 сказал:

чтобы все карточки товара были одинакового размера и разъезжались кто куда:

надо ровнять не внутренние блоки, а наружный периметр

 

Например( если описание уже убрано):

.product-thumb {
  height: 360px;
}

Можно потом задать height для .caption h4

чтобы уровнять по высоте Названия в одну и две строки.

И цена подожмется везде одинаково

 

 

Edited by jaffagold

Share this post


Link to post
Share on other sites

Вот это убрала:

.product-thumb p {
    display: none;
}

Вот это оставила:

.product-thumb .caption {
    padding: 0 20px;
    min-height: 100px;
} 

Далее пошла, наверное, топорным, но пока единственно доступным для моего понимания способом - лимит количества символов названия товара, отображаемых в категории.

Вот так:

заменила

 'name' => $result['name'],
на 
'name' => utf8_substr(strip_tags(html_entity_decode($result['name'], ENT_QUOTES, 'UTF-8')), 0, 30) . '..',

В категориях вроде бы  подровнять удалось, НО на главной в "Рекомендуемых", "Новых" все как было, так и осталось... Может быть, и там как-то можно поправить?

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.

Sign in to follow this  

  • 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.