Перейти к содержанию
Официальный форум поддержки Simpla

Выпадающее меню категорий


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

Кто делал огромная просьба помочь!

Пытался реализовать при -

{categories_tree categories=$c->subcategories}

, а так же при

{if in_array($category->id, $c->children)}{categories_tree categories=$c->subcategories}{/if}
связками CSS + jQuery
В итоге либо не работает, а если работает то скрывает не то что нужно.

кому надо скину код.
Жду предложений
Ссылка на сообщение
Поделиться на другие сайты
  • Ответов 67
  • Дата создания
  • Последний ответ

Лучшие авторы в теме

Лучшие авторы в теме

так же прошу помощи с меню, не получается уйти на третью вложенность

вот код:

<ul id="menutop">    <li>    <a href="">Категория 1</a>        <ul>            <li>            <a href="">Категория 1.1</a>                <ul>                    <li><a href="">Категория 1.1.1</a></li>                    <li><a href="">Категория 1.1.2</a></li>                    <li><a href="">Категория 1.1.3</a></li>                    <li><a href="">Категория 1.1.4</a></li>                </ul>				            </li>        </ul>    </li></ul>

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

2filth у меня знаний на среднем уровне, но тоже не получилось.
не охота делать статикой, но и переводить запрос с рекурсивного как-то трудновато...

UPD
ладно вопрос в том как из рекурсивного вывода сделать обычный, в смарти особо не секу так что вот.

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

Кроха спасибо, что отозвался. Не совсем. Есть меню как тут описано. Хотелось бы при клике на категорию что бы страница не перегружалась, а посредством Java анимированно раскрывалась.

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

То есть нужен аккордеон?
Обратитесь к igoryk у него реализовано.
Просто я сейчас в отъезде, к компу попадаю периодически на короткий срок, если не решите, то по приезду помогу.

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

Моё Решение (С огромной помощью igoryk):
1. Скрипт перед

</head>

:

{literal}
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script langugage="javascript" type="text/javascript">
$(document).ready(function() {
   initMenu('.categories ul');

function initMenu(id) {
   $(id + ' ul').hide().parent().addClass('subcat');
   if($(id).find('a.selected')) {
       $(id).find('a.selected').addClass('selected').parents('ul').show().parents('li').show();
   }
   else $(id + ' ul:first').show();
       $(id + ' a').click( function() {
       checkElement = $(this).next();
       if(checkElement.is('ul')) {
           if(!checkElement.is(':visible')) {
//                $(id + ' ul:visible').slideUp('normal');
               checkElement.slideDown('normal');
           } else
               checkElement.slideUp('normal');
           return false;
       }
   });
}})
        </script>
        {/literal}


2. Меняем рекурсивный вывод категорий (если у кого не такой) на:

<!-- Меню каталога -->
		{* Рекурсивная функция вывода дерева категорий *}
		<div class=categories>

		{function name=categories_tree}
		{if $categories}
		<ul>
		{foreach $categories as $c}
			{* Показываем только видимые категории *}
			{if $c->visible}
				<li>
					{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}">{/if}
                                        <a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a>
					{categories_tree categories=$c->subcategories}
				</li>
			{/if}
		{/foreach}
		</ul>
		{/if}
		{/function}
		{categories_tree categories=$categories}
		</div>
		<!-- Меню каталога (The End)-->	


3. Меняем в style.css (и настраиваем под Себя):

/* @group Меню каталога*/.categories ul, .categories li {	padding-top: 5px;        margin: 0;        list-style: none;        background: none;}.categories a {	color: #000033;         padding: 5px 5px 5px 10px;         border-bottom: solid 1px #fff;         text-decoration: none;         display: block;         font: 18px Tahoma, Arial;}.categories a:hover {	text-decoration: underline;        background: #eb540d;        -moz-border-radius: 5px;        -webkit-border-radius: 5px;        border-radius: 5px;        color: #fff;}.categories ul ul a:hover {	text-decoration: none;}.categories ul ul {	margin-right: 3px;        background: #f9f9f8;        -moz-border-radius: 8px;        -webkit-border-radius: 8px;        border-radius: 8px;        padding: 2px 0 6px 14px;}.categories li.subcat {	background: none;}.categories ul ul li {	margin-right: 3px;        margin-bottom: 1px;        background: none;}.categories ul ul a {	color: #34627b;        text-decoration: underline;        font: 14px Tahoma, Arial;        border: none;}.categories ul li a.selected {	color: #eb540d;        text-decoration: underline;        font: 18px Tahoma, Arial;        border: none;}.categories ul ul li a.selected  {	font-weight: bold;        color: #eb540d;        font-size: 14px;}.categories ul ul ul li a.selected  {	font-weight: bold;        color: #eb540d;        font-size: 14px;}/* @end — Меню каталога*/
Ссылка на сообщение
Поделиться на другие сайты

filth спасибо большое! все работает идеально, но ссылка на категории выводится в кавычках, как исправить?
www.site.ru/"catalog/doski/" а надо www.site.ru/catalog/doski/

и как подружить с нивослайдером? помогите, пожалуйста

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

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

UPD или залей в архив и скинь мне, я посмотрю

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

я думал что ты правила код просто, слайдер у меня где-то есть, сейчас посмотрю)

UPD странно, слайдер вообще не отображается

UPD2 все работает. что у тебя еще подключено из java\jQuery?

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

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

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

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

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

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

Загрузка...
×
×
  • Создать...