{* *}{strip} {* *} {include 'breadcrumbs.htm' last='Руководство по шаблону'} {* *}

Руководство по шаблону iDea

Все файлы шаблона расположены внутри папки шаблона и не используют внешних файлов. На данном сайте папка с шаблоном iDea находится по адресу {theme}.

{include 'common/message.htm' msgText='Для изменения любых файлов шаблона необходимо в административной панели сайта перейти в закладку дизайн » Файлы шаблона.

Обратите внимание, в зависимости от версии доработки шаблона структура файлов и некоторая логика их работы может незначительно отличаться от представленной ниже. Это связано с желанием предоставить пользователям более удобный в управлении шаблон.'}

Папки и файлы шаблона

  • css - папка стилей шаблона
  • html - папка макетов страниц
    • account - папка для файлов личного кабинета
      • orders-history.htm - список заказов покупателя
    • banners - папка для файлов баннеров
      • idea.htm
      • idea2.htm
      • landing.htm - баннер для одностраничного сайта (лендинга)
      • none.htm
        {include 'common/message.htm' msgText='Более подробно о баннерах смотрите в разделе Баннеры'}
    • common - различные шаблоны подключаемые из других шаблонов
      • check404.htm - проверка страниц на ошибку 404
      • masonry-list-item.htm - верстка мини-карточки статьи, новости и т.д.
      • message.htm - шаблон вывода различных сообщений.

        Примеры вызова:

        {include 'common/message.htm' msgTitle='Сообщение' msgText='Текст сообщения'} {include 'common/message.htm' msgTitle='Ошибка!' msgText='Текст ошибки' msgClass=danger}
        {literal}
        {include 'common/message.htm' msgTitle='Сообщение' msgText='Текст сообщения'}
        {include 'common/message.htm' msgTitle='Ошибка!' msgText='Текст ошибки' msgClass=danger}{/literal}
      • mini-card-big.htm - мини-карточка товара
      • mini-card-micro.htm - еще одна мини-карточка товара
    • demo - файлы шаблона используемые в демонстрационном режиме работы ImperaCMS
      • fontawesome.htm
      • fontello.htm
      • glyphicons.htm
      • manual.htm - шаблон страницы, которую вы сейчас читаете
      • typography.htm
    • email - папка шаблонов емейл уведомлений
      • callme-to-admin.htm
      • callme-to-user.htm
      • feedback-to-admin.htm
      • feedback-to-user.htm
    • other - шаблоны различных блоков, например, рекламных
    • sms - папка шаблонов SMS уведомлений
      • callme-to-admin.htm
      • callme-to-user.htm
      • feedback-to-admin.htm
      • feedback-to-user.htm
    • account.htm - шаблон личного кабинета
    • article.htm - шаблон статьи
    • articles.htm - шаблон списка статей
    • breadcrumbs.htm - шаблон хлебных крошек
    • cart.htm - шаблон корзины
    • cart-checkout.htm - шаблон оформления заказа
    • catalog.htm - шаблон каталога товаров
    • feedback.htm - шаблон формы обратной связи
    • index.htm - основной шаблон сайта
    • login.htm - шаблон формы входа
    • missing_template.htm - шаблон страницы 404
    • navigation.htm - шаблон пагинации
    • news.htm - шаблон списка новостей
    • news_item.htm - шаблон новости
    • order.htm - шаблон заказа
    • password_remind.htm - шаблон напоминания пароля
    • product.htm - шаблон основной карточки товара
    • products.htm - шаблон списка товаров
    • registration.htm - шаблон регистрации
    • search.htm - шаблон списка поиска
    • sitemap.htm - шаблон карты сайта
    • static_page.htm - шаблон статической страницы
      {$text = '

      Если при выводе статической страницы в поле $page->body пустой текст, то шаблон static_page.htm будет пытаться загрузить файл шаблона с именем $page->url с прибавленным в конце .htm

      Например, у некоторой страницы с адресом url=mypage2 не указан текст страницы. При выводе этой страницы будет выполнен поиск шаблона mypage2.htm

      '} {include 'common/message.htm' msgTitle='Внимание!' msgText=$text msgClass=warning}
    • index-layout-2.htm - макет страницы с баннером
    • index-layout-3.htm - макет страницы с простым слайдером
    • index-layout-4.htm - макет страницы с анимированным слайдером
    • index-layout-5.htm - макет страницы со слайдером на весь экран
    • index-onepage.htm - макет одностраничного сайта
      {include 'common/message.htm' msgText='Чтобы использовать некую страницу, например главную, в таком макете, нужно при редактировании этой страницы в её поле Шаблоном ввести имя одного из этих макетов.'}
    • helper.php - хелпер шаблона - код каких-либо нестандратных шаблонизационных функций
  • images - папка картинок шаблона
  • js - папка скриптов шаблона

Для правильной работы шаблона конфигурационный файл в закладке административной панели настройки » Конфигурационный файл помимо стандартных должен содержать следующие параметры:

  1. phone1 - Основной телефон Вашей фирмы
  2. phone2 - Дополнительный телефон Вашей фирмы
  3. email1 - Основной email Вашей фирмы
  4. ideaAddress1 - Основной адрес Вашей фирмы
  5. ideaAddress2 - Дополнительный адрес Вашей фирмы
  6. ideaShowAdverts - Указывает о необходимости вывода рекламных блоков (1 = вывести)
  7. ideaSloganTop - Текст слогана под логотипом сверху страницы
  8. ideaSloganBottom - Текст слогана внизу страницы рядом со слайдером брендов
  9. ideaSloganAuthor - Автор цитаты нижнего слогана
  10. twitter - Адрес вашей страницы в Twitter
  11. google - Адрес вашей страницы в Google+
  12. facebook - Адрес вашей страницы в Facebook
  13. youtube - Адрес вашей страницы в YouTube
  14. skype - Адрес вызова вас в Skype

Перед запуском сайта обязательно убедитесь, что эти поля есть! Если их нет - создайте их вручную.

Шаблон использует так называемое "Мега-меню". Для правильной работы этого меню необходимо учесть некоторые моменты:

  1. Если у категории 1 уровня есть картинка, тогда будут выведены:
    • Описание категории
    • Под ним картинка
    • Справа будут выведены все дочерние категории расставленные в две колонки
  2. Если у категории 1 уровня нет картинки, тогда будет выведено обыкновенное меню с выпадающими дочерними категориями
{$text = '

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

Например, у категории всего 3 дочерних категории, а картинка категории большая и плюс описание категории занимает много места. В этом случае, на мега-меню может быть очень много пустого места, что выглядит довольно непривлекательно.

'} {include 'common/message.htm' msgTitle='Обратите внимание!' msgText=$text msgClass='warning' msgCanClose=FALSE}
Пример
{include 'common/message.htm' msgTitle='Совет!' msgText='Не указывайте картинки у категорий, у которых мало дочерних категорий' msgCanClose=FALSE}

В этом шаблоне используются 2 вида баннеров для сайта и 1 для одностраничного сайта (лендинга).

Вот правильная настройка всех трех видов баннеров.

  • Баннер (основной)

    Вызывается, если в при открытии сайта не передан параметр banners, например,
    http://моймагазин.ru/?banners=mybanner.

    Это самый сложный в настройке тип баннера

    Баннер использует 2 вида картинок - фоновую и основную. Фоновые картинки должны находиться в папке backgrounds внутри папки баннера.


    Основные картинки должны быть, как и обычно, в основной папке баннера.

    В поле название каждой картинки баннера необходимо прописать имя файла фона!

    В поле описание каждой картинки баннера необходимо прописать все тексты отдельной картинки баннера, разделенные переводом строки (ENTER)!

    Например, так:

    • Шаблон iDea для ImperaCMS
    • 100% Адаптивный шаблон
    • Использует Bootstrap
    • Большой набор возможностей
    • Легкий в настройке
    • И много чего еще...

    Первая строка будет использоваться как титул баннера, следующие 4 - строки с галочками, последняя строка просто текст без значков.

    Если в поле цена прописать слово slide, фоновая картинка будет двигаться.

    Остальные поля не используются.

  • Баннер (вариант 2)

    Баннер рассчитан всего на на 2 картинки.

    Каждая картинка загружается как обычно.

    В поле название каждой картинки баннера необходимо прописать текст, который будет выведен над кнопкой!

    В поле цена каждой картинки баннера необходимо прописать тексты на кнопке.

    В поле url страницы адрес, куда будет осуществлен переход при нажатии на кнопку.

    Остальные поля не используются.

  • Баннер (для лендинга)

    Баннер также рассчитан всего на на 2 картинки.

    Каждая картинка загружается как обычно.

    В поле название каждой картинки баннера необходимо прописать текст, который будет выведен над кнопкой!

    В поле цена каждой картинки баннера необходимо прописать тексты на кнопке.

    Остальные поля не используются.

{* *} {capture name=CUSTOMJS} {$smarty.capture.CUSTOMJS|default:''} {/capture} {* *} {$title = 'Руководство по шаблону | Документация' scope=global} {$description = '' scope=global} {$keywords = '' scope=global} {/strip}