Автор Патешин Евгений Апр - 20 - 2013 Комментариев: 6
Как вы успели заметить мой сайт двух-колоночный и в этой статье я поделюсь как это делается. Обратите внимание, что руководство предназначено для Prestashop 1.5, если вы хотите попробовать в версии 1.4, не копируйте слепо код, а делайте все по аналогии.
Для того что бы попробовать этот способ предлагаю вам создать копию шаблона, который вы хотите сделать двух-колоночным. Так вы сохраните оригинал и в случае неудачной попытки повторить еще раз.
В Prestashop 1.5 появилась возможность создания новой темы прямо из бэк-офиса.
Настройки- >шаблоны->добавить новый(кнопка справа в виде плюсика). Название шаблона может быть произвольным, а в поле «тема по умолчанию для копирования недостающих файлов шаблона» выбираете шаблон над которым хотите поработать. Для примера я буду работать с шаблоном по умолчанию-default, а новую тему назову default_mod.
Все что будет описано ниже лучше всего проверять на локальном сервере. Перед изменениями файлов шаблона рекомендуется установить опцию «Рекомпилировать файлы шаблонов если файлы были обновлены» в Расширенные параметры->Производительность
Сохраняем и активируем вновь созданную тему.
Приступаем к изменениям файлов шаблона. Для создания двух колонок редактируем файл header.tpl в themes/default_mod/header.tpl
Я использую редактор Notepad++ . Открываем файл и находим строчки
<!-- Left --> <div id="left_column" class="column grid_2 alpha"> {$HOOK_LEFT_COLUMN} </div>
<!-- Center --> <div id="center_column" class=" grid_5">
<!-- Left --> {*<div id="left_column" class="column grid_2 alpha"> {$HOOK_LEFT_COLUMN} </div>*}
<!-- Center --> <div id="center_column" class=" grid_7 alpha">
Обратите внимание что я изменил еще и класс центрально колонки изменив на grid_7 alpha.
Левая колонка на сайте у нас не будет видна пользователям, но модули расположенные в ней будут по прежнему активны, поэтому следует зайти в бэк-офисе Модули->Расположение модулей и удалить ненужные вам модули, а нужные перенести в правую колонку с помощью «Живого редактора».
Обновляем страницу сайта и видим следующую картину
Необходимо поправить шаблон модуля homefeatured.
Внимание! Все файлы шаблонов и css модулей необходимо менять в папке вашей темы, в нашем случае default_mod. В противном случае при обновлении версии Prestashop вы потеряете все свои изменения.
Находим файл шаблона модуля популярные товары в директории themes/default_mod/modules/homefeatured/homefeatured.tpl
и изменяем строку
{assign var='nbItemsPerLine' value=4}
на
{assign var='nbItemsPerLine' value=5}