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

 
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
Хочется сделать вывод из инстант шопа категорий на главной как на картинке
Как сделать вывод категорий из InstantShop как на картинке?

http://prntscr.com/36re2y

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

п.с. если кто может помочь за вознаграждение, то также отписывайте в теме.
Редактировалось: 3 раз (Последний: 4 апреля 2014 в 02:12)
Посетитель
small user social cms
Медаль
Сообщений: 414
Я обращался к пользователю http://instantcms.ru/users/mk198 = он точно знает, как Вам помочь, просто договоритесь. Я ему несколько дней ныл в скайп и он сделал сообществу это, абсолютно бесплатно: http://instantcms.ru/blogs/blog-irbis/modul-menyu-universalnogo-kataloga.html по-моему, это решение Вам подходит, пусть и не полностью. Дальше можете сами адаптировать.

Только у Вас мапс, я не знаю - он говорил у него такого компонента нет...
Редактировалось: 1 раз (Последний: 4 апреля 2014 в 12:51)
Реклама
cms
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
у меня не мапс, а шоп
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
т.е я хочу добиться вывода как по категоирям созданным в админке, так и по заданному фильтру ПРАЗДНИКИ, у меня такой фильтр. Интересно, возможно ли так пихнуть в меню.
Как сделать вывод категорий из InstantShop как на картинке?
Редактировалось: 2 раз (Последний: 4 апреля 2014 в 13:08)
Посетитель
small user social cms
Медаль
Сообщений: 414
yury:

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


Пообщайтесь с человеком или ждите помощи, может кто подскажет. Я навел на человека, который знает. К сожалению, больше ничем помочь не могу.
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
yury, делал когда-то (если не ошибаюсь ещё для 1.9) так:
слева - перечисление родительских разделов магазина, при наведении на пункты, - справа появлялись клоны модуля "категории магазина" с соответсвующими дочерними.
Если подходит, маякните, поищу
Украинский для инстант
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
Олег Васильевич я:
yury, делал когда-то (если не ошибаюсь ещё для 1.9) так:
слева - перечисление родительских разделов магазина, при наведении на пункты, - справа появлялись клоны модуля "категории магазина" с соответсвующими дочерними.
Если подходит, маякните, поищу
да, было бы интересно посомтреть. посмотрите если не затруднит
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
вцелом меню из коробки вложенные категории выпадают вниз при наведении на родительскую категорию. может можно сделать, чтобы дочерние категории выпадали не вниз, а справа от главной категории?

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

Код PHP:
  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.  
Код CSS:
  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; }
Редактировалось: 1 раз (Последний: 4 апреля 2014 в 23:57)
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
тогда так можно (на выходе будет так):
1. этот файл - в \templates\_default_\modules
2. в настройках вывода модуля категорий указать шаблон module_visib.tpl
3. приведённую выше часть стиля заменить на эту (там подправите под свою разметку):
Код PHP:
  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; }
Украинский для инстант
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
оно должно само заработаь, или еще доп. модли надо создавать?
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
yury:

оно должно само заработаь, или еще доп. модли надо создавать?
Всё что надо сделать уже написал. Если вам нужны клоны модуля, то каждому назначте указанный шаблон вывода (п.2). Может быть что вам этого вообще не нужно делать (я отталкивался от дефолта), но чтобы сказать точно мне надо б на сайт глянуть.
Редактировалось: 1 раз (Последний: 5 апреля 2014 в 16:54)
Украинский для инстант
Посетитель
no avatar
МедальАвторитет форума
Сообщений: 2785
а никакой скрипт не забыли инициализировать? чтото мнебшка не всплывает. если ранее выпадала внихз, от теперь после смены стилей просто не появляются.

пс. попробую в инете поставить на тестовый, чтобы показать,
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 2792
yury:
теперь после смены стилей просто не появляются
п.1 и 2 сделали? Если да, ищите у родителей overflow: hidden (самое вероятное). Или кидайте адрес сайта
Редактировалось: 1 раз (Последний: 5 апреля 2014 в 19:22)
Украинский для инстант
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.