Перейти к содержанию
rhcpist

Кнопка Главная в верхнем меню шаблона!

Рекомендуемые сообщения

Привет ребята, помогите грамотно добавить кнопку "Главная" в верхнем горизонтальном меню шаблона с возвращением на главную страницу сайта. Собственно в коде не особо разбираюсь пока, поэтому нужна ваша помощь. Скрин и код прилагается. 

 

ScreenShot_2144433_9814265.jpg

<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
<div id="notification"></div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


<?php if ($categories) { ?>

<div id="menu">

  <ul>

<li><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a></li> 

<?php foreach ($categories as $category) { ?>

*

*

*

*

*

*

*

*

</div>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Супер, громадое спасибо) буду вникать по маленьку в код!  ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Буду крайне благодарен если еще подскажете как выровнять кнопки верхнего меню по центру, а то все никак не могу наковырять: 

/* menu */#menu {	margin-right:-18px;	padding-left:20px;	padding-right:20px;	background: #b5dc10;	border-top:solid 1px #1881ae;	border-bottom:solid 1px #1881ae;	height: 39px;	margin-bottom: 20px;	-webkit-box-shadow: 0px 2px 2px #DDDDDD;	-moz-box-shadow: 0px 2px 2px #DDDDDD;	box-shadow: 0px 2px 2px #DDDDDD;}#menu ul {	list-style: none;	margin: 0;	padding: 0;	position: relative;}#menu > ul > li {	position: relative;	float: left;	z-index: 20;	padding: 6px 5px 5px 0px;}#menu > ul > li:hover {}#menu > ul > li > a {	font-size: 14px;	font-weight: 900;	color: #000000;	line-height: 13px;	text-decoration: none;	display: block;	padding: 6px 14px 7px 14px;	margin-bottom: 5px;	margin-left:auto;	margin-right:auto;	z-index: 6;	position: relative;	font-family: 'Open Sans', sans-serif;}#menu > ul > li:hover > a {	background: #4cb8c7;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	-khtml-border-radius: 5px;	border-radius: 5px;}#menu > ul > li > div {	display: none;	background: #FFFFFF;	position: absolute;	z-index: 5;	padding: 5px;	-webkit-border-radius: 0px 0px 5px 5px;	-moz-border-radius: 0px 0px 5px 5px;	-khtml-border-radius: 0px 0px 5px 5px;	border-radius: 0px 0px 5px 5px;	background: #4cb8c7;

какой атрибут и в каком месте вставить, а то никак не вьеду(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо, сразу не заметил топик, проблема решена!  :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Любопытно как растянуть блоки с кнопками меню по всей ширине.

 

ioUl0u6.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так я на картинке на него стрелками указал.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вопрос с растяжением блоков в верхнем меню еще актуален 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Тогда для чего их нужно было центровать????

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Была мысль, что блоки с кнопками растянутся после смещения в центр, но видимо нужно ковырять css по другому, к тому же не будет лишним набивать руку в этом деле.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

отсупы сделайте в процентах, будет Вам тянуться, либо определите ширину кнопок в процентном отношении 

конечно адрес сайта б не помешал, но скорее всего вновь все на локалке)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

Привет ребята, помогите грамотно добавить кнопку "Главная" в верхнем горизонтальном меню шаблона с возвращением на главную страницу сайта. Собственно в коде не особо разбираюсь пока, поэтому нужна ваша помощь. Скрин и код прилагается. 

 

ScreenShot_2144433_9814265.jpg

<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>
<div id="notification"></div>

В каком файле этот кусок?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

header.tpl шаблона

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Похожий контент

    • От zemleroi
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
    • От zemleroi
      500.00 руб
      Скачать/Купить дополнение


      Кнопка "Показать еще" товары (OC1.5.x&OC2.x)
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
      Добавил zemleroi Добавлено 25.04.2015 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • От Jeneko
      300.00 руб
      Скачать/Купить дополнение


      Простая кнопка заказа обратного звонка
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты". Добавил Jeneko Добавлено 18.02.2018 Категория Обратная связь, звонки Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика  
    • От Jeneko
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".
    • От nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&amp;path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

      картинку прикрепил, как примерно надо 

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.