Рубрики
PrestaShop

Создание шаблона для PrestaShop

создание шаблонов Presta ShopВ данном посте приводится инструкция по созданию собственного шаблона для PrestaShop. Для создания темы вам потребуются базовые знания CSS и HTML. Создание шаблона будет производиться не с нуля, а используя код уже имеющейся дефолтной темы. Для того чтоб написать шаблон с нуля, необходимо иметь представление о шаблонах Smarty.

1. Копируем содержимое папки /themes/prestashop в вновь созданную вами /themes/web-esse.

2. Изменяем стили, отвечающие за размещение и отображение блоков. Главный файл стилей находится в папке вашей темы  /css/global.css

Например, как изменить логотип магазина на PrestaShop и центральный блок с товаром

Изменение логотипа в PrestaShop

Для этого необходимо заменить изображения в корневой папке /img/logo.jpg (не в подпапке темы).

За отображение центрального блока с изображением отвечает модуль Editorial, если вы просто хотите изменить центральную картинку, замените её в папке /modules/editorial/homepage_logo.jpg, чтобы вообще убрать этот блок (например заменить на слайдшоу продукции) можно удалить папку /modules/editorial

В результате получится примерно следующее:

Изменение логотипа prestashop

3. Все изображения используемые для дизайна должны быть размещены в подпапке вашей темы /img, т.е путь получается такой /themes/web-esse/img

4. Изменение настроек модулей PrestaShop (например, количество отображаемых тегов в облаке) можно осуществить либо вручную, либо через панель администрирования:

Панель Управления >> Модули

Выбираем интересующий нас модуль, нажимаем настроить и задаём нужное значение.

В этом же разделе можно управлять позицией модуля.

5. Создаём превью (preview.jpg) размещаем его в корне нашей темы, разрешение не должно превышать 100*100 пикселей.

6. Переходим к изменению содержимого страницы:

Убираем ссылку «Работает на PrestaShop» — для этого необходимо отредактировать файл
\modules\blockvariouslinks\blockvariouslinks.tpl

Удаляем или изменяем строки между

	
  • ....
  • Добавляем уведомление об авторских правах с автоматической подстановкой текущего года — для этого редактируем файл footer.tpl, который находится в папке вашей темы.
    Сразу после ($ HOOK_FOOTER) добавляем:

    {l s='Copyright'} © {$smarty.now|date_format:"%Y"} {$shop_name|escape:'htmlall':'UTF-8'}. {l s='Все права защищены'}.
    

    подвал будет выглядеть следующим образом:
    Добавляем уведомление об авторских правах

    Добавление слайд шоу на главную страницу PrestaShop описано в следующем посте.

    5. Переключаем пользовательский шаблон в панели администрирования PrestaShop

    Back Office >> Preferences >> Appearance >> Themes section
    Панель Управления >> Настройки >> Дизайн

    115 ответов к “Создание шаблона для PrestaShop”

    такая проблема, кто-нибудь знает как поменять местоположение краткого товара, оно сместилось вниз под изображение или как убрать его вообще

    Здравствуйте, уважаемая Снегурка. Тут такой вопрос. Случаным образом в Панель управления> Модуль> Позиции , удалил один из модулей, именно из таблицы позиционирования. Восстановить туда не могу, потому что не запомнил, потому что случайно произошло. Вроде всё работает, но это пока. Скажите откат базы данных на сервере поможет вернуть в админке недостающий модуль назад на прежнюю позицию?

    Добавлял сегодня вопрос, но почему-то исчез. Подскажите плиз, если сделать откат базы данных на сервере, то реально ли вернуть удалённую позицию модуля в админке и на сайте? именно позицию в карте позиционирования, не сам установленный модель

    кто знает как изменить стандартный шаблон pressta shop чтобы он был шире на всю страницу? Может есть у кого готовое что-то подобное http://www.tv-trade.com/ ?

    Необходимо изменить вёрстку основных блоков страницы. Сложно ответить на вопрос более подробно в рамках комментария.

    где найти фаил footer.tpl в папке /themes/prestashop/ его нет

    Обсуждение закрыто.