1 Востаннє редагувалося mmy3uka (28.07.2020 10:14:44)

Тема: Вирівнювання карточки товару

Алоха піпл. Тема куплена з templatemonsters спеціально під woocommerce, але багато де я замітив таку "шнягу" - http://angelatko.com/shop/, тобто карточка товару чомусь перескакує.

Я завжди робив костиль через css зменшуючити на декілька пікселів розмір карточки товару, але це не варіант кожного разу таке робити в різних темах.

Хто може пояснити чому так відбувається і як цього уникнути?



Ось оригінал - https://one.templatemonster.com/demo/95013.html

2 Востаннє редагувалося FakiNyan (28.07.2020 10:27:53)

Re: Вирівнювання карточки товару

певно, через різну висоту карток. Перша картка має більше тексту знизу, ніж решта карток, і воно не дає картці знизу нормально припаркуватись
https://i.imgur.com/xjntt2O.png

3

Re: Вирівнювання карточки товару

Найпростіше виправити через flex, але в такому випадку потрібно перевіряти на всіх розширеннях і браузерах (прогнати через https://www.browserstack.com/ )

Посилання на знімок у високій якості https://postimg.cc/fkvTdCzX

https://replace.org.ua/uploads/images/3896/fd3b2d95a72a9ac7e2b0fb429b26cb75.png

4

Re: Вирівнювання карточки товару

Для того, щоб усі картки були одного розміру, необхідно задати max-height та встановити overflow: hidden;
В такому випадку також потрібно дивитись , щоб частина тексту не була за прихованою. Тому height потрібно підбирати.

Подякували: 0xDADA11C71