PrestaShop 1.6.x. Как работать с ссылками в хедере и футере

Этот туториал покажет, как работать с ссылками в хедере и футере в шаблонах PrestaShop 1.6.x.

PrestaShop 1.6.x. Как работать с ссылками в хедере и футере

1. Ссылки в хедере

   1. В шаблонах PrestaShop ссылки в хедере задаются модулем Блок постоянных ссылок (Permanent links block).

      

      Для того чтобы добавить или удалить ссылку в этом модуле, необходимо редактировать файл themes/themeXXX/modules/blockpermanentlinks/blockpermanentlinks-header.tpl на вашем сервере.

   2. Откройте этот файл с помощью любого кодового редактора. Верхнее меню представлено маркированным списком. Каждый элемент меню заключен между тегами

   .

   4. Например, ссылка меню Sitemap представлена следующим кодом:

       
      {l s='sitemap' mod='blockpermanentlinks'}
       

      где

       a href="{$link->getPageLink('sitemap')|escape:'html'}" - выводит URL страницы

      {l s='sitemap' mod='blockpermanentlinks'} - выводит название кнопки меню

   5. Например, для того чтобы добавить ссылку на страницу «Лидеры продаж (Best Sellers)» (http://yourdomain.com/best-sales.php), в файл themes/themeXXX/modules/blockpermanentlinks/blockpermanentlinks-header.tpl необходимо добавить следующий код

       
        {l s='Best sales' mod='blockpermanentlinks'}

      ВНИМАНИЕ: Если вы хотите использовать другое название для новой кнопки меню или добавить для нее перевод на другой язык, отредактируйте данную кнопку в меню Локализация -> Переводы (Localization -> Translations) в вашей админ панели. Вы можете воспользоваться детальным видео туториалом PrestaShop 1.6.x. Как редактировать названия пунктов меню.

   6. Для того чтобы добавить ссылку на CMS страницу, сначала необходимо найти эту ссылку. Давайте добавим ссылку на страницу «О Нас (About Us)». Ссылка на данную страницу выглядит следующим образом: http://templatetesting.com/vincent/index.php?id_cms=4&controller=cms&id_lang=1 .

      В файл themes/themeXXX/modules/blockpermanentlinks/blockpermanentlinks-header.tpl вам необходимо добавить следующий код:

       
      {l s='About Us' mod='blockpermanentlinks'}
       

      В данном коде $link->getCMSLink(’4′, ‘CMS page’) означает, что ссылка будет вести на CMS страницу с ID 4. Вы можете увидеть ID страницы в ее URL. Часть кода s=’About Us’ выводит название кнопки.

   7. Сохраните изменения и откройте ваш сайт, чтобы проверить новый пункт верхнего меню.

2. Ссылки в футере

   1. Давайте проверим, какой модуль задает ссылки в футере на вашем сайте.

   2. Войдите в админ панель PrestaShop. Откройте меню Модули -> Позиции (Modules -> Positions)

      

      и в списке найдите хук (hook) Отображать футер (displayFooter).

   3. Здесь вы можете видеть модули, которые выводят блоки ссылок в футере. См. скриншоты ниже:

      

      

      • Блок категорий (Categories block) — этот модуль автоматически отображает на вашем сайт список категорий, добавленных в меню Каталог->Категории (Catalog->Categories). Вы можете отредактировать следующие опции модуля в меню Модули-> Модули-> Блок категорий-> Редактировать (Modules-> Modules-> Categories block-> Configure): родительскую категорию, максимальную глубину отображения, динамику отображения подкатегорий, сортирование и количество столбцов в футере. См. скриншоты ниже:

        

        

      • CMS блок (CMS block) — данный модуль добавляет ссылки на CMS страницы, некоторые станицы интернет- магазина и пользовательские ссылки на внешние ресурсы.

        Опции модуля можно отредактировать в меню Модули-> Модули-> Блок категорий-> Редактировать (Modules-> Modules-> Categories block-> Configure). Список опций смотрите ниже:

        

        • Отображать разные ссылки и дополнительную информацию в футере (Display various links and information in the Footer) — эта опция включает/отключает блок ссылок в футере.

        • Ссылки в футере (Footer links) — из списка выберите ссылки на CMS страницы из меню Настройки->CMS страницы (Preferences->CMS), которые вы хотите отобразить на сайте.

        • Текст в футере (Footer information) — добавьте ваш текст в это поле, если это необходимо. Вы можете использовать HTML код. Для того чтобы добавить пользовательскую ссылку (например, ссылку на Google) в данном поле, необходимо использовать следующий код:

            Google

          Замените http://www.google.com/ на желаемую ссылку в коде и отредактируйте название ссылки Google.

        • Дополнительные ссылки в футере — вы можете включить/выключить отображение ссылок на страницы «Our stores,» «Price drop,» «New products,» «Best sales,» «Contact us,» ссылки на страницу карты сайта и на уведомление об авторских правах.

        • Кликните иконку Сохранить (Save), чтобы подтвердить изменение настроек модуля.

      • Блок моего аккаунта в футере (My account block for your website’s footer) — этот модуль содержит ссылки на разные страницы аккаунтов ваших клиентов. Вы можете активировать/деактивировать этот модуль в меню Модули-> Модули (Modules -> Modules) в админ панели PrestaShop.

        

        Для того, чтобы добавить/удалить ссылки в данном модуле, необходимо редактировать файл /themes/themeXXX/modules/blockmyaccountfooter/blockmyaccountfooter.tpl на вашем сервере. Этот файл использует такой же синтаксис, что и файл themes/themeXXX/modules/blockpermanentlinks/blockpermanentlinks-header.tpl.

Вы также можете воспользоваться детальным видео туториалом:

PrestaShop 1.6.x. Как работать с ссылками в хедере и футере