Посоветуйте хороший модуль горизонтального меню(PS 1.4.1).

dazfx · May 5, 2011

Добрый день!

Посоветуйте хороший модуль горизонтального меню для PS 1.4.1. Очень желательно бесплатный=)

Модуль должен уметь прописывать ссылке\li активной страницы(категории) класс selected\active.

Пробовал Julien Breux 2.6 и 2.7.1 - сплошные глюки.

В 2.7.1 через админку ничего нельзя добавить\изменить.

Спасибо!

Dimitri Yelquin · May 5, 2011

У него есть так называемый Лаваламп. Да, сплошные глюки. Но с Horizontal, от него же, ни разу проблем не было. Поддаётся самым разнообразным настройкам и переделкам внешнего вида. написано, что для версии 1.2 (даже, не 1.3), но он и с 1.4 прекрасно работает. Автор сделал уже адаптацию для ПШ 1.4. Выложена на его сайте, Julien Breux. Тоже бесплатная? Не знаю. Меня старая версия устраивает.

dazfx · May 5, 2011

У него есть так называемый Лаваламп. Да, сплошные глюки. Но с Horizontal, от него же, ни разу проблем не было. Поддаётся самым разнообразным настройкам и переделкам внешнего вида. написано, что для версии 1.2 (даже, не 1.3), но он и с 1.4 прекрасно работает. Автор сделал уже адаптацию для ПШ 1.4. Выложена на его сайте, Julien Breux. Тоже бесплатная? Не знаю. Меня старая версия устраивает.

Как обычно=) Много букаф, а толку 0.

Dimitri Yelquin · May 5, 2011

Как обычно=) Много букаф, а толку 0.

Где их много? И где ноль? И что значит, как обычно?
По крайней мере про ноль я Вам сам скажу. Этим меню пользуется больше половины магазинов в ПрестаШопе. И всем он нравится. Скушайте.

dazfx · May 5, 2011

Эх... Ладно, забанят еще=)

В аттаче исправленный модуль Julien Breux 2.7.1. Модуль с сайта разработчика на 1.4.1 становится криво.

jbx_menu_2_7_1.zip

Dimitri Yelquin · May 6, 2011

Во-первых, что именно криво? А, во-вторых, я ж не говорил об одном... Не знаю, что он усовершенствовал в последней версии, но его ранняя и без этого прекрасно ведёт себя во всех версиях ПШ.

Могу предположить, что под "криво" Вы имеете в виду несовпадение ширины панели меню с шириной страницы стандартного шаблона. Да, есть такое. Мне кажется он делал это меню не для стандартного, а какого-то другого. Не написал об этом в комментарии? Но это ж такая мелочь! Открыли таблицу стилей (как у стороннего модуля она находится в подпаке css в папке самого модуля) и сделали необходимые настройки.

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

Ronaldo Perez · May 6, 2011

бурление говн detected

Dimitri Yelquin · May 6, 2011

бурление говн detected

Очередной пример неадекватного поведения этого человека. Ему не нужен повод, не нужны аргументы! Это чистый базар. Хочется кого-то обосрать, он и делает это, нисколько не заботясь о том, как сам-то жалко при этом выглядит. Это ж надо! "бурление говн" под моим постом, где я терпеливо, подробно отвечаю человеку на заданный вопрос. Как это называется? Это чистый троллинг! То есть, то самое, что он абсолютно безосновательно и упорно приписывает мне.

Чего стоит он сам и какой он технарь, выяснилось однажды во время нашего с ним разговора. Читайте! Форум должен знать своих героев. Я после такого позора вообще бы не высовывался. А этому человеку, хоть бы, что. Он ещё продолжает в других искать то, чем сам в преизбытке обладает!

dazfx · May 7, 2011

Во-первых, что именно криво? А, во-вторых, я ж не говорил об одном... Не знаю, что он усовершенствовал в последней версии, но его ранняя и без этого прекрасно ведёт себя во всех версиях ПШ.

Могу предположить, что под "криво" Вы имеете в виду несовпадение ширины панели меню с шириной страницы стандартного шаблона. Да, есть такое. Мне кажется он делал это меню не для стандартного, а какого-то другого. Не написал об этом в комментарии? Но это ж такая мелочь! Открыли таблицу стилей (как у стороннего модуля она находится в подпаке css в папке самого модуля) и сделали необходимые настройки.

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

В админке нельзя было добавлять пункты меню. Они просто не сохранялись. Модуль с офф. сайта но с поправками.

Dimitri Yelquin · May 7, 2011

В админке нельзя было добавлять пункты меню. Они просто не сохранялись. Модуль с офф. сайта но с поправками.

Так, я ж Вам пишу, попробуйте тот, который на аддонсе! Это раздел официального сайта ПрестаШопа, где продаются модули и шаблоны. Есть и бесплатные. Я в самом первом сообщении дал прямую ссылку на скачивание версии для ПШ 1.2. И повторяю, этот модуль и с ПШ 1.4 прекрасно работает.

Про тот, что на сайте самого разработчика, ничего сказать не мегу. Не пробовал. Отзывы тоже сплошь положительные, но я, тем не менее, рукомендую не его, а тот, который сам на многих сайтах использую. У меня он работает БЕЗУПРЕЧНО.

dazfx · May 7, 2011

Спасибо=)

Dimitri Yelquin · May 7, 2011

Пожалуйста... Модуль, кстати, называется не так, как на Аддонсе. В папке модулей нужно искать blocktopmenu. А в ней папку css, где всего одна таблица. Хотел выбрать оттуда, что и что нужно поменять, но боюсь что-то пропустить, поэтому, вот, она целиком (это под стандартный шаблон с шириной страницы 980 px):

/*** ESSENTIAL STYLES ***/
.sf-contener {
 clear: both;
 margin: 10px 0;
 width: 973px;
 height: 30px;
 line-height: 30px;
 padding-left: 7px;
 height: 30px;
 background: transparent url(../img/blocktopmenu_left.gif) no-repeat left center;
}
.sf-right {
 margin-right: 0px;
 float: right;
 width: 7px;
 background: transparent url(../img/blocktopmenu_right.gif) no-repeat right center;
}
.sf-menu, .sf-menu * {
   margin:            0;
   padding:        0;
   list-style:        none;
}
.sf-menu {
 float: left;
 width: 966px;
   line-height:    1.2;
   background: transparent url(../img/blocktopmenu.gif) repeat-x;
}
.sf-menu ul {
   position:        absolute;
   top:            -999em;
   width:            10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
   width:            100%;
}
.sf-menu li:hover {
   visibility:        inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
   float:            left;
   position:        relative;
}
.sf-menu a {
   display:        block;
   position:        relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
   left:            0;
   top:            2.7em; /* match top ul list item height */
   z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
   top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
   left:            10em; /* match ul width */
   top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
   top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
   left:            10em; /* match ul width */
   top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
   float:            left;
   margin-bottom:    1em;
}
.sf-menu a {
 border: 0;
/*    border-left:    1px solid #fff;
   border-top:        1px solid #CFDEFF; */
   padding:         .75em 1em;
   text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color:            #374853;
}
.sf-menu li li {
   background:        #ebebed;/*#AABDE6;*/
}
.sf-menu li li li {
   background:        #ebebed;/*#9AAEDB;*/
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.sfHoverForce,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 background: transparent url(../img/blocktopmenu_hover.gif) repeat-x;
}
.sf-menu li.noBack:hover, .sf-menu li.sfHover.noBack, .sf-menu li.sfHoverForce.noBack,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 background: inherit;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
   background:        #d0d3d8;
   outline:        0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
   padding-right:     2.25em;
   min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
   position:        absolute;
   display:        block;
   right:            .75em;
   top:            1.05em; /* IE6 only */
   width:            10px;
   height:            10px;
   text-indent:     -999em;
   overflow:        hidden;
   background:        url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
   top:            .8em;
   background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
   background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
   background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
   background:    url('../img/shadow.png') no-repeat bottom right;
   padding: 0 8px 9px 0;
   -moz-border-radius-bottomleft: 17px;
   -moz-border-radius-topright: 17px;
   -webkit-border-top-right-radius: 17px;
   -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
   background: transparent;
}
li.sf-search {
 background: inherit;
 float: right;
 line-height: 25px;
}
li.sf-search input {
 -moz-border-radius: 0 5px 5px 0;
 padding: 3px 0;
 padding-left: 20px;
 margin-top: 4px;
 background: #fff url(../img/search.gif) no-repeat left center;
}

Dimitri Yelquin · May 7, 2011

А можно и так:

/*** ESSENTIAL STYLES ***/
.sf-contener {
 clear: both;
 margin: 10px 0;
 width: 980px;
 height: 30px;
 line-height: 30px;
 padding-left: 7px;
 height: 30px;
 background: #b3b3b3 /*url(../img/blocktopmenu_left.gif) no-repeat left center*/ -- Заключением в слэши и астериксы выключаем графику;
}
.sf-right {
 margin-right: 0px;
 float: right;
 width: 7px;
 background: #b3b3b3 /*url(../img/blocktopmenu_right.gif) no-repeat right center*/;
}
.sf-menu, .sf-menu * {
   margin: 0;
   padding: 0;
   list-style: none;
}
.sf-menu {
 float: left;
 width: 980px;
   line-height: 1.2;
   background: #b3b3b3 /*url(../img/blocktopmenu.gif) repeat-x*/;
}

Вместо оттенка серого (#b3b3b3) можно выбрать любой другой цвет. После этого -- подобрать цвет, какой должен быть при наведении курсора (a:hover) и какой -- в выпадающем меню без наведения и с наведённым курсором.

Dimitri Yelquin · May 7, 2011

Сейчас исправлю код в последнем сообщении...

Dimitri Yelquin · May 7, 2011

С шириной панели, цветом фонов, размером и цветом шрифта можно экспериментировать. На одном из моих сайтов у меня таблица начинается так:

/*** ESSENTIAL STYLES ***/
.sf-contener {
      clear: both;
      margin: 10px 0;
      height: 30px;
      line-height: 30px;
      padding-right: 0;
      padding-left: 0;
      background:  #C35402;
      font-size: 110%;
      font-weight: bold;
}
.sf-menu, .sf-menu * {
   margin: 0;
   padding: 0;
   list-style: none;
}
.sf-menu {
       float: left;
       width: 980px;
   line-height: 1.2;
   background: #C35402;
}

dazfx · May 16, 2011

Эээээ. Даже не знаю что сказать...)))))) Видимо, спасибо...

zapatronen · September 29, 2012

по-моему это называется "паутинная манипуляция"

Dimitri Yelquin · October 1, 2012

Я бы сейчас посоветовал этот, но, увы, — 30 евро. Хотя тут (на нашем форуме) кое-кто его затак выложил... Обалденный модуль! Я себе скачал, но только для знакомства... Пиратский никуда ставить не буду.

Посоветуйте хороший модуль горизонтального меню(PS 1.4.1).

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in