Меню категории раскрытия подкатегорий

Автор Сообщение

yurs505

#1/20.01.2014 11:52
0

Аватар

Пользователи

Карма: 0

Подскажите как сделать на главной и  на странице projects так что когда нажимаеш на категорию выпадают подкатегории слева в сайббаре? А то так сейчас деревом сразу выводится.

Сообщения: 11

Cmsworks

Булат
#2/20.01.2014 13:38
0

Администраторы

Карма: +683

На сколько я вас понял для этого нужно использовать js. 

Сообщения: 2416

Опытный веб-разработчик, фрилансер.
Разрабатываю сайты любой сложности на профессиональных фреймворках.

------

Почта для связи: developer@cmsworks.ru

bahinn

#3/07.07.2015 19:35
0

Аватар

Пользователи

Карма: +4

Хоть и старое сообщение, думаю может кому то понадобиться. Пример на основе projects.tree.tpl:

В код вставлен JS:

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
if($(this).children('div.spoiler_body').css('display') == 'none') $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
  clearTimeout(animationTimer);
 });
});
</script>
<!-- BEGIN: MAIN -->
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
if($(this).children('div.spoiler_body').css('display') == 'none') $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
  clearTimeout(animationTimer);
 });
});
</script>
<ul<!-- IF {LEVEL} == 0 --> class="nav nav-list"<!-- ENDIF -->>
	<!-- IF {ROW_LEVEL} == 0 -->
	<div class="catList">
	<li><a href="{PHP|cot_url('projects')}">{PHP.L.All}</a></li>
	</div>
	<!-- ENDIF -->
	<!-- BEGIN: CATS -->
<div class="spoiler_links">
	<div class="catList">
	<li<!-- IF {ROW_SELECTED} --> class="active"<!-- ENDIF -->><a href="{ROW_HREF}">{ROW_TITLE}<span class="label-cat">{ROW_COUNT}</span></a>
	</div>
	<!-- IF {ROW_SUBCAT} -->
	<div class="spoiler_body">
	{ROW_SUBCAT}
		</div>	
</div>
	<!-- ENDIF -->
	</li>
	<!-- END: CATS -->
</ul>
<!-- END: MAIN -->

в CSS добавить:

.catList{background:#FFF;padding:5px;font-size:12px;border:1px solid #ddd;margin-bottom:-1px}
.catList a{display:block;height:100%;color:#666}
.catList:hover{background:#ddd}
.catList a:hover{background:#ddd;text-decoration:none}
.catList > a:visited{background:#ddd}
.spoiler_body{display:none;cursor:pointer;text-align:left;z-index:99}
.spoiler_body a{padding:0 10px}

 

Сообщения: 46

novlove

#4/14.01.2016 13:19
+1

Аватар

Пользователи

Карма: +5

#10150 bahinn:

Хоть и старое сообщение, думаю может кому то понадобиться. Пример на основе projects.tree.tpl:

В код вставлен JS:

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
if($(this).children('div.spoiler_body').css('display') == 'none') $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
  clearTimeout(animationTimer);
 });
});
</script>
<!-- BEGIN: MAIN -->
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
if($(this).children('div.spoiler_body').css('display') == 'none') $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
  clearTimeout(animationTimer);
 });
});
</script>
<ul<!-- IF {LEVEL} == 0 --> class="nav nav-list"<!-- ENDIF -->>
	<!-- IF {ROW_LEVEL} == 0 -->
	<div class="catList">
	<li><a href="{PHP|cot_url('projects')}">{PHP.L.All}</a></li>
	</div>
	<!-- ENDIF -->
	<!-- BEGIN: CATS -->
<div class="spoiler_links">
	<div class="catList">
	<li<!-- IF {ROW_SELECTED} --> class="active"<!-- ENDIF -->><a href="{ROW_HREF}">{ROW_TITLE}<span class="label-cat">{ROW_COUNT}</span></a>
	</div>
	<!-- IF {ROW_SUBCAT} -->
	<div class="spoiler_body">
	{ROW_SUBCAT}
		</div>	
</div>
	<!-- ENDIF -->
	</li>
	<!-- END: CATS -->
</ul>
<!-- END: MAIN -->

в CSS добавить:

.catList{background:#FFF;padding:5px;font-size:12px;border:1px solid #ddd;margin-bottom:-1px}
.catList a{display:block;height:100%;color:#666}
.catList:hover{background:#ddd}
.catList a:hover{background:#ddd;text-decoration:none}
.catList > a:visited{background:#ddd}
.spoiler_body{display:none;cursor:pointer;text-align:left;z-index:99}
.spoiler_body a{padding:0 10px}

 

Я так понял это выпадающее меню? Вы не могли бы подробнее расписать в какой файл что вставлять, я в этом деле новичок. Заранее спасибо

Сообщения: 44

yarabotane

Victor
#5/14.01.2016 15:18
0

Пользователи

Карма: +93

так пишет же в файл projects.tree.tpl, вставте содержимое

CSS в ваш файл стилей например в style.css

Сообщения: 336

Slavista

#6/14.01.2016 17:08
0

Аватар

Пользователи

Карма: +1

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Сообщения: 4

yarabotane

Victor
#7/14.01.2016 17:15
+1

Пользователи

Карма: +93

#12334 Slavista:

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Поправьте css, поиск в googl -  li как убрать маркеры

Сообщения: 336

Cmsworks

Булат
#8/14.01.2016 17:23
+1

Администраторы

Карма: +683

#12334 Slavista:

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Либо шаблон projects.tree.tpl отредактируйте.

Сообщения: 2416

Опытный веб-разработчик, фрилансер.
Разрабатываю сайты любой сложности на профессиональных фреймворках.

------

Почта для связи: developer@cmsworks.ru

novlove

#9/14.01.2016 18:22
0

Аватар

Пользователи

Карма: +5

#12334 Slavista:

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Меня тоже этот вопрос интересует. вообще это счётчик содержимого категорий. Но как бы их поправить. Отпишите если нашли решение, пожалуйста.

Сообщения: 44

Slavista

#10/14.01.2016 18:26
+1

Аватар

Пользователи

Карма: +1

#12337 novlove:
#12334 Slavista:

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Меня тоже этот вопрос интересует. вообще это счётчик содержимого категорий. Но как бы их поправить. Отпишите если нашли решение, пожалуйста.

в шаблоне projects.tree.tpl  удалить строки  ({ROW_COUNT})

Сообщения: 4

novlove

#11/14.01.2016 19:34
0

Аватар

Пользователи

Карма: +5

#12338 Slavista:
#12337 novlove:
#12334 Slavista:

всё работает, спасибо.. а не подскажете где убрать цифры возле категориий и подкатегорий?

Меня тоже этот вопрос интересует. вообще это счётчик содержимого категорий. Но как бы их поправить. Отпишите если нашли решение, пожалуйста.

в шаблоне projects.tree.tpl  удалить строки  ({ROW_COUNT})

Помогло, большое спасибо. Можно ещё узнать. Почему стиль меню меняется только в Проектах, в тоже время по данному принципу сделал меню для раздела Market, но стиль там остался прежний, при нужном функционале. Как это исправить в проектах? 

Сообщения: 44

Slavista

#12/14.01.2016 19:49
0

Аватар

Пользователи

Карма: +1

#12340 novlove:

Помогло, большое спасибо. Можно ещё узнать. Почему стиль меню меняется только в Проектах, в тоже время по данному принципу сделал меню для раздела Market, но стиль там остался прежний, при нужном функционале. Как это исправить в проектах? 

Я сам только начал разбираться, но по идее ту же самую операцию проделать с тегом в этом файле market.tree.tpl

Так числа у вас и сейчас не отображаются

 

Сообщения: 4

Marginal

Александр
#13/14.01.2016 21:18
+1

Пользователи

Карма: +41

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:
 

<article class="left-sidebar">
   Секцию навигации
        <nav class="menu">
       Ваше меню вместе с JS
   </nav>
</article>

 

Добавлено 20 минут спустя:

 

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:

<article class="left-sidebar">
  Секцию навигации
  <nav class="menu">
     Ваше меню вместе с JS
  </nav>
  Если хотите сделать как в заказах ,то удалите в market.tree.tpl тег : nav class="menu"
</article>

 

 

Сообщения: 187

novlove

#14/15.01.2016 05:14
0

Аватар

Пользователи

Карма: +5

#12347 Marginal:

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:
 

<article class="left-sidebar">
   Секцию навигации
        <nav class="menu">
       Ваше меню вместе с JS
   </nav>
</article>

 

Добавлено 20 минут спустя:

 

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:

<article class="left-sidebar">
  Секцию навигации
  <nav class="menu">
     Ваше меню вместе с JS
  </nav>
  Если хотите сделать как в заказах ,то удалите в market.tree.tpl тег : nav class="menu"
</article>

 

 

Да, вы правы, нужно что бы текст Проектов, был такой же как текст в магазине. Попробовал сделать как вы написали, но так и не нашел в каких файлах находится 

<article class="left-sidebar">
Сообщения: 44

Marginal

Александр
#15/15.01.2016 06:03
0

Пользователи

Карма: +41

Скорее всего в файле:projects.list.tpl
Сообщения: 187

novlove

#16/15.01.2016 06:20
0

Аватар

Пользователи

Карма: +5

Сделал как писали, не помогло ( файл projects.list.tpl )

<!-- BEGIN: MAIN -->
<!--карусель -->
{FILE "themes/{PHP.theme}/inc/roundabout.tpl"}
<!--/карусель -->
{SEARCH_BCAT}
<section class="middle">
<article class="container">
<div class="content">
<div class="cat-bottom-linck"> 
    <h2><!-- IF {PHP.c} -->{CATTITLE}<!-- ELSE -->{PHP.L.projects}<!-- ENDIF --></h2>
    <!-- BEGIN: PTYPES -->
    <nav class="menu-top-projects">
        <ul>
            <li><a href="{PTYPE_ALL_URL}">{PHP.L.All}</a></li>
            <!-- IF {PHP.cot_plugins_active.paypro} -->
            <li><a class="rad" href="{FORPRO_URL}">{PHP.L.paypro_forpro}</a></li>
            <!-- ENDIF -->
            <!-- IF {PHP.usr.auth_write} -->
            <li><a href="{PHP|cot_url('projects', 'm=add')}" title="{PHP.L.projects_add_to_catalog}">{PHP.L.projects_add_to_catalog}</a></li>
            <!-- ENDIF -->
            <!-- IF {PHP.usr.auth_write} -->
            <li><a href="{PHP|cot_url('page','m=add')}">{PHP.L.add_article}</a></li>
            <!-- ENDIF -->
        </ul>
    </nav>
    <!-- END: PTYPES -->
</div>             
<div class="text-content">
<!-- IF {PHP.cot_plugins_active.paypro} -->
    <!-- IF !{PHP|cot_getuserpro()} AND {PHP.cfg.plugin.paypro.projectslimit} > 0 AND {PHP.cfg.plugin.paypro.projectslimit} <= {PHP.usr.id|cot_getcountprjofuser($this)} -->
        <div class="warning-unit">{PHP.L.paypro_warning_projectslimit_empty}</div>
    <!-- ENDIF -->
<!-- ENDIF -->
<!-- BEGIN: PRJ_ROWS -->
    <div class="borderbottom">
        <h3><a href="{PRJ_ROW_URL}">{PRJ_ROW_SHORTTITLE}</a></h3>
        <!-- IF {PRJ_ROW_COST} > 0 --><span>{PRJ_ROW_COST} {PHP.cfg.payments.valuta}</span><!-- ENDIF -->
        <div class="text-section">
            {PHP.L.Section}: <strong><!-- IF {PRJ_ROW_TYPE} -->{PRJ_ROW_TYPE}<!-- ENDIF --><a href="{PRJ_ROW_CATURL}">{PRJ_ROW_CATTITLE}</a></strong>
        </div>
        <p class="text">
            {PRJ_ROW_SHORTTEXT}
        </p>
        <div class="gorogstyle2">
                <strong>{PHP.L.Tags}: 
                <!-- BEGIN: PRJ_ROW_TAGS_ROW -->
                <!-- IF {PHP.tag_i}> 0 -->
                , 
                <!-- ENDIF -->
                <a href="{PRJ_ROW_TAGS_ROW_URL}" title="{PRJ_ROW_TAGS_ROW_TAG}" rel="nofollow">{PRJ_ROW_TAGS_ROW_TAG}</a>
                <!-- END: PRJ_ROW_TAGS_ROW -->
                <!-- BEGIN: PRJ_ROW_NO_TAGS -->
                {PRJ_ROW_NO_TAGS} 
                <!-- END: PRJ_ROW_NO_TAGS -->
                </strong>
                </div>
        <div class="gorogstyle">
        {PRJ_ROW_OWNER_NAME} <strong>| {PRJ_ROW_DATE} | {PRJ_ROW_COUNTRY} {PRJ_ROW_REGION} {PRJ_ROW_CITY} {PRJ_ROW_EDIT_URL}</strong>
        </div>
        <div class="offer-pro">
        <!-- IF {PHP.cot_plugins_active.paypro} AND {PRJ_ROW_FORPRO} --><strong class="pro">{PHP.L.paypro_forpro}</strong><!-- ENDIF -->                
        <strong class="offer"><a class="jQtooltip" href="{PRJ_ROW_OFFERS_ADDOFFER_URL}" title="{PHP.L.text1}  &#187;&#173; {PRJ_ROW_OFFERS_COUNT}">{PHP.L.offers_add_offer} ({PRJ_ROW_OFFERS_COUNT})</a></strong>
        </div>
    </div>
<!-- END: PRJ_ROWS -->
</div>
<!-- IF {PAGENAV_COUNT} > 0 -->    
    <div class="pagination">{PAGENAV_PAGES}</div>
<!-- ELSE -->
    <div class="warning-unit">{PHP.L.projects_notfound}</div>
<!-- ENDIF -->
</div>
</article>
    <article class="left-sidebar">

<nav class="menu">
  </nav>
        <!-- IF {CATALOG} -->{CATALOG}<!-- ENDIF -->
    </article>
</section>
<!-- END: MAIN -->

Добавлено 50 минут спустя:

#12354 novlove:
#12347 Marginal:

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:
 

<article class="left-sidebar">
   Секцию навигации
        <nav class="menu">
       Ваше меню вместе с JS
   </nav>
</article>

 

Добавлено 20 минут спустя:

 

Не совсем понятно,что вы написали.Я так понял что у вас не работают стили текста меню в проектах?
Или вы хотите сделать шрифт текста меню в Магазине такой же как в Заказах?
Если вы хотите что б меню Заказов выглядело как в магазине добавьте после:

<article class="left-sidebar">
  Секцию навигации
  <nav class="menu">
     Ваше меню вместе с JS
  </nav>
  Если хотите сделать как в заказах ,то удалите в market.tree.tpl тег : nav class="menu"
</article>

 

 

Да, вы правы, нужно что бы текст Проектов, был такой же как текст в магазине. Попробовал сделать как вы написали, но так и не нашел в каких файлах находится 

<article class="left-sidebar">

Проблема решена заменой  class="nav nav-list" на <ul<!-- IF {LEVEL} == 0 --> <nav class="menu"><!-- ENDIF -->>

Добавлено 39 минут спустя:

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

 

<!-- BEGIN: MAIN -->
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').mouseenter(function(){
if($(this).children('div.spoiler_body').css('display') == 'none') $(this).children('div.spoiler_body').slideDown('normal');
 });
 $('.spoiler_links').mouseleave(function(){
  $(this).children('div.spoiler_body').slideUp('normal');
  clearTimeout(animationTimer);
 });
});
</script>
<ul<!-- IF {LEVEL} == 0 --> <nav class="menu"><!-- ENDIF -->>
    <!-- IF {ROW_LEVEL} == 0 -->
    <div class="catList">
    <li><a href="{PHP|cot_url('projects')}">{PHP.L.All}</a></li>
    </div>
    <!-- ENDIF -->
    <!-- BEGIN: CATS -->
<div class="spoiler_links">
    <div class="catList">
    <li<!-- IF {ROW_SELECTED} --> class="active"<!-- ENDIF -->><a href="{ROW_HREF}">{ROW_TITLE}<span class="label-cat">{ROW_COUNT}</span></a>
    </div>
    <!-- IF {ROW_SUBCAT} -->
    <div class="spoiler_body">
    {ROW_SUBCAT}
        </div>   
</div>
    <!-- ENDIF -->
    </li>
    <!-- END: CATS -->
</ul>
<!-- END: MAIN -->
Сообщения: 44

Cmsworks

Булат
#17/15.01.2016 08:10
0

Администраторы

Карма: +683

Через css скрыть нельзя?

Сообщения: 2416

Опытный веб-разработчик, фрилансер.
Разрабатываю сайты любой сложности на профессиональных фреймворках.

------

Почта для связи: developer@cmsworks.ru

novlove

#18/15.01.2016 14:16
0

Аватар

Пользователи

Карма: +5

#12360 devkont:

Через css скрыть нельзя?

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

Сообщения: 44

hoster

#19/21.02.2016 11:07
0

Аватар

Пользователи

Карма: 0

#12360 devkont:

Через css скрыть нельзя?

Булат, подскажи пожалуйста, как это сделать (чтоб подкатегории были скрытыми при загрузке и, открывалось только после наведения на категории).

Ну, или подскажите кто знает как это сделать.

Все, разобрался.

Сообщения: 24

hoster

#20/22.02.2016 17:28
0

Аватар

Пользователи

Карма: 0

Ребят, подскажите еще, как изменить меню категорий в разделах; Фрилансеры и Работодатели?

Зделал по мануалу как здесь в топике, "новое" меню категорий теперь выпадающее и по дизайну изменилось, но корректно (измененное) только на Главной, Проекты, в Магазине, а вот в выше указанных Фрилансеры, Работодатели отображается как изначально (по дизайну как в демо фриланс-биржи) и не выпадающее.

Где, в каких изменить!?! Уже все файлы перерыл, не могу понять...

Сообщения: 24

yarabotane

Victor
#21/23.02.2016 17:52
+1

Пользователи

Карма: +93

#13205 hoster:

Ребят, подскажите еще, как изменить меню категорий в разделах; Фрилансеры и Работодатели?

Зделал по мануалу как здесь в топике, "новое" меню категорий теперь выпадающее и по дизайну изменилось, но корректно (измененное) только на Главной, Проекты, в Магазине, а вот в выше указанных Фрилансеры, Работодатели отображается как изначально (по дизайну как в демо фриланс-биржи) и не выпадающее.

Где, в каких изменить!?! Уже все файлы перерыл, не могу понять...

Может в этих районах где-то в usercategories.cattree.tpl или около, если чесно сейчас туго соображаю но могу постаратся помочь)))

Сообщения: 336

hoster

#22/23.02.2016 18:02
0

Аватар

Пользователи

Карма: 0

#13240 yarabotane:
#13205 hoster:

Ребят, подскажите еще, как изменить меню категорий в разделах; Фрилансеры и Работодатели?

Зделал по мануалу как здесь в топике, "новое" меню категорий теперь выпадающее и по дизайну изменилось, но корректно (измененное) только на Главной, Проекты, в Магазине, а вот в выше указанных Фрилансеры, Работодатели отображается как изначально (по дизайну как в демо фриланс-биржи) и не выпадающее.

Где, в каких изменить!?! Уже все файлы перерыл, не могу понять...

Может в этих районах где-то в usercategories.cattree.tpl или около, если чесно сейчас туго соображаю но могу постаратся помочь)))

С Праздником!)

Да я уже был в этом .tpl

Попробую еще разок.

Добавлено 6 минут спустя:

Это же надо!!!) Я был там, но почему-то не вышло в первый раз!? Что-то я видно прогнал в первый разочек, но оно и не удивительно, сутки глаза по файлам.)

Спасибо, yarabotane! А то сидел бы я и еще Бог знает сколько тупил.) Плюсую.)

Добавлено 11 минут спустя:

Ха. Вставил отсюда файлы... выдало Fatal error: Call to a member function parse() on a non-object in /home/h93618/data/www/ot500rub.ru/system/cotemplate.php on line 468

Добавлено 4 минуты спустя:

Что эта ошибка просит? По пути этому под 468 $blk->parse($this);

Сообщения: 24

mcrooff

#23/23.02.2016 18:32
0

Аватар

Пользователи

Карма: 0

так если решили вопрос. почему бы сюда не написать для всех?! как сделать везде чтоб работало?! и работодатели и фрилансеры?!

Сообщения: 9

hoster

#24/23.02.2016 18:34
0

Аватар

Пользователи

Карма: 0

#13244 mcrooff:

так если решили вопрос. почему бы сюда не написать для всех?! как сделать везде чтоб работало?! и работодатели и фрилансеры?!

В том то и дело что не сделали. Подкрались ближе, но выдает ошибку, выше написал что выдало.

Я так понимаю что не парсит данные из категорий!?! Причем ошибку эту выдает только на Главной и все тех же Фрилансеры, Работодатели. В Проекты и Магазин все как надо.

Сообщения: 24