В файле stylesheet.css внести следующие изменения:
#wrapper {
float:left;width:100%
}
#column_left {
float:left;
width:180px;
margin-left:-100%
}
#column_right {
float:left;
width:180px;
margin-left:-180px
}
Дальше для примера рассмотрим файл \catalog\view\theme\ваша_тема\template\product\product.tpl
В нем в первых строках сейчас должно быть вот что:
<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content">
<div class="top">Это значит, что при выводе страницы сначала осуществляется подключение хедера, потом левого блока, потом правого, и только потом идет собственно текст о товаре. Все это не очень хорошо, так как важнейший для поисковиков текст оказывается погребенным под тонной мусора из кода. Исправить все просто - в первой строке оставляем лишь:
<?php echo $header; ?>и в строчке ниже добавляем див с нашим враппером:
<?php echo $header; ?>
<div id="wrapper">
<div id="content">А вывод боковых колонок опускаем в самый низ:
<?php echo $column_left; ?><?php echo $column_right; ?>
<?php echo $footer; ?>При этом не забудьте закрыть открытый выше <div id="wrapper">с помощью тега </div>Если я не ошибаюсь, закрывать его нужно перед той строкой, где начинается код подключенных яваскриптов:
<script type="text/javascript">Аналогичные операции нужно повторить со всеми нужными файлами *.tpl (не только в папке product, возможно вам не нравится, что на странице с контактной инфой (\catalog\view\theme\ваша_тема\template\information\contact.tpl) тоже выводятся сначала боковые колонки, а лишь потом основной контент).Если вы в начале правильно изменили файл стилей, то все блоки должны выводиться на своих местах, если же все поехало в разные стороны - ищите ошибки в главном файле стилей.
UPD: Спасибо товарищу snastik, который увидел ошибку с #wrapper