Настройки:Дизайн

Материал из PHPShop

Перейти к: навигация, поиск

Шаблонизатор

Папка с шаблонами расположена по адресу: phpshop/templates/имя_шаблона/
Имя текущего шаблона можно узнать по нажатию клавиши F9 клавиатуры или в разделе смены шаблонов административной части. Файлы выполнены на языке HTML. В файлах шаблонов действует логика: @перемнная@ заменяется на результат вывода функции и подставляется в файл. Список основных переменных расположен [#2 ниже].

 main/index.tpl - Первая страница (основная правка)
main/shop.tpl - Все остальные страницы (основная правка)
main/left_menu.tpl - Шаблон левого текстового блока
main/right_menu.tpl - Шаблон правого текстового блока
product/main_product_forma.tpl - Шаблон форма продукта
product/product_page_list.tpl - Шаблон страницы краткого описания продуктов
product/product_page_full.tpl - Шаблон подробного описания продуктов
product/main_product_forma_full.tpl - Шаблон форма продукта подробно
product/product_page_full.tpl - Шаблон подробного вывода страницы продукта
product/main_spec_forma.tpl - Шаблон форма спецпредложения на главной странице
product/main_spec_forma_icon.tpl - Шаблон форма спецпредложения товаров списком (кратко)
product/main_odnotip_forma_icon.tpl - Шаблон форма однотипных товаров
product/main_product_odnotip_list.tpl - Шаблон для однотипных товаров
serach/search_page_list.tpl - Шаблон список поиска продуктов
search/main_search_forma_2.tpl - Шаблон форма вывода товаров в поиске
news/news_page_list.tpl - Шаблон страница новостей кратко
news/news_page_full.tpl - Шаблон страница новотсей подробно
news/main_news_forma.tpl - Шаблон формы новостей кратко
news/main_news_forma_full.tpl - Шаблон формы новостей подробно
gbook/gbook_page_list.tpl - Шаблон списка отзывов
gbook/main_gbook_forma.tpl - Шаблон формы отзывов
gbook/gbook_forma_otsiv.tpl - Шаблон форма заполнения отзыва
map/map_page_list.tpl - Шаблон список карты сайта
links/links_page_list.tpl - Шаблон список ссылок
links/main_links_forma.tpl - Шаблон формы ссылки
page/page_page_list.tpl - Шаблон формы вывода страниц
order/main_order_forma.tpl - Шаблон формы для оформления покупки
order/main_order_list.tpl - Шаблон списка для оформления покупки (страница)
price/main_price_forma.tpl - Шаблон форма прайса
price/price_page_list.tpl - Шаблон страницы прайса
price/main_price_forma_tip.tpl - Шаблон форма прайса заглавие
error/error_page_forma.tpl - Форма 404 ошибки
order/order_forma_mesage.tpl - Шаблон формы сообщения для заказа
order/order_forma_mesage_main.tpl - Шаблон формы сообщения для заказа
news/news_main_mini.tpl - Шаблон последние новости кратко
banner/baner_list_forma.tpl - Шаблон банерной сети
catalog/catalog_forma.tpl - Шаблон каталога
catalog/podcatalog_forma.tpl - Шаблон подкаталога

Переменные шаблонизатора

Папка с шаблонами расположена по адресу: phpshop/templates/имя_шаблона/

  1. Главная и остальные страницы (имя_шаблона/main)

    • @pageTitl@ - титл страницы
    • @pageDesc@ - описание страницы
    • @pageKeyw@ - ключевые слова
    • @pageMeta@ - мета страницы
    • @pageReg@ - копирайт
    • @pageProduct@ - версия софта
    • @pageDomen@ - копирайт на домен
    • @pageCss@ - путь к стилям шаблона
    • @leftCatal@ - вывод меню левой навигации
    • @leftMenu@ - вывод блока левой текстовой информации
    • @rightMenu@ - вывод блока правой текстовой информации
    • @mainContentTitle@ - заголовок текстовой области на главную страницу
    • @mainContent@ - содержимое текстовой области на главной странице
    • @DispShop@ - вывод соответствующих страниц (контента новостей, страниц, отзывов.)
    • @miniNews@ - вывод последних новостей
    • @banersDisp@ - вывод баннерной сети
    • @pageReg@ - копирайт
    • @usersDisp@ - вывод формы авторизации
    • @name@ - вывод имени сайта
    • @descrip@ - вывод описания сайта
    • @serverName@ - вывод имени сервера
    • @num@ - вывод кол-во товаров в корзине
    • @sum@ - вывод суммы заказа
    • @productValutaName@ - вывод имени валюты в корзине
    • @valutaDisp@ - вывод имени валюты для смены
    • @topMenu@ - главное навигационное меню
    • @specMain@ - вывод спецпредложений
    • @pageCatal@ - вывод каталога статей (страниц)
    • @oprosDisp@ - вывод опросов
    • @skinSelect@ - выбор смены дизайна
    • @specMainIcon@ - вывод новинок каталога в колонку
    • @telNum@ - имя телефона компании
    • @leftMenuName@ - заглавие текстового блока
    • @leftMenuContent@ - содержание текстового блока
    • @topMenuLink@ - ссылка на страницу главного меню
    • @topMenuName@ - имя страницы главного меню
    • @calendar@ - вывод календаря новостей
  2. Страницы (имя_шаблона/page)

    • @pageTitle@ - заглавие страницы
    • @pageContent@ - контент страницы
    • @pageNav@ - вывод навигации по страницам, появляется если вставить в тело тег "HR"
    • @pageName@ - имя страницы
    • @catName@ - имя каталога статей
    • @podcatalogName@ - имя подкаталога статей
  3. Каталог (имя_шаблона/catalog)

    • @catalogName@ - заглавие каталога
    • @catalogPodcatalog@ - заглавие страницы, ссылающаяся на этот каталог
    • @catalogUid@ - ID каталога
    • @catalogd@ - ID каталога
    • @catalogCat@ - имя родителя каталога
    • @parentName@ - имя родителя каталога
    • @catalogList@ - вывод списка подкаталогов
    • @podcatalogName@ - имя подкаталога
    • @podcatalogContent@ - описание подкаталога
    • @thisCatSort@ - вывод фильтров каталога
  4. Товары (имя_шаблона/product)

    • @productSale@ - Язык: в корзину
    • @productInfo@ - Язык: подробно
    • @productName@ - наименование товара
    • @productArt@ - артикул товара
    • @productDes@ - описание товара
    • @productPrice@ - стоимость товара в валюте
    • @productPriceRub@ - старая стоимость товара
    • @productId@ - идентификатор подкаталога товара
    • @productCat@ (@productCatnav@) - идентификатор каталога для товара
    • @productPageThis@ - текущая страница
    • @productUid@ - идентификатор товара
    • @catalog@ - Язык: каталог
    • @vendorDisp@ - классификатор товара
    • @catalogCat@ - имя каталога
    • @catalogCategory@ - имя подкаталога
    • @producFound@ - Язык: найдено товаров
    • @productPodcat@ - идентификатор подкаталога
    • @productNum@ - кол-во товаров в подкаталоге
    • @productNumOnPage@ - Язык: товаров на странице
    • @productNumRow@ - заданное кол-во товаров на сранице
    • @productPage@ - Язык: на странице
    • @productPageNav@ - навигация (HTML)
    • @productPageDis@ - список выводимых товаров (HTML)
    • @productImg@ - изображение товара
    • @productOdnotipList@ - однотипные товары (HTML)
    • @productOdnotip@ - Язык: товары для совместной продажи
    • @vendorDispTitle@ - строка вывода справки к фильтрам
    • @vendorDisp@ - вывод фильтров
    • @vendorSelectDisp@ - вывод фильтров
    • @productFotoList@ - вывод галереи изображений к товару
    • @ComStart@ - начало комментариев
    • @ComEnd@ - конец комментариев
    • @productValutaName@ - вывод текущей валюты
    • @productSklad@ - вывод кол-ва на складе
    • @productNotice@ - Язык: уведомить
    • @productParentList@ - вывод формы прайса подчиненных товаров
    • @pagetemaDisp@ - вывод тематических статей
    • @optionsDisp@ - вывод добавочных опции для товара в корзину
    • @productFiles@ - вывод прикрепленных файлов товара
    • @ratingfull@ - вывод рейтинга товара
  5. Баннерная сеть(имя_шаблона/baner)

    • @banerContent@ - контент банера
  6. Отзывы (имя_шаблона/gbook)

    • @producFound@ - Язык: найдено позиций
    • @productNum@ - кол-во позиций
    • @productNumOnPage@ - Язык: кол-во на странице
    • @productNumRow@ - кол-во на странице
    • @productPage@ - Язык: текущая страница
    • @productPageThis@ - текущая страница
    • @productPageNav@ - вывод навигации
    • @productPageDis@ - вывод контента
    • @gbookData@ - дата отзыва
    • @gbookMail@ - почта автора
    • @gbookTema@ - тема сообщения
    • @gbookOtsiv@ - отзыв
    • @gbookOtvet@ - ответ администрации
  7. Партнеры (ссылки) (имя_шаблона/links)

    • @producFound@ - Язык: найдено позиций
    • @productNum@ - кол-во позиций
    • @productNumOnPage@ - Язык: кол-во на странице
    • @productNumRow@ - кол-во на странице
    • @productPage@ - Язык: текущая страница
    • @productPageThis@ - текущая страница
    • @productPageNav@ - вывод навигации
    • @productPageDis@ - вывод контента
    • @linksImage - кнопка ссылки
    • @linksName@ - название ссылки
    • @linksOpis@ - контент ссылки
  8. Новости (имя_шаблона/news)

    • @producFound@ - Язык: найдено позиций
    • @productNum@ - кол-во позиций
    • @productNumOnPage@ - Язык: кол-во на странице
    • @productNumRow@ - кол-во на странице
    • @productPage@ - Язык: текущая страница
    • @productPageThis@ - текущая страница
    • @productPageNav@ - вывод навигации
    • @productPageDis@ - вывод контента
    • @newsData@ - дата публикации
    • @newsZag@ - заглавие новости
    • @newsKratko@ - краткий контент новости
    • @newsAll@ - ссылка на подробности
    • @newsPodrob@ - подробный контент новости
    • @mesageText@ - сообщение для подписки
  9. Поиск (имя_шаблона/search)

    • @productNum@ - найдено позиций
    • @productSite@ - название сайта
    • @productName@ - заглавие найденной страницы
    • @productDes@ - краткое описание страницы
    • @searchPageSort@ - вывод сортировки категорий

Изменение шаблона

Редактировать файлы шаблонов *.tpl можно в любом текстовом редакторе, поддерживающий разметку HTML. Для создания собственного шаблона под именем "my_template" нужно проделать следующие шаги:

  1. Берем за исходный шаблон с именем "aeroblue", расположенный в папке /phpshop/templates/aeroblue
    Копируем его в ту же папку /phpshop/templates/, но под именем /phpshop/templates/my_template
  2. В панели управления "Настройка"=>"Система" выбираем шаблон с именем "my_template"
  3. Основные файлы, которые нужно править: /phpshop/templates/my_template/index.tpl - вид первой страницы сайта (имя_сайта/)
    /phpshop/templates/my_template/shop.tpl - вид всех остальных страниц (имя_сайта/shop/, имя_сайта/news/ и т.д.)
  4. Исходя из собственного дизайна, вносим изменения в верстку страницы /phpshop/templates/my_template/index.tpl. [#2 Список переменных], которыми можно управлять дает нам возможность передвигать блоки вывода информации в любо место, вот основные из них:

    • @leftCatal@ - вывод меню левой навигации каталога
    • @leftMenu@ - вывод блока левой текстовой информации
    • @rightMenu@ - вывод блока правой текстовой информации
    • @mainContentTitle@ - заголовок текстовой области на главную страницу
    • @mainContent@ - содержимое текстовой области на главной странице (приветственная страница)
    • @DispShop@ - вывод соответствующих страниц (контента новостей, страниц, отзывов.)
    • @miniNews@ - вывод последних новостей
    • @banersDisp@ - вывод баннерной сети
    • @usersDisp@ - вывод формы авторизации
    • @name@ - вывод имени сайта
    • @descrip@ - вывод описания сайта
    • @serverName@ - вывод имени сервера
    • @topMenu@ - главное горизонтальное навигационное меню
    • @specMain@ - вывод спецпредложений
    • @pageCatal@ - вывод каталога статей (страниц)
    • @oprosDisp@ - вывод опросов
    • @skinSelect@ - выбор смены дизайна
    • @specMainIcon@ - вывод новинок каталога в колонку
    • @telNum@ - имя телефона компании

  5. После внесения изменений нужно нажать клавишу F5 для перезагрузки браузера.
  6. Такие же манипуляции проводим с файлом внутренних страниц /phpshop/templates/my_template/shop.tpl
  7. Иконка внешнего вида шаблона (для выбора в панели управления) находится в папке /phpshop/templates/my_template/icon/icon.gif
  8. Изображения для шаблона хранятся в папке /phpshop/templates/my_template/images
    • /phpshop/templates/my_template/images - персональные изображения для шаблона
    • /phpshop/templates/my_template/images/bank - логотипы банков
    • /phpshop/templates/my_template/images/paysyslogo - логотипы платежных систем
    • /phpshop/templates/my_template/images/shop - изображения для закрытых от редактирования функций.
    • /phpshop/templates/my_template/images/smiley - изображения смайликов для отзывов Путь к изображению должен иметь вид:
<img src="images/my_pic.jpg" alt="Картинка" border="0"> 

Парсер при выводе дизайна заменяет адрес images/my_pic.jpg на /phpshop/templates/images/my_pic.jpg, что делает шаблон независимым от своего имени и расположения. Важно знать, что все вхождения пути images будут в дизайне и в скрипте заменены на /phpshop/templates/images/. Особенно это правило нужно учитывать при создании раздела "Полезные ссылки", где прописываются коды кнопок-ссылок.

Имена изображений должны носить латинское название и не содержать пробелов:

  • картинка.jpg - не правильно
  • my img.jpg - не правильно
  • my_img.jpg - верно