Верстка блока страницы

[Lilya]

Здравствуйте! Может кто-нибудь знает как переделать станицу. Она выглядит так:

А хочется, чтобы выглядела так:

А вот тот файл, который отвечает за отрисовку:

<?php if ($products) { ?>

<div class="box">

  <div class="box-heading"><img src="" alt="" /><?php echo $heading_title; ?></div>

  <div class="box-content">

    <div class="box-product">

      <?php foreach ($products as $product) { ?>

      <div>

        <?php if ($product['thumb']) { ?>

        

        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>"  width="69" height="104" /></a></div>

        <?php } ?>

        <?php if ($product['price']) { ?>

        <div class="price">

          <?php if (!$product['special']) { ?>

          <?php echo $product['price'];  ?>

          <?php } else { ?>

          <span class="price-new"><?php echo $product['special']; ?></span>

          <?php } ?>

        </div>

        <?php } ?>

        <?php if ($product['rating']) { ?>

        <?php } ?>

      </div>

      <?php } ?>

    </div>

  </div>

</div>

<?php } ?>

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

 

[AlexDW]

код - это код файла шаблона, в нем структура вывода

а вот как именно будет отображать - это в css

 

ссылка на сайт поможет больше чем куски кода

[Lilya]

Спасибо за ответ. Итак, открываю к корне сайта папку .../catalog/view/theme/default/stylesheet, там находятся файлы css, но там нету файла с названием этого модуля (модуль - последние просмотренные). 

 

Мне хочется переделать вывод в этот модуль, т.к. хочется, чтобы он отображал аж 6 последних просмотренных фотографий. Но если не менять код в модуле (или в css), то окошко это становится очень длинное и как-то неуклюже смотрится. При этом только 3 товара - как-то маловато. Наверное, компромиссом будет если по два товара в строчке.

Кстати, в том коде, который я выкладывала вначале, мне удалось нащупать-таки те строки, которые отвечали за ненужные мне поля и я их удалила. А вот дизайн-верстка - тут уже по-сложнее... (x)

[mazein]

stylesheet.css

#column-left .box-product > div, #column-right .box-product > div {
  width: 75px;
  margin-right: 0px;
}

[Lilya]

Спасибо. Помогло. Только не с первого раза. Может кэш где-то еще был, но потом нормально стало. Спасибо.