0 Пользователей и 1 Гость просматривают эту тему.
  • 89 Ответов
  • 24832 Просмотров
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Представляю сообществу альтернативный стандартному модуль вывода категорий товаров с дополнительными возможностями.

Достоинства:
  • XHTML и CSS
  • Параметры для управления выводом списка
  • Возможность добавлять свои шаблоны вывода


Текущая версия:
1.07

Ссылка для скачивания:
mod_kdz_vm_categories_vm1.zip

Примеры использования:
http://www.muline-shop.ru
« Последнее редактирование: 02.02.2012, 23:31:54 от kordima »
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Вместо скринов открыл раздел "примеры использования". 
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Установил, в настройке модуля кракозябры.

Этот модуль позволяет выводить категории списком?
Есть еще какие нибудь варианты?
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Цитировать
Установил, в настройке модуля кракозябры.
Если можно дайте скрин.

Default - шаблон выводит категории списком.
Модуль позволяет получать различные варианты списков:
- С определенного уровня
- Полный список или несколько уровней
- Ограничение кол-ва уровней
- и т.п.
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
вот скрин:
gorodsad74.ru/кракозябры.jpg

Я не понял есть еще какие нибудь варианты вывести категории продуктов и подкатегории списком?
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Спасибо, ошибку исправил. Попробуйте.

Цитировать
Я не понял есть еще какие нибудь варианты вывести категории продуктов и подкатегории списком?
Давайте так: как Вы хотите?
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Попробовал, выдает следующую ошибку:
JInstaller::install: Файл /home/pavel/public_html/gorodsad74.ru/tmp/install_4e775ec8a6daa/mod_kdz_vm_categories/elements не существует

Я хочу сделать меню:

Луковицы, клубни, саженцы
         Тюльпаны
         Лилии
         Картофель
Семена
         Цветы комнатные
          Цветы в сад
и т.д.

Короче Меню с выпадающим вторым уровнем, у каждой категории товара своя иконка
В CSS и HTML так выглядит:
Код
<div id="right_menu">
<ul>
  <li><a href="about.html">Луковицы, клубни, саженцы</a>
  <ul >
  <li ><a href="about.html" >Луковичные осень 2011</a></li>
  <li><a href="folio.html" >Лук-севок, чеснок</a></li>
   <li><a href="index.html" >Саженцы плодовые</a></li>
  <li ><a href="blog.html"">Картофель семенной</a></li>
  </ul>
  </li>
  <li><a href="folio.html">Семена</a></li>
<li>
<ul >
  <li ><a href="about.html" >Луковичные осень 2011</a></li>
  <li><a href="folio.html" >Лук-севок, чеснок</a></li>
</ul>
</li>
</ul>
</div>
         
    и css
Код
#right_menu {
margin: 40px 0px 0px -40px;
padding: 0px 0px 0px 0px;
float:left;
font-size: 14px;
line-height: 29pt;   
border: 0px solid red;
}

#right_menu ul {
list-style: none;
}

#right_menu ul li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 40px;
color:black;
text-decoration:underline;
list-style: none;
display: block;
background: url(../images/1.png) no-repeat 0px 0px  ;
}

#right_menu a:hover {
color:#AE292C;
text-decoration:none;
font-weight: ;
background-color:#45BF4F ;
background: url(../images/01.png) no-repeat 0px 0px ;
}



 #right_menu LI UL {
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 200px; /* Сдвигаем подменю вправо */
    margin-top: -2em; /* Сдвигаем подменю вверх */
line-height: 17pt;
   }
#right_menu LI ul A {
    display: block; /* Ссылка как блочный элемент */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: black; /* Цвет текста */
    border: 0px solid #ccc; /* Рамка вокруг пунктов меню */
    background-color:#45BF4F ; /* Цвет фона */
    border-bottom: none; /* Границу снизу не проводим */
   }
   
#right_menu LI ul A:hover {
    color: black; /* Цвет текста активного пункта */
    background-color: #3FB049; /* Цвет фона активного пункта */
   }
#right_menu LI:hover UL {
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Ставим 1.02
В настройках Expand Level Count = 2

Цитировать
у каждой категории товара своя иконка
В примере нет привязки картинки к категории.

Можно сделать привязку по id категории.
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Спасибо! Установил, заработало. Модуль отличнейший!

Как правильно в CSS прописать уникальный стиль для отдельного пункта меню по id?

На данный момент меню находится в таком состоянии http://gorodsad74.ru

Заранее благодарен!
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Спасибо за отладку.

Ставим версию 1.04

В настройках параметр "Category Id Class Prefix".
После ввода префикса в элементах списка добавляются классы "[префикс][id категории]".

Добавлен параметр "Word Wrap Width" для создания многострочных элементов списка.
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Установил 1.04!
Настроил!
Прописал для каждого родительского пункта меню свою иконку (наверное здесь можно было обойтись спрайтом код грамозткий).

Главное
модуль позволяет гибко настроить стили меню из CSS как угодно!
Всем рекомендую очень прост в настройках!
Спасибо!

p.s. Единственное пока не могу справится с тем что подпункты меню перенимают иконки родительского пункта, в CSS не силен видимо. Пробовал разные варианты.

Подскажите пожалуйста?
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Впринципе вопрос решил,
я спрятал иконки через background-position: -30px 0px;

Легое чувство стыда за несовершенво)

Модуль классный еще раз спасибо!
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Чтоб скрыть иконки лучше использовать
background-image: none
http://htmlbook.ru/css/background-image
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Да уж, подправил
Благодарю!

Не могу теперь допереть как прописать активный пункт меню
Хочу чтобы родительский пункт меню будучи активным был как при наведении.

#right_menu ul li.prod1 a:hover   {
color:#AE292C;
text-decoration:none;
font-weight: ;
background-color:#45BF4F ;
background: url(../images/01.png) no-repeat 0px 0px ;
}
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Попробуйте так:
#right_menu ul li.active.prod1,
#right_menu ul li.prod1 a:hover   {
color:#AE292C;
...
}

PS:
Негде сейчас попробовать. Пишу по теории.

Кстати писать ul излишне.
Достаточно: #right_menu li.active.prod1, ...
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
*

dim66

  • Осваиваюсь на форуме
  • 49
  • 4 / 0
Привет.
Тоже поставил модуль. Все оки. Ну и помощи прошу )))
Никак не получается изменить иконки (у категорий, где есть подкатегории поставить допустим ">>>", а где нет подкатегорий поставить "о").
Буду благодарен за совет.
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Классы элементов списка:
li.active - категория/подкатегория выбрана (активна)
li.current - текущая категория
li.parent - есть подкатегории

2 dim66:
Очень грубо это выглядит так:

#menu li {
  background-image: "0";
}

#menu li.parent {
  background-image: ">>>";
}
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Спасибо за модуль, настраиваю.
проблема вылезла здесь:
Warning: Call-time pass-by-reference has been deprecated in /storage/home/srv21454/serebro/modules/mod_kdz_vm_categories/tmpl/_renders.php on line 50
что это и как вылечить?
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Исправил.
Ставим версию 1.05
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Не помогло.
А модуль классный, спрописал стили - отлично все выглядит
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
2 zmeyx:
Посмотрите, пожалуйста:
строка 50 была такая:
Код
KDZ_VMCategories_Render_Tree(&$categories, $category_id, $level+1, $max_level_count, $params);
должна стать такой:
Код
KDZ_VMCategories_Render_Tree($categories, $category_id, $level+1, $max_level_count, $params);

Нужно убрать символ &.
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Да, я понял разницу между версиями. Спасибо, это помогло, просто сам сглупил.... из за кэша не помогло сразу... все работает, модуль отличный
*

omklim

  • Новичок
  • 4
  • 0 / 0
Подскажите пожалуйста!!
Утановил этот модуль, появился список категорий под главным меню.
Можно сделать так:
1)что бы в этом списке категорий, подкатегории выпадали вниз при нажатии на родительскую.
2)Все вместе выглядело так же как и остальный меню.
3)Данный блок отображался на всех страницах, а не только на главной.

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

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Друзья как  через CSS обратится к 4-му уровню меню?
Как только не пробовал!


К третьему уровню обращаюсь так
Код
#right_menu LI.parent UL li ul {
width: 200px;
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 165px; /* Сдвигаем подменю вправо */
    margin-top: -2em; /* Сдвигаем подменю вверх */
    line-height: 17pt;
   }

#right_menu LI.parent ul li ul A {
    display: block; /* Ссылка как блочный элемент */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: black; /* Цвет текста */
    border: 0px solid #ccc; /* Рамка вокруг пунктов меню */
    background-color:#45BF4F ; /* Цвет фона */
    border-bottom: none; /* Границу снизу не проводим */
background-image: none;
   }
   
#right_menu LI.parent.active ul li ul A {
    display: block; /* Ссылка как блочный элемент */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    color: black; /* Цвет текста */
    border: 0px solid #ccc; /* Рамка вокруг пунктов меню */
    background-color:#45BF4F ; /* Цвет фона */
    border-bottom: none; /* Границу снизу не проводим */
background-image: none;
   }

#right_menu LI.parent ul li ul A:hover {
    color: black; /* Цвет текста активного пункта */
    background-color: #3FB049; /* Цвет фона активного пункта */
background-image: none;
   }
#right_menu LI.parent ul li:hover UL   {
    display: block; /* При выделении пункта курсором мыши отображается подменю */
   }
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
1 - #right_menu li {}
2 - #right_menu li li {}
3 - #right_menu li li li {}
...

Писать ul не нужно.
*

pavel-parygin

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Так пробовал еще в прошлый раз почему-то не работает?
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
2 pavel
У тебя где-то ошибка в CSS.
Вот прекрасно работающий демо пример:
Код
<html>
<head>
<title>test</title>

<style type="text/css">
li {color: red; font-size: 11px;}
li li {color: green; font-size: 13px;}
li li li {color: blue;font-size: 15px;}
</style>
</head>

<body>
<ul><li><span>level-1</span>
  <ul><li><span>level-2</span>
     <ul><span>level-3</span>
     </li></ul>
  </li> </ul>
</li></ul>
</body>
</html>
*

kordima

  • Захожу иногда
  • 54
  • 24 / 0
Хочу всем посоветовать прекрасный сайт
для изучения списков и стилей для них:

http://css.maxdesign.com.au/listamatic/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[download] Модуль вывода товаров для VirtueMart (1.2.3 и 2.1)

Автор beliyadm

Ответов: 1448
Просмотров: 353079
Последний ответ 21.07.2015, 06:21:55
от Серегин
Как установить модуль mod_xtc_manufacturers_j15 ?

Автор wolfandman

Ответов: 7
Просмотров: 2970
Последний ответ 26.04.2014, 09:29:54
от terr
Отображение товаров в виде таблицы

Автор Doppelganger

Ответов: 183
Просмотров: 54867
Последний ответ 15.04.2014, 23:27:29
от 4ifir
Пагинация в категории товаров

Автор chgr73

Ответов: 0
Просмотров: 965
Последний ответ 20.02.2014, 16:06:50
от chgr73
Вывод модуля везде, кроме определенных категорий

Автор katjuha6

Ответов: 18
Просмотров: 3609
Последний ответ 13.01.2014, 15:24:40
от Fedor Vlasenko