Categories

Новые шаблоны

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

Rating: 4.0/5. From 3 votes.
Please wait...

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

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

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

    image1

  2. В списке найдите позицию ‘Шапка страниц’ (‘Top of pages’) и проверьте, какой модуль используется для отображения ссылок в хедере.

  3. В нашем случае, это Блок постоянных ссылок (Permanent links block).

    image2

  4. Подключитесь к вашему домену через FTP-аккаунт и откройте папку themes\themeXXX\modules\blockpermanentlinks, где themeXXX является названием используемой темы. В этой папке необходимо отредактировать файл blockpermanentlinks-header.tpl с помощью любого кодового редактора.

  5. Следующая часть кода выводит ссылки в хедере:

    <ul id="header_links">
    <li><a href="{$link->getPageLink('index.php')}" class="header_links_home">{l s='home' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_contact"><a href="{$link->getPageLink('contact', true)}" title="{l s='contact' mod='blockpermanentlinks'}">{l s='contact' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_sitemap"><a href="{$link->getPageLink('sitemap')}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_bookmark">
    <script type="text/javascript">writeBookmarkLink('{$come_from}', '{$meta_title|addslashes|addslashes}', '{l s='bookmark' mod='blockpermanentlinks' js=1}');</script>
    </li> 
    </ul>
    

    Каждая строка кода представляет собой один пункт меню. Например, пункт меню Sitemap выводится следующим кодом:

    <li id="header_link_sitemap"><a href="{$link->getPageLink('sitemap')}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}</a></li>
    
  6. Для того чтобы удалить какой-либо пункт меню, необходимо удалить соответствующую ему строку кода. Для того чтобы добавить новый пункт меню — добавьте новую строку кода.

  7. Например, давайте добавим ссылку на страницу товаров со скидкой (Specials page) в хедер. Данная страница имеет следующий URL: http://domain.com/index.php?controller=prices-drop.

  8. Откройте файл themes\themeXXX\modules\blockpermanentlinks\blockpermanentlinks-header.tpl в любом кодовом редакторе.

  9. Найдите следующий код:

    <ul id="header_links">
    <li><a href="{$link->getPageLink('index.php')}" class="header_links_home">{l s='home' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_contact"><a href="{$link->getPageLink('contact', true)}" title="{l s='contact' mod='blockpermanentlinks'}">{l s='contact' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_sitemap"><a href="{$link->getPageLink('sitemap')}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}</a></li>
    <li id="header_link_bookmark">
    <script type="text/javascript">writeBookmarkLink('{$come_from}', '{$meta_title|addslashes|addslashes}', '{l s='bookmark' mod='blockpermanentlinks' js=1}');</script>
    </li> 
    </ul>
    
  10. Добавьте новую строку кода

    <li id="header_link_specials"><a href="{$link->getPageLink('prices-drop')}" title="{l s='Specials' mod='blockpermanentlinks'}">{l s='Specials' mod='blockpermanentlinks'}</a></li>
    

    сразу после:

    <li id="header_link_contact"><a href="{$link->getPageLink('contact', true)}" title="{l s='contact' mod='blockpermanentlinks'}">{l s='contact' mod='blockpermanentlinks'}</a></li>
    
  11. Давайте разберем, что означает этот код:

    href="{$link->getPageLink('prices-drop')}"

    Здесь необходимо вставить часть ссылки на страницу. Часть URL после controller=. В нашем случае, это prices-drop.

    title="{l s='Specials'

    Эта часть кода является заголовком пункта меню, который будет отображаться на сайте.

  12. Теперь мы рассмотрим, какие модули используются для отображения ссылок в футере.

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

    image3

  14. Модули, выделенные на скриншоте выше, используется для вывода ссылок в футере:

    image4

  15. CMS блок (CMS Block) отображает ссылки на CMS страницы. Настройки данного модуля можно изменить в меню Модули -> Модули (Modules -> Modules), найдите CMS блок и нажмите кнопку Редактировать (Configure). Здесь вы можете выбрать, ссылки на какие страницы будут отображаться в футере.

  16. Ссылка на Наши магазины (Our Stores) отображается в CMS блоке, если опция Отображать в футере (Display in the footer) активирована в меню Настройки -> Контакты магазина (Preferences -> Store Contacts).

    image5

  17. Блок категорий (Categories block) содержит все категории, активированные в меню Каталог -> Категории (Catalog -> Categories).

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

  19. Для того, чтобы добавить/удалить ссылки в данном модуле, необходимо редактировать файл /themes/themeXXX/modules/blockmyaccount/blockmyaccount.tpl, где themeXXX является названием папки темы.

      <ul class="store_list"> <li><a href="{$link->getPageLink('history', true)}" title="">{l s='My orders' mod='blockmyaccount'}</a></li> {if $returnAllowed}<li><a href="{$link->getPageLink('order-follow', true)}" title="{l s='My merchandise returns' mod='blockmyaccount'}">{l s='My merchandise returns' mod='blockmyaccount'}</a></li>{/if} <li><a href="{$link->getPageLink('order-slip', true)}" title="{l s='My credit slips' mod='blockmyaccount'}">{l s='My credit slips' mod='blockmyaccount'}</a></li> <li><a href="{$link->getPageLink('addresses', true)}" title="{l s='My addresses' mod='blockmyaccount'}">{l s='My addresses' mod='blockmyaccount'}</a></li> <li><a href="{$link->getPageLink('identity', true)}" title="{l s='My personal info' mod='blockmyaccount'}">{l s='My personal info' mod='blockmyaccount'}</a></li> {if $voucherAllowed}<li><a href="{$link->getPageLink('discount', true)}" title="{l s='My vouchers' mod='blockmyaccount'}">{l s='My vouchers' mod='blockmyaccount'}</a></li>{/if} {$HOOK_BLOCK_MY_ACCOUNT} </ul>
  20. Ссылки на информационные ресурсы (Information links) можно отредактировать в файле /themes/themeXXX/modules/blockcms/blockcms.tpl, где themeXXX является названием папки темы.
  21. Следующий код выводит Информационный блок (Information section):

    <ul class="list-footer toggle_content clearfix">
    {if !$PS_CATALOG_MODE}<li class="first_item"><a href="{$link->getPageLink('prices-drop')}" title="{l s='Specials' mod='blockcms'}"><i class="icon-circle-arrow-right"></i>{l s='Specials' mod='blockcms'}</a></li>{/if}
    <li class="{if $PS_CATALOG_MODE}first_{/if}item"><a href="{$link->getPageLink('new-products')}" title="{l s='New products' mod='blockcms'}">{l s='New products' mod='blockcms'}</a></li>
    {if !$PS_CATALOG_MODE}<li class="item"><a href="{$link->getPageLink('best-sales')}" title="{l s='Top sellers' mod='blockcms'}"><i class="icon-circle-arrow-right"></i>{l s='Top sellers' mod='blockcms'}</a></li>{/if}
    {if $display_stores_footer}<li class="item"><a href="{$link->getPageLink('stores')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
    <li class="item"><a href="{$link->getPageLink($contact_url, true)}" title="{l s='Contact us' mod='blockcms'}"><i class="icon-circle-arrow-right"></i>{l s='Contact us' mod='blockcms'}</a></li>
    {foreach from=$cmslinks item=cmslink}
    {if $cmslink.meta_title != ''}
    <li class="item"><a href="{$cmslink.link|addslashes}" title="{$cmslink.meta_title|escape:'htmlall':'UTF-8'}"><i class="icon-circle-arrow-right"></i>{$cmslink.meta_title|escape:'htmlall':'UTF-8'}</a></li>
    {/if}
    {/foreach}
    {*
    <li><a href="{$link->getPageLink('sitemap')}" title="{l s='sitemap' mod='blockcms'}"><i class="icon-circle-arrow-right"></i>{l s='Sitemap' mod='blockcms'}</a></li>
    *}
    </ul>
      
  22. Каждая строка кода представляет собой один пункт меню. Этот файл использует такой же синтаксис, что и файл themes\themeXXX\modules\blockpermanentlinks\blockpermanentlinks-header.tpl.

  23. Блок Контактная информация (Block Contact info) отображается в секции Contact us в футере. В админ панели PrestaShop идите в меню Модули -> Модули (Modules -> Modules) и найдите модуль Блок контактная информация (Block Contact info).

    image6

  24. Нажмите кнопку Редактировать (Configure), чтобы отредактировать модуль.

    image9

  25. Блок социальных иконок (Social networking block) отображается в секции Следуйте за нами (Follow us). В админ панели PrestaShop идите в меню Модули -> Модули (Modules -> Modules), найдите модуль Блок социальных иконок (Social networking block) и кликните Редактировать (Configure), чтобы отредактировать модуль.

    image7

  26. Здесь вы можете отредактировать ссылки для каждой социальной иконки.

    image8

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

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

Prestashop Шаблоны
Эта запись была размещена в PrestaShop туториалы и помечена как archived_tutorial, footer, header, links, manage, Prestashop. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов