- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
PrestaShop 1.5.x. Как работать с ссылками в хедере и футере
Август 17, 2014
Этот туториал покажет, как работать с ссылками в хедере и футере в шаблонах PrestaShop 1.5.x.
PrestaShop 1.5.x. Как работать с ссылками в хедере и футере
-
Войдите в админ панель PrestaShop и идите в меню Модули -> Позиции (Modules -> Positions).
-
В списке найдите позицию ‘Шапка страниц’ (‘Top of pages’) и проверьте, какой модуль используется для отображения ссылок в хедере.
-
В нашем случае, это Блок постоянных ссылок (Permanent links block).
-
Подключитесь к вашему домену через FTP-аккаунт и откройте папку themes\themeXXX\modules\blockpermanentlinks, где themeXXX является названием используемой темы. В этой папке необходимо отредактировать файл blockpermanentlinks-header.tpl с помощью любого кодового редактора.
-
Следующая часть кода выводит ссылки в хедере:
<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>
-
Для того чтобы удалить какой-либо пункт меню, необходимо удалить соответствующую ему строку кода. Для того чтобы добавить новый пункт меню — добавьте новую строку кода.
-
Например, давайте добавим ссылку на страницу товаров со скидкой (Specials page) в хедер. Данная страница имеет следующий URL: http://domain.com/index.php?controller=prices-drop.
-
Откройте файл themes\themeXXX\modules\blockpermanentlinks\blockpermanentlinks-header.tpl в любом кодовом редакторе.
-
Найдите следующий код:
<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>
-
Добавьте новую строку кода
<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>
-
Давайте разберем, что означает этот код:
href="{$link->getPageLink('prices-drop')}"
Здесь необходимо вставить часть ссылки на страницу. Часть URL после controller=. В нашем случае, это prices-drop.
title="{l s='Specials'
Эта часть кода является заголовком пункта меню, который будет отображаться на сайте.
-
Теперь мы рассмотрим, какие модули используются для отображения ссылок в футере.
-
В админ панели PrestaShop откройте меню Модули -> Позиции (Modules -> Positions) и найдите позицию Футер (Footer).
-
Модули, выделенные на скриншоте выше, используется для вывода ссылок в футере:
-
CMS блок (CMS Block) отображает ссылки на CMS страницы. Настройки данного модуля можно изменить в меню Модули -> Модули (Modules -> Modules), найдите CMS блок и нажмите кнопку Редактировать (Configure). Здесь вы можете выбрать, ссылки на какие страницы будут отображаться в футере.
-
Ссылка на Наши магазины (Our Stores) отображается в CMS блоке, если опция Отображать в футере (Display in the footer) активирована в меню Настройки -> Контакты магазина (Preferences -> Store Contacts).
-
Блок категорий (Categories block) содержит все категории, активированные в меню Каталог -> Категории (Catalog -> Categories).
-
Блок моего аккаунта в футере (My account block for your website’s footer) содержит ссылки на разные страницы аккаунтов ваших клиентов. Вы можете активировать/деактивировать этот модуль в меню Модули-> Модули (Modules -> Modules) в админ панели PrestaShop.
-
Для того, чтобы добавить/удалить ссылки в данном модуле, необходимо редактировать файл /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>
- Ссылки на информационные ресурсы (Information links) можно отредактировать в файле /themes/themeXXX/modules/blockcms/blockcms.tpl, где themeXXX является названием папки темы.
-
Следующий код выводит Информационный блок (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>
-
Каждая строка кода представляет собой один пункт меню. Этот файл использует такой же синтаксис, что и файл themes\themeXXX\modules\blockpermanentlinks\blockpermanentlinks-header.tpl.
-
Блок Контактная информация (Block Contact info) отображается в секции Contact us в футере. В админ панели PrestaShop идите в меню Модули -> Модули (Modules -> Modules) и найдите модуль Блок контактная информация (Block Contact info).
-
Нажмите кнопку Редактировать (Configure), чтобы отредактировать модуль.
-
Блок социальных иконок (Social networking block) отображается в секции Следуйте за нами (Follow us). В админ панели PrestaShop идите в меню Модули -> Модули (Modules -> Modules), найдите модуль Блок социальных иконок (Social networking block) и кликните Редактировать (Configure), чтобы отредактировать модуль.
-
Здесь вы можете отредактировать ссылки для каждой социальной иконки.
Вы также можете воспользоваться детальным видео туториалом: