Question

Подскажите пожалуйста, как сделать чтоб каталог на главной странице с товаром отображался как и "Популярные товары ($TOP_WIEW$), чтоб при добавлении новой категории товаров изображение и текст автоматически вcтавал верно как в популярных товарых. Спасибо!

Answer 1

Найдите в стилях магазина строки с 19 по 23:

table.catalog { width:100% }
table.catalog h3 { margin:0 0 0 60px }
table.catalog td { line-height:160%; padding-bottom:10px; }
table.catalog div { margin:0 0 0 60px; }
table.catalog img { float:left; margin:0; border:0; }

лучшим решением будет удалить красное, тогда будет корректно все отображаться.

Comments

Удалил в коде выделенное красным, у меня там картинки все подогнанные под один размер, сетка выпрямилась и правда, решил добавить обычное изображение в одну из категорий (Шары) В итоге фото всё ровно приобретает полный размер, не выравнивается автоматически как в TOP_WIEW

---

Oleg Nine,

Проблема в том, что вы к категориям заранее крепите фото разных размеров, если бы крепили фото одинакових размеров, все было бы ровно.

Сейчас я вам могу посоветовать заменить стили в строках с 19 по 23 на:

table.catalog { width:100% }
table.catalog h3 {text-align:center;}
table.catalog td {line-height:100%;padding-bottom:10px;background-color: #fff;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
table.catalog div { margin:0 0 0 60px; }
table.catalog img {margin: 0 auto;display: table;border:0;}

это более менее выровняет блок категорий с картинками и приобретет нормальный вид.

---

Yuri_Geruk,

Спасибо большое, Юрий! Да получилось тоже отлично! Вид категорий намного лучше выгледит )