Страницы шаблонов Prestashop

Структура файла для темы

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

Во-первых, вот список необходимых шаблонов файлов (спойлер alert: 60 из них. Да, все они необходимы для различных функций PrestaShop):

<tdкласс = «confluenceTd»> заказ адрес продукт line.tpl<tdкласс = «confluenceTd»> заказ return.tpl
Имя файла
Почему это необходимо
Другие файлы шаблонов, используемые этот шаблон в теме по умолчанию
404. ТПЛ Отображается, когда не удается найти файл.  
Address.tpl Позволяет клиенту создать новый адрес.
  • Errors.tpl
Addresses.tpl Позволяет клиенту для просмотра ее текущего адреса.  
Authentication.tpl Позволяет клиенту для входа в свою учетную запись.
  • заказ steps.tpl
  • Errors.tpl
Лучший sales.tpl

Отображает список продаваемых товаров.

  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl
Breadcrumb.tpl  Отображает категории путь к текущей категории/продукта.
  • Breadcrumb.tpl
Категория cms дерево branch.tpl Проходит через категории CMS для их отображения.
  • Категория cms дерево branch.tpl
Категория count.tpl Отображает количество товаров в категории.  
Категория дерево branch.tpl Проходит через категории продуктов для их отображения.
  • Категория дерево branch.tpl
Category.tpl Отображает содержимое категории: сцены, изображение, текст, продукт компаратора, и т.д.
  • Errors.tpl
  • Scenes.tpl
  • Категория count.tpl
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl
  • продукт compare.tpl
CMS.tpl Отображает содержимое страницы CMS.  
контакт form.tpl Отображает форму контакта клиента.
  • Errors.tpl
Discount.tpl Отображает список заказчика ваучеров.  
Errors.tpl Отображает текущие ошибки.  
Footer.tpl Отображение колонтитула.
  • Global.tpl
Global.tpl Определяет несколько переменных Smarty, JavaScript наиболее заметные из них.  
гость tracking.tpl Отображает страницу отслеживания для гостевой посетителями (посетителей с нет учетной записи).
  • заказ detail.tpl
Header.tpl Отображает заголовок: doctype в HTML, ссылки на CSS-файлы, и т.д.
  • Breadcrumb.tpl
History.tpl Отображает все ее предыдущие заказы клиента.
  • Errors.tpl
Identity.tpl Отображает и обновления личной информации клиента.
  • Errors.tpl
Layout.tpl Призывает основные кирпичи темы: заголовок, колонтитул, колонны, текущий шаблон и Интеракт.
  • Header.tpl
  • Footer.tpl
Maintenance.tpl Отображает специальную страницу когда магазин находится в обслуживании.  
Производитель list.tpl Отображает список всех производителей.
  • Errors.tpl
  • NBR продукт page.tpl
  • pagination.tpl
manufacturer.tpl Отображение товаров от одного производителя.
  • Errors.tpl
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl
my-account.tpl Отображает страницу аккаунта клиента.  
NBR продукт page.tpl Отображает количество продуктов на текущей странице.  
Новый products.tpl Отображает блок с новой продукцией.
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт compare.tpl
  • pagination.tpl
заказ адрес multishipping-products.tpl Отображает адреса для доставки продукта в multishipping ситуации.
  • заказ адрес продукт line.tpl
заказ адрес multishipping.tpl  
  • заказ steps.tpl
  • Errors.tpl
  • заказ адрес multishipping-products.tpl
   
заказ address.tpl  
  • заказ steps.tpl
  • Errors.tpl
заказ carrier.tpl  
  • заказ steps.tpl
  • Errors.tpl
заказ confirmation.tpl  
  • Errors.tpl
  • заказ steps.tpl
заказ detail.tpl    
заказ follow.tpl    
заказ opc новый account.tpl    
заказ opc.tpl  
  • Шоппинг cart.tpl
  • заказ address.tpl
  • заказ opc новый account.tpl
  • заказ carrier.tpl
  • заказ payment.tpl
  • Errors.tpl
заказ payment.tpl  
  • Errors.tpl
  • заказ steps.tpl
  • Шоппинг cart продукт line.tpl
 
  • Errors.tpl
заказ slip.tpl    
заказ steps.tpl    
pagination.tpl    
Password.tpl  
  • Errors.tpl
цены drop.tpl  
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl
  • продукт compare.tpl
  • pagination.tpl
продукт compare.tpl    
продукт список colors.tpl    
продукт list.tpl    
продукт sort.tpl    
продукт.tpl  
  • Errors.tpl
  • продукт list.tpl
Продукция comparison.tpl    
ограничено country.tpl    
Scenes.tpl    
Search.tpl  
  • Errors.tpl
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl
Шоппинг cart продукт line.tpl    
Шоппинг cart.tpl  
  • заказ steps.tpl
  • Errors.tpl
  • Шоппинг cart продукт line.tpl
Sitemap.tpl  
  • Категория дерево branch.tpl
  • Категория cms дерево branch.tpl
Stores.tpl    
store_infos.tpl    
Поставщик list.tpl    
Supplier.tpl Делает возможным для отображения списка товаров на поставщика.
  • Errors.tpl
  • продукт sort.tpl
  • NBR продукт page.tpl
  • продукт compare.tpl
  • pagination.tpl
  • продукт list.tpl

Давайте погружение в пути тема организована: папки, файлы, где они принадлежат и как их правильно обрабатывать

Организация темы

  • Организация темы
    • Папки
      • Эскизов файлов
      • CSS и Sass
        • CSS
        • Сасс / компас
      • Шрифт
      • Изображение
      • JavaScript
      • Язык
      • Мобильная тема
    • Файлы
      • Файлы шаблонов
      • Таблицы стилей
      • Файлы изображений
      • Инструменты

Папки

Основные папки любой темы темы являются:

  • В / кэш папка содержит все временные файлы, которые создаются и повторно для того, чтобы облегчить нагрузку на сервер. Папка пуста по умолчанию.
  • В /CSS папка содержит все CSS-файлы.
    • В /Sass папка содержит все Sass .SCSS исходные файлы, прежде чем они компилируются в CSS-файлов.
  • В Алмазная папка содержит файлы необходимых шрифтов.
  • В / IMG папка содержит все изображения.
  • В добавленным/js папка содержит все файлы JavaScript.
  • В / lang папка содержит темы переводов. Его права доступа должен составлять CHMOD 666 (к примеру), так что инструмент перевода бэк-офиса может читать и писать в него.

Следующие папки не являются непосредственно связанные с темой, но помочь, вы убедитесь, что все функции PrestaShop имеют дизайн, который соответствует вашей теме:

  • В /mails Папкасодержит шаблоны для писем, что PrestaShop отправляет (подтверждение заказа, запроса пароля, Доставка уведомлений и т.д.).
  • В / Мобильные папка содержит Мобильная версия темы.
  • В Сделайте папка содержит файлы шаблонов для многих модулей.
  • В /PDF папка содержит файлы шаблонов для PDF-файлов, что PrestaShop генерирует (счета-фактуры, заказы на поставку, доставку скольжения и т.д.).

Корень папки содержит файлы TPL только, а также Preview.jpg миниатюру файла.

Эскизов файлов

В Preview.jpg файл в корне папки темы — эскиз, который используется в своем бэк-офисе тема селектор PrestaShop.

Он служит визуальное напоминание о том, что тема, и вы должны поэтому сделать ее скриншот, а не логотип вашей компании.

Он может иметь любой размер – тема по умолчанию 180 * 445 пикселей.

Он должен быть в JPEG-файле.

CSS и Sass

CSS

Темы CSS файлы расположены в /CSS папка.

Рекомендуется иметь общих стилей для глобальных правил CSS: Global.CSS.
Затем, каждый из контроллера должен иметь свой собственный CSS файл: например, Product.CSS на странице продукта.

Сасс / компас

Sass и компасфайлы необязательны: вам не нужно использовать эти инструменты для создания CSS-файлы для вашего бэк-офиса темы.

Если вы используете Sass и компас, мы настоятельно рекомендуем поставить источник .SCSS файлы в /Sass Тема, так что другие разработчики могут иметь доступ к категориям и переработать их более легко.

Оттуда, вы можете создавать CSS-файлов в /CSS папки от файлов Sass /Sass Папка!

Шрифт

В Алмазная папка не является обязательным: он содержит шрифты, которые вы выбрали для использования для вашей темы.

Например тема использует по умолчанию PrestaShop Awesome шрифта шрифт установлен)http://fortawesome.GitHub.IO/Font-Awesome/) для его чутко икон, и поэтому имеет следующие файлы в своей Алмазная Папка:

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff

Если вы не строите вашу тему с определенного шрифта или значка в виду, вы можете пропустить эту папку.

Изображение

Связанные с темой изображения должны быть сохранены в / IMG папка.

Можно создать вложенную папку для лучшей организации. Например тема по умолчанию имеет следующие вложенные папки:

  • хоккейного для простых значков (например, те не доступны в вашем наборе выбранного шрифта).
  • /jQuery для jQuery конкретных изображений.

Вы можете создать больше, если необходимо.

JavaScript

JavaScript файлы должны быть сохранены в добавленным/js папка.

В отличие от CSS-файлов мы рекомендуем вам не иметь общего глобального файла JavaScript, не если у вас есть один файл на контроллер.

Язык

Все файлы перевода должны быть сохранены в / lang папка.

Файлы должны быть названы после их ISO 3166-1 alpha-2 код в нижнем регистре: например, FR.php.

Эти файлы должны быть порождена PrestaShop инструмент комплексного перевода (расположен в локализации / переводы меню).


телега 0 Корзина

Нет продуктов

Бесплатная доставка! Перевозка
$0.00 Всего

Проверять, выписываться