Перейти к содержанию
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>

  • +1 1

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


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

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

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


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

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

/* 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;

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

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


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

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

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


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

У Вас скролл внизу страницы

 

http://prntscr.com/264fob

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


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

смотрю вроде нет скрола

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


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

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

 

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 шаблона

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

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

    • От nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&amp;path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

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

    • От ShadowVengeance
      Не реагирует на нажатия кнопка "купить". Видимо, где-то перемудрил с шаблонами, гугл выдает ошибку тут
      Пациент - http://soleo.com.ua/
      Буду рад помощи!
    • От Jeneko
      300.00 руб
      Скачать/Купить дополнение


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

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами 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) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами 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)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".
    • От seregin
      Скачать/Купить дополнение


      Кнопка "Применить" в админке
      Модуль добавляет в админке кнопку "Применить", которая позволяет сохранить изменения не закрывая при этом форму редактирования.
      Кнопка вставляется в следующие формы:
      catalog, design, localisation, marketing, sale, user, setting
      Модуль проверялся на ocStore 2.1.0.1
      Установка:
      Установите модуль через "Установщик дополнений OCMOD"
      Добавил seregin Добавлено 04.12.2015 Категория Модули  
  • Последние посетители   0 пользователей онлайн

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

×

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

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