Найти на сайте
  2. Форумы
  3. ОБСУЖДЕНИЯ
  4. Разработка дополнений
  5. Как сделать вывод категорий из InstantShop как на картинке?

Как сделать вывод категорий из InstantShop как на картинке?

#1 4 апреля 2014 в 02:10
Хочется сделать вывод из инстант шопа категорий на главной как на картинке

prntscr.com/36re2y

возможно ли сделать, чтобы вложенные категории выпадали также вправо? и если категорий больше например 10, то остальные категории бы скрывались под ссылку "посмотреть все категории"?

п.с. если кто может помочь за вознаграждение, то также отписывайте в теме.
0
#2 4 апреля 2014 в 12:50
Я обращался к пользователю instantcms.ru/users/mk198 = он точно знает, как Вам помочь, просто договоритесь. Я ему несколько дней ныл в скайп и он сделал сообществу это, абсолютно бесплатно: instantcms.ru/blogs/blog-irbis/modul-menyu-universalnogo-kataloga.html по-моему, это решение Вам подходит, пусть и не полностью. Дальше можете сами адаптировать.

Только у Вас мапс, я не знаю — он говорил у него такого компонента нет…
0
#3 4 апреля 2014 в 13:06
у меня не мапс, а шоп
0
#4 4 апреля 2014 в 13:06
т.е я хочу добиться вывода как по категоирям созданным в админке, так и по заданному фильтру ПРАЗДНИКИ, у меня такой фильтр. Интересно, возможно ли так пихнуть в меню.
0
#5 4 апреля 2014 в 13:10


т.е я хочу добиться вывода как по категоирям созданным в админке, так и по заданному фильтру ПРАЗДНИКИ, у меня такой фильтр. Интересно, возможно ли так пихнуть в меню.

yury

Пообщайтесь с человеком или ждите помощи, может кто подскажет. Я навел на человека, который знает. К сожалению, больше ничем помочь не могу.
0
#6 4 апреля 2014 в 14:43
yury, делал когда-то (если не ошибаюсь ещё для 1.9) так:
слева — перечисление родительских разделов магазина, при наведении на пункты, — справа появлялись клоны модуля "категории магазина" с соответсвующими дочерними.
Если подходит, маякните, поищу
Украинский для инстант
0
#7 4 апреля 2014 в 23:40

yury, делал когда-то (если не ошибаюсь ещё для 1.9) так:
слева — перечисление родительских разделов магазина, при наведении на пункты, — справа появлялись клоны модуля "категории магазина" с соответсвующими дочерними.
Если подходит, маякните, поищу

Олег Васильевич я
да, было бы интересно посомтреть. посмотрите если не затруднит
0
#8 4 апреля 2014 в 23:47
вцелом меню из коробки вложенные категории выпадают вниз при наведении на родительскую категорию. может можно сделать, чтобы дочерние категории выпадали не вниз, а справа от главной категории?

Код модуля из коробки

  1.  
  2. <div>
  3.     <ul id="inshop_tree">
  4.  
  5.         {foreach key=key item=item from=$items}
  6.  
  7.             {if $item.NSLevel < $last_level}
  8.                 {math equation="x - y" x=$last_level y=$item.NSLevel assign="tail"}
  9.                 {section name=foo start=0 loop=$tail step=1}
  10.                     </ul></li>
  11.                 {/section}
  12.             {/if}
  13.             {if $item.NSRight - $item.NSLeft == 1}
  14.                <ul> <li>
  15.                     <a href="javascript:" class="cat_none"></a>
  16.                     <span class="folder">
  17.                         {if $item.id != $current_id}
  18.                             <a href="/shop/{$item.seolink}">{$item.title}</a>
  19.                         {else}
  20.                             {$item.title}
  21.                         {/if}
  22.                     </span>
  23.                 </li>
  24. 				    </ul>
  25.             {else}
  26.  
  27.                 <li style="padding:{php}echo $padding;{/php}" class="cat">
  28.                     <a href="javascript:" class="cat_plus" style="{if $cfg.expand_all}display:none{/if}" title="Развернуть"></a>
  29.                     <a href="javascript:" class="cat_minus" style="{if !$cfg.expand_all}display:none{/if}" title="Свернуть"></a>
  30.                     <span class="folder">
  31.                         {if $item.id != $current_id}
  32.                             <a href="/shop/{$item.seolink}">{$item.title|truncate:22}</a>
  33.                         {else}
  34.                             {$item.title}
  35.                         {/if}
  36.                     </span>
  37.                     <ul>
  38.             {/if}
  39.             {assign var="last_level" value=$item.NSLevel}
  40.  
  41.         {/foreach}
  42.  
  43.     </ul>
  44.  
  45. </div>
  46. <script type="text/javascript">    
  47.  
  48.         {if !$cfg.expand_all}
  49.             {literal}
  50.                 $('#inshop_tree li > ul').hide();
  51.             {/literal}
  52.         {/if}
  53.  
  54.         {literal}
  55.  
  56.         $('.cat_plus').click(function(){
  57.             $(this).hide();
  58.             $(this).parent('li').find('.cat_minus').eq(0).show();
  59.             $(this).parent('li').find('ul').eq(0).show();
  60.         });
  61.  
  62.         $('.cat_minus').click(function(){
  63.             $(this).hide();
  64.             $(this).parent('li').find('.cat_plus').eq(0).show();
  65.             $(this).parent('li').find('ul').hide();
  66.             $(this).parent('li').find('ul').find('.cat_minus').hide();
  67.             $(this).parent('li').find('ul').find('.cat_plus').show();
  68.         });
  69.  
  70.  
  71.        $('#inshop_tree li').hover(
  72.            function() {
  73.                $(this).find('ul:first').slideDown();
  74.                $(this).find('a:first').addClass("hover");
  75.            },
  76.            function() {
  77.                $(this).find('ul:first').slideUp();
  78.                $(this).find('a:first').removeClass("hover");
  79.            }
  80.         );
  81.  
  82.     {/literal}
  83. </script>
  84.  
  1.  
  2. ul #inshop_tree{
  3. 	list-style: none;
  4. 	margin: 0px;
  5. 	padding: 0px;
  6. }
  7.  
  8. #inshop_tree li {
  9. margin-left: -40px;
  10.  background-color: #f5f5f5;
  11.  border-bottom: 1px solid #e5e5e5;
  12.  padding: 5px 10px;
  13. 	list-style: none;
  14. }
  15.  
  16. #inshop_tree{ padding:0px; list-style:none; margin:0px; }
  17. #inshop_tree ul{
  18.     margin-left:0px;
  19.     padding-left:0px;
  20. }
  21. #inshop_tree li { list-style:none; margin-left:0px; padding-left:0px; }
  22. #inshop_tree li span {
  23.     margin-left:0px;
  24.     font-weight:bold;
  25. }
  26.  
  27. #inshop_tree li span a{
  28.     font-weight:normal;
  29. }
  30.  
  31. #inshop_tree li a.cat_plus,
  32. #inshop_tree li a.cat_minus,
  33. #inshop_tree li a.cat_none{
  34.     display:block;
  35.     float:left;
  36.     width:16px;
  37.     height:16px;
  38.     margin-right:3px;
  39. }
  40.  
  41. #inshop_tree li a.cat_plus{ background:url(../images/shop_cat_plus.png) no-repeat left 2px; }
  42. #inshop_tree li a.cat_minus{ background:url(../images/shop_cat_minus.png) no-repeat left 2px; }
0
#9 5 апреля 2014 в 14:12
тогда так можно (на выходе будет так):
1. этот файл — в \templates\_default_\modules
2. в настройках вывода модуля категорий указать шаблон module_visib.tpl
3. приведённую выше часть стиля заменить на эту (там подправите под свою разметку):
  1. #inshop_tree{
  2. list-style: none;
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6.  
  7. #inshop_tree li {
  8. margin-left: -40px;
  9. background-color: #f5f5f5;
  10. border-bottom: 1px solid #e5e5e5;
  11. width:260px;
  12. padding: 5px 10px;
  13. list-style: none;
  14. }
  15. #inshop_tree .cat{
  16. position:relative
  17. }
  18. #inshop_tree .cat ul {
  19. position:absolute;
  20. right:-270px;
  21. top:0
  22. }
  23.  
  24. #inshop_tree{ padding:0px; list-style:none; margin:0px; }
  25. #inshop_tree ul{
  26. margin-left:0px;
  27. padding-left:0px;
  28. }
  29. #inshop_tree li { list-style:none; margin-left:0px; padding-left:0px; }
  30. #inshop_tree li span {
  31. margin-left:0px;
  32. font-weight:bold;
  33. }
  34.  
  35. #inshop_tree li span a{
  36. font-weight:normal;
  37. }
  38.  
  39. #inshop_tree li a.cat_plus,
  40. #inshop_tree li a.cat_minus,
  41. #inshop_tree li a.cat_none{
  42. display:block;
  43. float:left;
  44. width:16px;
  45. height:16px;
  46. margin-right:3px;
  47. }
  48.  
  49. #inshop_tree li a.cat_plus{ background:url(../images/shop_cat_plus.png) no-repeat left 2px; }
  50. #inshop_tree li a.cat_minus{ background:url(../images/shop_cat_minus.png) no-repeat left 2px; }
Украинский для инстант
0
#10 5 апреля 2014 в 14:27
оно должно само заработаь, или еще доп. модли надо создавать?
0
#11 5 апреля 2014 в 16:53


оно должно само заработаь, или еще доп. модли надо создавать?

yury
Всё что надо сделать уже написал. Если вам нужны клоны модуля, то каждому назначте указанный шаблон вывода (п.2). Может быть что вам этого вообще не нужно делать (я отталкивался от дефолта), но чтобы сказать точно мне надо б на сайт глянуть.
Украинский для инстант
0
#12 5 апреля 2014 в 18:38
а никакой скрипт не забыли инициализировать? чтото мнебшка не всплывает. если ранее выпадала внихз, от теперь после смены стилей просто не появляются.

пс. попробую в инете поставить на тестовый, чтобы показать,
0
#13 5 апреля 2014 в 19:21

теперь после смены стилей просто не появляются

yury
п.1 и 2 сделали? Если да, ищите у родителей overflow: hidden (самое вероятное). Или кидайте адрес сайта
Украинский для инстант
0
Подскажите как сделать открыто
Привязка телефона к аккаунту
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Некорректная фильтрация в фильтре при нахождении в категории

Релизы 2.X Создана 1 год назад 3 сообщения

Замена картинке в шапке шаблона

Дизайн / Графика / Искусство Создана 4 года назад 3 сообщения

Вывод категорий в виджете категорий в два столбика. Возможно?

Разработка дополнений Создана 2 года назад 6 сообщений

Как убрать выводит подкатегорий внутри категории при включённой опции показывать категории над списком?

Релизы 2.X Создана 1 месяц назад 14 сообщений

Витрина InstantShop добавить ссылку категории

Компоненты Создана 8 месяцев назад 1 сообщение

[ЕСТЬ РЕШЕНИЕ] шаблон вывода списка категорий

HTML / CSS / PHP / JS / RegExp Создана 3 года назад 3 сообщения

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.