Jump to content

Recommended Posts

Доброго времени суток !

 

Немного пред истории. Сделал у себя горизонтальное меню с помощью выпадающего списка (OP 2), принципе все стандартно, он как то закрытое меню на главной страницы не есть хорошо, сделал дисплей блок на главной и костылем через модуль html по размеру меню сделал пустой блок который добавил в левою колону под меню.

 

Сам вопрос. Какие еще варианты есть для реализации данного меню. Спасибо! 

Share this post


Link to post
Share on other sites

Ссылки "закрыты" через display: none?

Лучше в css прописать display (показывать)  блоки, а потом через jquery (HTML модуль) их прятать

Потому что так как Вы сделали - получается лишняя ссылочная масса (если ссылки дублируются)

Если не дублируются - то все правильно сделали

Share this post


Link to post
Share on other sites

Ссылки "закрыты" через display: none?

Лучше в css прописать display (показывать)  блоки, а потом через jquery (HTML модуль) их прятать

Потому что так как Вы сделали - получается лишняя ссылочная масса (если ссылки дублируются)

Если не дублируются - то все правильно сделали

 

Для home меню открыто  display: block;

Меню на сайте только одно и ссылки не дублируются, вот сайт bigsam.com.ru (щяс опять загнал на локалку на ней работаю с меню и остальным) 

Share this post


Link to post
Share on other sites

Для home меню открыто  display: block;

Меню на сайте только одно и ссылки не дублируются, вот сайт bigsam.com.ru (щяс опять загнал на локалку на ней работаю с меню и остальным) 

У вас в css .dropdown-menu ... display: none;

Сделать dispaly: block а потом прятать через HTML модуль

<script>
$('.dropdown-menu').hide();
</script>

Share this post


Link to post
Share on other sites

Если есть модуль https://opencartforum.com/files/file/2371-oc-2-seo-cms-pro-2-блог-новости-отзывы-галерея-формы/

 

В админке таб CSS сайта (можно изменять CSS для всего сайта без редактирования самих css файлов)  пропишите

.dropdown-menu { 
display: block !important;
}

А потом создайте виджет HTML вставка

<script>
$('.dropdown-menu').hide();
</script>

И повесьте на главную схему

Share this post


Link to post
Share on other sites

Для home меню открыто  display: block;

 

Да нет - закрыто

Share this post


Link to post
Share on other sites

Хотя если честно google уже давно не обращает внимания на display: none и все равно индуксирует

Правда никто не знает его поведения по этому счету, по отношению к этим ссылкам

А вот ссылки с главной это очень важно для SEO

Share this post


Link to post
Share on other sites

 

У вас в css .dropdown-menu ... display: none;

Сделать dispaly: block а потом прятать через HTML модуль

<script>
$('.dropdown-menu').hide();
</script>

 

я знаю что щяс на сайте  none =) 

на локалке щяс  )

 

Суммирую

1. Открываю меню это само собой (для главной только через класс common-home )

2. Создаю в HTML модуле блок под размер меню (как и раньше делал)

3. Скрипт при таком раскладе не нужен приручаться ?

Share this post


Link to post
Share on other sites

Если есть модуль https://opencartforum.com/files/file/2371-oc-2-seo-cms-pro-2-блог-новости-отзывы-галерея-формы/

 

В админке таб CSS сайта (можно изменять CSS для всего сайта без редактирования самих css файлов)  пропишите

.dropdown-menu { 
display: block !important;
}

А потом создайте виджет HTML вставка

<script>
$('.dropdown-menu').hide();
</script>

И повесьте на главную схему

Модуль только буду покупать, в основном для новостей и виджетов, а то я нарыл забугровый, функционала мало у него и сео нет толкового. по поводу через модуль писать я так не люблю, для меня проще это руками править в файле 

Share this post


Link to post
Share on other sites

я знаю что щяс на сайте  none =) 

на локалке щяс  )

 

Суммирую

1. Открываю меню это само собой (для главной только через класс common-home )

2. Создаю в HTML модуле блок под размер меню (как и раньше делал)

3. Скрипт при таком раскладе не нужен приручаться ?

1. boostrap.css - dispaly: none у .dropdown-menu - исправить  или дописать #menu .dropdown-menu

2. да и в нем скрипт что я дал

3. ? Не понял вопроса

 

Модуль только буду покупать, в основном для новостей и виджетов, а то я нарыл забугровый, функционала мало у него и сео нет толкового. по поводу через модуль писать я так не люблю, для меня проще это руками править в файле 

Дык это css темы bootstrap.css - а если тему обновите ;) Слетит и забудете, не увидите

 

Поэтому лучше как у меня в модуле - динамические компилирование css

Share this post


Link to post
Share on other sites

Я просто не понял зачем добавлять скрипт html (с скриптом я не сильно дружу, на сколько понимаю хайд прячет сам линк на кнопку  :ugeek: )

 

<script>
$('.dropdown-menu').hide();
</script>

 

Все что я редактирую пишу в сss не бутстраповкий, а в стандартную стайлу, так что все под контролем, если какая-то отладка на сайте мне проще найти ) 

Share this post


Link to post
Share on other sites

Я просто не понял зачем добавлять скрипт html (с скриптом я не сильно дружу, на сколько понимаю хайд прячет сам линк на кнопку  :ugeek: )

 

<script>

$('.dropdown-menu').hide();

</script>

 

Все что я редактирую пишу в сss не бутстраповкий, а в стандартную стайлу, так что все под контролем, если какая-то отладка на сайте мне проще найти ) 

Ну как Вам удобнее. Так тоже можно

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.