#1
Отправлено 30 Ноябрь 2012 - 19:08
Подскажите пожалуйста , как установить блок вертикального меню их полно всяких разных в интернете (пример: http://yandex.ru/yan...ьное меню&lr=43)
Pа отсутствием опыта самостоятельно сделать не могу.
Подскажите пожалуйста , как устанавливать такие меню, какую лучше меню поставить, )))
Наш сайт: http://asfn.storeland.ru/
БлагоДарю
Эмин
#2
Отправлено 30 Ноябрь 2012 - 19:28
#3
Отправлено 01 Декабрь 2012 - 07:23
Выпадающее меню для страниц можно реализовать только путем созданию под меню вручную. Подобный вопрос рассматривался тут http://forum.storela...еста/#entry2072
#4
Отправлено 01 Декабрь 2012 - 10:19
emin808 (30 Ноябрь 2012 - 19:28) писал:
#6
Отправлено 02 Декабрь 2012 - 17:35
#7
Отправлено 03 Декабрь 2012 - 11:03
emin808 (02 Декабрь 2012 - 11:43) писал:
И нет гарантий что отображение меню будет выглядить корректно в всех браузерах.
Панель администратора, Сайт-> Редактор тем.
Пожалуйста сделайте резервную копию сайта перед внесением изменений.
Как писала уже выше Vaccina, в подменю ссылки придется вставлять вручную.
Открыть файл HTML.
Найти код:
<!-- Каталог товаров --> <div class="nav-container"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="nav">{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} " {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %}> <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров -->Заменить на:
<!-- Каталог товаров --> <div class="nav-container"> <ul id="mega-1" class="mega-menu"> <li><a href="#">Menu Item A</a> <ul> <li><a href="#">Sub-Header 1</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> <li><a href="#">Sub-Header 2</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> <li><a href="#">Sub-Header 3</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> </ul> </li> </ul> </div> <!-- /Каталог товаров -->
Добавить в редактор тем файлы.
Скачать на компьютер архив и добавить содержимые файлы в редактор тем.
jquery.hoverIntent.minified2.zip 5,6К 209 Количество загрузок:
Затем подключим файлы к сайту.
Для этого откроем файл html.
И после кода:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>Код:
<script type='text/javascript' src='{ASSETS_JS_PATH}jquery.hoverIntent.minified.js'></script> <script type='text/javascript' src='{ASSETS_JS_PATH}query.dcverticalmegamenu.1.3.js'></script>Файлы подключены.
Теперь откроем файл main.csstemplate.
И допишем в конец файла код:
/* Vertical Mega Menu Styles */ .mega-menu{ font: bold 13px Arial, sans-serif; line-height: 16px; background: #333; border-left: 1px solid #1B1B1B; position: relative; /* Required */ } .mega-menu li a { display: block; color: #fff; padding: 12px 38px 12px 25px; text-shadow: 1px 1px 1px #000; text-decoration: none; border-top: 1px solid #555; border-bottom: 1px solid #222; border-right: 1px solid #1B1B1B; } .mega-menu li a:hover, .mega-menu li.mega-hover a { background: #4b4b4b; color: #fff; border-right: 1px solid #4b4b4b; } .mega-menu li a.dc-mega { position: relative; } /* Add arrow icon to parent links */ .mega-menu li a .dc-mega-icon { display: block; position: absolute; top: 18px; right: 15px; width: 6px; height: 8px; background: url({ASSETS_IMAGES_PATH}arrow_right.png) no-repeat 0 0; } /* Mega menu container */ .mega-menu li .sub-container { position: absolute; /* Required */ background: #4B4B4B; padding: 10px 10px 0 10px; overflow: hidden; border: 1px solid #4b4b4b; border-left: none; } .mega-menu li .sub .row { width: 100%; overflow: hidden; /* Clear floats */ } .mega-menu li .sub li { float: none; width: 150px; font-size: 1em; font-weight: normal; } .mega-menu li .sub li.mega-hdr { float: left; /* Required */ margin: 0 5px 10px 5px; } .mega-menu li .sub a, .mega-menu.left li .sub a { background: none; border: none; text-shadow: none; float: none; color: #fff; padding: 7px 10px; display: block; text-decoration: none; font-size: 0.9em; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E88221; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; text-shadow: none; } .mega-menu .sub li.mega-hdr li a { padding: 4px 5px 4px 20px; background: url({ASSETS_IMAGES_PATH}arrow_white.png) no-repeat 5px 8px; font-weight: normal; } .mega-menu .sub li.mega-hdr li a:hover { color: #a32403; background: #efefef url({ASSETS_IMAGES_PATH}arrow_on.png) no-repeat 5px 8px; } .mega-menu .sub ul li { padding-right: 0; } /* Styling for menu items with only 2 levels */ .mega-menu li .sub-container.non-mega .sub { padding: 10px;} .mega-menu li .sub-container.non-mega li { padding: 0; margin: 0; width: 150px; } .mega-menu li .sub-container.non-mega li a { padding: 7px 5px 7px 22px; background: url({ASSETS_IMAGES_PATH}arrow_white.png) no-repeat 7px 10px; } .mega-menu li .sub-container.non-mega li a:hover { color: #a32403; background: #efefef url({ASSETS_IMAGES_PATH}arrow_on.png) no-repeat 7px 10px; }
#8
Отправлено 03 Декабрь 2012 - 13:50
Низкий поклон Вам!
Проверил по всем браузерам , все работает , отображается корректно
Чуть чуть разобрался, но вот хотелось бы попросить у Вас помощи в настройке данного меню.
Ссылки и имена разделов Я разобрался как устанавливать , но нам желательно , чтоб меню работало режиме как в примере 1 показано (это не понятно мне как делать)
Пожалуйста подскажите, как настроить?!
http://asfn.storeland.ru/
#9
Отправлено 03 Декабрь 2012 - 14:54
emin808 (03 Декабрь 2012 - 13:50) писал:
Низкий поклон Вам!
Проверил по всем браузерам , все работает , отображается корректно
Чуть чуть разобрался, но вот хотелось бы попросить у Вас помощи в настройке данного меню.
Ссылки и имена разделов Я разобрался как устанавливать , но нам желательно , чтоб меню работало режиме как в примере 1 показано (это не понятно мне как делать)
Пожалуйста подскажите, как настроить?!
http://asfn.storeland.ru/
Попробуйте загрузить файлы из архива который ссылка http://forum.storela...&attach_id=3735
Эти файлы у вас подключаются к сайту. Но они почему то пустые.
#10
Отправлено 03 Декабрь 2012 - 15:25
#12
Отправлено 04 Декабрь 2012 - 05:54
NetworkError: 404 Not Found - http://asfn.storelan...ent.minified.js
NetworkError: 404 Not Found - http://asfn.storelan...megamenu.1.3.js
NetworkError: 404 Not Found - http://asfn.storelan...megamenu.1.3.js
Проверьте ссылку на данные файлы. Данные файлы подключаются у вас в шаблоне "HTML" примерно так
<script type='text/javascript' src='/web/upload/assets/js/154/153295/jquery.hoverIntent.minified.js'></script> <script type='text/javascript' src='/web/upload/assets/js/154/153295/query.dcverticalmegamenu.1.3.js'></script>
Вам необходимо загрузить необходимые файлы в разделе редактора тем, и изменить путь к этим файлам в шаблоне "HTML".
#14
Отправлено 04 Декабрь 2012 - 10:29
emin808 (04 Декабрь 2012 - 09:47) писал:
Тут еще вот что заметил:
Я заменил логотип, на сайте он изменился, а захожу в редактор, файлы, там жму лого, а там предыдущий логотип
Найти код:
<!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>Вставить код:
<script type='text/javascript' src='{ASSETS_JS_PATH}jquery.hoverIntent.js'></script> <script type='text/javascript' src='{ASSETS_JS_PATH}jquery.dcverticalmegamenu.1.2.js'></script>
#15
Отправлено 04 Декабрь 2012 - 12:14
Сейчас Я обновил шаблон, (очень нравится)
Но вот такая задача, я пытался установить данное меню уже на обновленный шаблон , меню не встает
Я надеюсь Я Вас не сильно достал , но подскажите пожалуйста , как же мене сейчас уже на обновлённый шаблон установить это меню.?!
http://asfn.storeland.ru/
#16
Отправлено 04 Декабрь 2012 - 13:45
Найти код:
<div class="span4 footer" style="padding-top: 0px;"> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Меню</a> <ul> <!-- Каталог товаров --> <div class="menu_main"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a> <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul>{% ENDIF %} <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons"{% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров -->
Заменить на:
<div class="span4 footer" style="padding-top: 0px;"> <div > <span class="link_nav"></span><a href="#" class="link_nav">Меню</a> <ul> <!-- Каталог товаров --> <ul id="mega-1" class="mega-menu"> <li><a href="#">Menu Item A</a> <ul> <li><a href="#">Sub-Header 1</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> <li><a href="#">Sub-Header 2</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> <li><a href="#">Sub-Header 3</a> <ul> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> <li><a href="#">Menu Link</a></li> </ul> </li> </ul> </li> </ul> <!-- /Каталог товаров -->
#17
Отправлено 04 Декабрь 2012 - 14:58
#18
Отправлено 04 Декабрь 2012 - 15:42
Почти тоже самое но плюс не создает нагрузку на браузер пользователя.
Пожалуйста, скажите что вам изменить в стандартном меню
#19
Отправлено 04 Декабрь 2012 - 16:19
нам наши структурные ссылки разместить надо (их много!)
Стандартное меню разделов сайте не выпадающее (идет вниз)
#20
Отправлено 05 Декабрь 2012 - 00:09
Темы с аналогичным тегами меню дизайн, совет
Повышение продаж, продвижение →
Общие вопросы →
Прошу Совета..Автор Гость_Daria_* , 10 нояб. 2013 ИМ подскажите, совет, сумки |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Затруднения С Модификацией (Совет Новичку)Автор Гость_D1gma_* , 11 авг. 2013 модификация, trouble, затруднение и 2 еще... |
|
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных