Автор Тема: настройка кнопки меню  (Прочитано 2385 раз)

14 Июнь 2012, 14:49:08
  • Новичок
  • *
  • Сообщений: 2
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Есть проблемка. Использую шаблон vp_beststore, в комплекте с ним шёл модуль blockpermanentlinks, который выводит горизонтальное меню. В меню изначально только 4 кнопки (home, sitemap, Contact, bookmark ). При нажатии на кнопку она активна(остаётся зелёный фон). Смотрим скриншот 1

 Нужно добавить ещё несколько. В blockpermanentlinks-header.tpl добавляю ещё кнопку «СТАТЬИ», привязываю к ней блок статей, при нажатии открывается нормально, но подсветки нажатия кнопки нет, как в случае с 4-мя изначально имеющихся кнопок. Смотрим скриншот 2

В файле layouts.css есть код, за это отвечающий.
#header_links a.active, #header_links a:hover{
color:#eee; text-decoration:bold;
cursor:pointer;
background:url(../img/vp_button_green.png) left top repeat-x;

Где указать, что новые добавляемы кнопки меню принадлежат к header_links. Или как по другому это решить?
14 Июнь 2012, 17:34:55
Ответ #1
  • Администратор
  • Ветеран
  • *****
  • Сообщений: 102503
  • Репутация: +34219/-0
    • Просмотр профиля
Нужно добавить вывод класса у активной ссылке в шаблоне (файл tpl) или в модуле (файл php).
16 Июнь 2012, 22:20:02
Ответ #2
  • Новичок
  • *
  • Сообщений: 2
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нужно добавить вывод класса у активной ссылке в шаблоне (файл tpl) или в модуле (файл php).

А можно поподробнее, для не особо разбирающихся.

кнопку меню я добавлял в файл blockpermanentlinks-header.tpl

Содержимое файла
<!-- Block permanent links module HEADER -->
<ul id="header_links">
    <li id="header_link_home"><a href="{$link->getPageLink('index.php', true)}" {if $page_name == 'index'}class="active"{/if}>{l s='Home' mod='blockpermanentlinks'}</a></li>
   <li id="header_link_sitemap"><a href="{$link->getPageLink('sitemap.php')}" title="{l s='sitemap' mod='blockpermanentlinks'}" {if $page_name == 'sitemap'}class="active"{/if}>{l s='Sitemap' mod='blockpermanentlinks'}</a></li>
   <li id="header_link_contact"><a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='contact' mod='blockpermanentlinks'}" {if $page_name == 'contact-form'}class="active"{/if}>{l s='Contact' 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'}');</script>
   </li>
*}
   <li id="header_link_statyi"><a href="{$link->getPageLink('cms.php?id_cms_category=2')}" title="{l s='СТАТЬИ' mod='blockpermanentlinks'}" {if $page_name == 'statyi'}class="active"{/if}>{l s='СТАТЬИ' mod='blockpermanentlinks'}</a></li>   
   </ul>
<!-- /Block permanent links module HEADER -->


Подскажите, что именно дописать, ну очень нужно. Код пункта меню, который я добавил - выделенно жирным
18 Июнь 2012, 09:50:20
Ответ #3
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Вы уже добавилт код в шаблон
{if $page_name == 'statyi'}class="active"{/if}Проверить нужно $page_name у страницы.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.