Для начала я зашел в
catalog/view/theme/default/template/module/featured.tpl
Это файл шаблона рекомендуемых товаров.
Сделал там новый блок, в который поместил цену и кнопку.
<div class="price-horizontal">
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
</div>
Разницу ищите сами, там несложно.
Таким образом я засунул цену товара и кнопку "купить" в один блок. Назвал я его "price-horizontal".
Теперь стили.
Идем по адресу
catalog/view/theme/default/stylesheet/stylesheet.css
ищем строку
.box-product .price
этот участок отвечает за вывод цены.
добавляем
float:left; padding-left:5px;
таким образом наша цена "прилипает" к левому краю нового блока, но оставляем отступ небольшой, чтобы не вплотную.
дальше добавляем
.box-product .cart {
float:right;
padding-right:5px; }
.price-horizontal {
padding:5px;
min-height:30px; }
.box-product .cart в стилях просто отсутствовал, а price-horizontal - это класс, который я только что добавил. Дальше видно, что я с ними сделал. Кому не видно - гуглите css.
Вуаля! Осталась небольшая проблема в виде специальной цены в строку со стандартной, но это по-быстрому решается элементарным <br/> в шаблоне.
Остается настроить отступы по вкусу и наслаждаться красотой.
Соответственно, изменения действуют для "рекомендуемых". Для бестселлеров, новинок и т.п. нужно в соответствующих файлах шаблона те-же действия совершить.
Спасибо за внимание.