Добрый день.
К сожалению, знаний не хватает по программированию. Проконсультируйте, пожалуйста, по вопросу, создание мобильного меню для магазина:
Есть сайт магазина, на нем меню - каталог и ссылка на корзину. Каталог слишком большой, не помещается в мобильный экран.
1. Сделали кнопку и ссылку, для этого в index.php шаблона сайта добавили:
<p class="right_menu button br1" onclick="openbox()">каталог</p>
<p class="left_menu button br1"><a href="/cart">корзина</a></p>
2. Сделали стили для кнопки и ссылки:
@media screen and (max-width: 520px) .right_menu { left: -24px; top: 151px; margin: -40px 0 0; z-index: 7000;}
...
Если ширина экрана меньше 520 px, меню каталога не показывается.
Стили устраивают. С сылкой всё нормально, работает как надо. С кнопкой "каталог" проблемы, после его нажатия не выходит меню каталога:
Написали небольшую функцию для показывания модуля каталога и добавили его в index.php шаблона:
<script type="text/javascript">
function openbox(){
document.getElementById('126').style.display='bloc k';
}
</script>
где, 126 - id меню каталога.
Всё равно не срабатывает, что не так делаем?
Подскажите пожалуйста.