Не получается упорядочить товары на страницах, все товары расположены как придется

Прошу помощи, не получается упорядочить товары на страницах, все товары расположены как придется, т.е. высота картинок прыгает друг от друга, не получается сделать ровный ряд с четкими границами вверху и внизу. Редактирование product.html не помогает. Вот пример как получается: http://binokli-shop.ru/ Нужно, чтобы все товары были расположены четко по горизонтали и вертикали.

3 ответа

  • 1
    Сергей Варенов 29 октября 2013 01:43 #
    1. сортировка находится в настройках категории "Базовый порядок сортировки товаров"
    2. в 1ых за вывод блоков отвечает файл list-table.html а не product.html
    3. Найдите код
    <div class="image">
    ....
    </div>
    И сделайте так
    <div class="image-container">
    <div class="image">....</div>
    <div class="align-helper"></div>
    </div>
    в default.css добавим
    .image-container { height: 200px } вместо 200px мб другая высота
    .align-helper {display:-moz-inline-box; display:inline-block; vertical-align:middle; height:100%; width:0px; zoom:1; //display:inline;}

    вот мой вариант, но еще не доделан
    http://vs-avto.net/index.php/category/polki-podiumy-koroba/
    • 0
      Елена Гойдина Елена Гойдина 29 октября 2013 03:22 #
      Спасибо, но не получается. У меня тема сайдбар стоит, я и там и в дефолте правила, ничего не меняется.
  • 1
    Сергей Варенов 29 октября 2013 01:47 #
    либо делаем так
    <div class="image">
    .....
    <div class="align-helper"></div>
    </div>
    ul.product_list a .image {
    width: 100%;
    height: 158px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 3px;
    overflow: hidden;
    }

    ul.product_list a img {
    display: inline-block;
    vertical-align: middle;
    }
    .align-helper {display:-moz-inline-box; display:inline-block; vertical-align:middle; height:100%; width:0px; zoom:1; //display:inline;}
  • 0
    Елена Гойдина 29 октября 2013 04:23 #
    Все, спасибо, решено изменение высоты на параметр 100%

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите