Prestashop 1.6 первые шаги

Заполнение каталога.

Неплохое видео по заполнению каталога Prestashop.

Правим стандартный шаблон default-bootstrap Prestashop 1.6.1.18

Стандартный шаблон в Prestashop 1.6 довольно неплохо сделан: адаптивный, код почти валидный и вроде бы все на своих местах. Но есть перу но: телефон в шапке скрыт в мобильном разрешении, лого сам на себя ссылается на главной, корзина как-то не в рифму количество считает, теги не совсем логичны в некоторых местах и некоторые другие косяки. Исправлением их и займемся далее, ну еще и дизайн  поправим.

Чтобы видеть все изменения в шаблоне, заходим в меню Конфигурация>Результат,
Принудительная перекомпиляция, Кеш>Нет>Сохранить. Когда сайт будет готов, нужно будет изменить эти настройки.

Смотрю на шаблон, первое что бросилось в глаза: ссылка на сайт Prestashop внизу страницы. Давайте ее будем убирать). Для этого не обязательно править код шаблона, заходим в админку, затем в Модули>Блок CMS (blockcms)>Настроить, в самом низу убираем галочку – Отображать в футере надпись “Работает на PrestaShop”.

Копирайт

Если вы хотите например вставить свой копирайт, правим шаблон themes\default-bootstrap\modules\blockcms\blockcms.tpl, находим код в строке 129

Меняем на что-то типа этого:

Заголовок меню

В навигационном меню убираем заголовок-ссылку. Что-то мне кажется, что в ней нет особого смысла. В этом же файле, строка 30, комментируем код:

Топ бар

Далее возьмемся за топбар, в котором указан номер телефона, изменить его можно через меню > Модули > Модули и сервисы > Блок контактов, мне не очень нравится, что телефон скрывается в мобильной версии, и место пустует, можно добавить туда например свое УТП или маркетинговую фишку. Да и надписи учетной записи и связи можно поменять на иконки. Вообщем вот моя версия:

themes\default-bootstrap\modules\blockcontact\nav.tpl

themes\default-bootstrap\modules\blockcuserinfo\nav.tpl

themes\default-bootstrap\css\modules\blockcontact\blockcontact.css

themes\default-bootstrap\css\modules\blockcuserinfo\blockcuserinfo.css

Обратите внимание, я рассчитал длину рекламного текста с учетом залогиненого пользователя.

Логотип

Далее можно добавить логотип Настройки > Шаблоны> логотип я выбрал высотой 65px, очень хочется добавить надпись под логотипом и убрать ссылку с главной, сделать это можно в шаблоне:

themes\default-bootstrap\header.tpl, ищем код:

Меняем на

Корзина

Далее исправим косяк с корзиной:
modules/blockcart/blockcart.tpl , где +, добавлены строки, где – , удалены.

Теперь товары будут отображаться правильно.

Тюнинг сортировки в категории.

Заменяем класс у первого div на horizontal_select, комментируем заголовок и лишние option. Мой пример: themes\default-bootstrap\product-sort

Добавляем CSS в themes\default-bootstrap\css\global.css

Там же через поиск по .content_sortPagiBar .sortPagiBar #productsSortForm select – строка примерно 6xxx удаляем свойство
max-width: 192px;
и
@media (max-width: 991px) {
.content_sortPagiBar .sortPagiBar #productsSortForm select {
max-width: 160px; } }

После чего, открываем категорию, чистим кеш, ctrl+f5 и должно получиться так:

Prestashop 1.6 первые шаги

Картинка и описание категории.

Мне не очень нравится скрипт сжатия текста, да и вообще вывод, товары хотелось бы выводить вначале, а описание можно делать и побольше внизу страницы, вот моя версия файла category.tpl

В global.css комментируем

 А в CSS категории themes\default-bootstrap\css\category.css
Добавляем:

Ищем класс .content_scene_cat , комментируем /* border-top: 5px solid #333; */,
меняем цвет, color: #d7d7d7; на color: #333;
и в классе .content_scene_cat span.category-name меняем color: #fff; на color: #777;

Должно получится так:

Prestashop 1.6 первые шаги

Комментарии 6

  • Добрый день! Очень благодарен за эти интересные и полезные статьи. Всё просто и доступным языком описано. Очень жду новых шагов по этой CMS.

  • Добрый день,

    нашел themes\default-bootstrap\modules\blockcms\blockcms.tpl, все исправил, обновил страницу – ничего не изменилось…

    есть ли вероятность, что нужный .tpl лежит в другом месте?

    • Добрый вечер! Есть вероятность, если шаблон родной стоит, что нужно почистить кеш – Расширенные параметры – Производительность

  • Добрый день!
    Пытался опустить описание категорий вниз, за товары, но чет ничего не получилось, при изменении кода просто описание категории вообще удаляется!
    Как бы разобраться, помогите пожалуйста!

    Шаблон сайта стандартный.

    • Виталий, добрый день, просто скопируйте мой код в свой файл category.tpl, и очистите кеш.

  • Добрый вечер.
    Спасибо за доработку отображения под категорий сверху описания. Дельная вещь.
    Загрузил ваш файл, вроде все норм.
    Подправил чуток слили под свой.
    Подскажите, вот Вы пишите: В global.css комментируем, я так понял закрываем. Но у меня нет в этом файле такой строчки –

    .categoryname{color:#FFF!important;}
    может я не там смотрел, /http/themes/default-bootstrap/css/global.css Я этот код не нашел и не закрыл. Подскажите, может не правильный у меня путь?
    А так, очень круто, действительно отлично.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика