• Объявления

    • dinox

      Закрытый раздел разработчиков   21.08.2017

      У нас на форуме существует закрытый раздел для разработчиков в котором мы обсуждаем нюансы работы на нашем форуме, в каталоге дополнений и другие моменты которые интересны в большинстве случаев только разработчикам. На данный момент существует лишь 2 условия для попадания:
      1. Наличие промодерированного дополнения в нашем каталоге  2. Отсуствие варезной деятельности 
      Если эти правила выполнены, пишите запрос @ArtemPitov на попадание в раздел разработчиков
alinalessioYandex

[Решено] Адаптивное меню Bootstrap на 1.5.5.1.2

Рекомендуемые сообщения

Помогите пожалуйста настроить адаптивное меню, используя bootstrap.

 

У меня почти все получилось: При сужении экрана, меню прячется, появляется кнопка, которая разворачивает все пункты.

 

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

 

Вот пример: http://eleonora72.ru/demo/upload

 

С главной страницы ни один пункт меню не разворачивается. Если перейти на страницу "Компьютеры", то разворачивается пункт "Компьютеры", если войти на с траницу "Ноутбуки", то с нее можно развернуть только пункт "Ноутбуки", а компютеры уже не развернешь.

 

Помогитре пожалуйста донастроить адаптивное меню Bootstrap.

 

Вот код, который сейчас получился:

<?php if ($categories) { ?>
<div class="container">
    <div class="navbar navbar-default" id="menu" role="navigation">
        <div class="navbar-header">
            <button class="navbar-toggle" data-target=".navbar-collapse"
                data-toggle="collapse" type="button">
                <span class="sr-only">Развернуть меню</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <?php foreach ($categories as $category) { ?>
                <li class="dropdown"><?php if ($category['active']) { ?>
                    <a class="dropdown-toggle" data-toggle="dropdown"
                        href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?>
                        <b class="caret"></b>
                    </a>
                    <?php } else { ?>
                    <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
                    <?php } ?>

                    <?php if ($category['children']) { ?>
                    <div class="dropdown-menu">
                        <?php for ($i = 0; $i < count($category['children']);) { ?>
                        <ul>
                            <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                            <?php for (; $i < $j; $i++) { ?>
                            <?php if (isset($category['children'][$i])) { ?>
                            <li>
                                <a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
                            </li>
                            <?php } ?>
                            <?php } ?>
                        </ul>
                        <?php } ?>
                    </div>
                    <?php } ?>
                </li>
                <?php } ?>
            </ul>
        </div>
    </div>
</div>
<?php } ?>

Подозреваю, что в этой строчке сидит ошибка:

<li class="dropdown"><?php if ($category['active']) { ?>
            <a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?><b class="caret"></b></a>

но как исправить не знаю. Прошу помощи.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 382

А где ?

<nav id="menu" class="navbar">

Как то надо по стандартам разрабатывать

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо за совет )) Поправил. А по проблеме, которую я описал можете подсказать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 382

Я бы советовал взять за основу стандартную сетку меню opencart 2 и полностью переделать под свои запросы.

Потому что разбираться в чужом коде вряд ли кто то будет, на это надо много времени, которого нет у разработчиков

Совет: надо делать по стандартам, унифицированные системы. Это основа стабильности ПО

Вам потом и перенести в opencart 2 будет очень легко свой код

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

[РЕШЕНО]

 

Вот готовый каркас под адаптивное меню на bootstrap

<?php if ($categories) { ?>
<div class="container">
    <nav class="navbar navbar-default " id="menu-top" role="navigation">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" data-target="#top-navbar-collapse"
                data-toggle="collapse" type="button">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse" id="top-navbar-collapse">
            <ul class="nav navbar-nav">
                <?php foreach ($categories as $category) { ?>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown"
                        href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?>
                        <?php if ($category['children']) { ?>
                        <b class="caret"></b>
                        <?php } ?>
                    </a>
                    <?php if ($category['children']) { ?>
                    <?php for ($i = 0; $i < count($category['children']);) { ?>
                    <ul class="dropdown-menu">
                        <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                        <?php for (; $i < $j; $i++) { ?>
                        <?php if (isset($category['children'][$i])) { ?>
                        <li>
                            <a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
                        </li>
                        <?php } ?>
                        <?php } ?>
                    </ul>
                    <?php } ?>
                    <?php } ?>
                </li>
                <?php } ?>
            </ul>
        </div>
    </nav>
</div>
<?php } ?>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
markimax    1 382

Ну приехали...

 

А где id="menu" ?

Вы замещаете же стандартное

<nav class="navbar navbar-default " id="menu-top" role="navigation">

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Точно! )) Вы правы!

Все. Исправил.

 

А кто может объяснить, что это с корзиной творится? Попробуйте по корзине нажать в хедере, чтобы ее развернуть.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

С корзиной все решилось. Оказалось, это у меня в браузере (Firefox) стояло дополнение "Google Selection Translate - For AltKey" оно при нажатии на корзину, подставляло <span id="transmark"></span> прямо между буквами, куда нажимаешь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Marianna    56

а сами файлы бутстрапа? ведь если их взять из опенкарта второго, они не будут работать в связке с jquery для опенкарта 1.5.5.1.2 :(

 

https://opencartforum.com/topic/32891-bootstrap3/ взяла файлы из этого шаблона, спасибо автору :)

Изменено пользователем Marianna

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От katilina


      Просмотр файла July - адаптивный шаблон для ocStore/Opencart
      Адаптивный шаблон July.
      разработчики ShopUtils и Katilina
      Скидка на шаблон действует до 1 сентября!
      Демо для версии ocstore - opencart 2.0.x - 2.1.x -2.2.x - 2.3
      Версия для 2.3.x - скачивайте архив july_ocstore_opencart_2.3_v2.16.07.14.zip

      april.mattimeo.ru
      mart.mattimeo.ru
      august.mattimeo.ru
      ДОКУМЕНТАЦИЯ april.mattimeo.ru/documentation
       
      Демо для версии ocstore 1.5.5.1.2

      july.mattimeo.ru
      may.mattimeo.ru
      june.mattimeo.ru
      Внимание! Версии шаблона под 1.5.х и под 2.х лицензируются отдельно даже для одного домена.
      Ключ на домен, у которого уже есть ключ для версии 15512, выдаётся за дополнительную плату 1500 руб.
      Поддержка движка другой версии в цену одного шаблона не входит
       

       
      Системные требования:
      - ocStore v1.5.4.x - 2.3.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.x
      Будьте внимательны при установке движка. Opencart.Pro с шаблоном не протестирован.
      - Ioncube Loader v4.5+ (для 2.x - 5.0+)
      - PHP v5.3+
      - vQmod v2.4.1 (только для 1.5.x)
      В версии шаблона для 2.0.x - 2.1.x - 2.2.x
      - Вы можете включить отображение опций в модулях и в выбранных категориях ( опции в блоке товара или в модальном окне на Ваш выбор)
      - Выбор количества товара в модулях и в категориях
      - Выбор сеток товара на странице категорий ( по 5, 4, 3 в ряд или 2 вида списка)
      - Новости с категориями
      - Дополнительные модули для новостей ( избранные, последние, тэги, разделы новостей)
      - Возможность прикреплять товары к новостям
       

       
      July тема - позитивный и чистый шаблон. Если Вы хотите иметь уникальный, привлекательный дизайн и пытаетесь сделать свой стиль среди многочисленных владельцев магазинов, July тема является прекрасной отправной точкой для Вас.
      Демо-данные высылаются по просьбе покупателя
      http://july.mattimeo.ru/docs/img/boots.png Шаблон использует технологию вёрстки bootstrap3
      http://july.mattimeo.ru/docs/img/user_part2.jpg
      Мы стараемся для Вас. Если Вам понравилась тема, не забудьте поставить 5 звёздочек
      В шаблоне есть также модуль новостей, подписка на новости магазина,
      возможность очистить кэш из админ панели управления сайтом.
      Вы можете загрузить настройки шаблона, сохранить настройки шаблона.
      Список модулей будет увеличиваться.
      Рекомендуем модули
      1. Живая цена - Динамическое обновление цены
      2. FilterPro Патч для модуля в архиве july_for_filterpro.zip
      3. SEO CMS TOP 2: Блог | Новости | Отзывы | Галерея | Формы
      4. Дополнительные вкладки на странице товара Патч для шаблона, купившим модуль
      Добавил katilina Добавлено 09.11.2015 Категория Платные шаблоны Системные требования ocStore v1.5.4.x - 2.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.xIoncube Loader v4.5+ (для 2.x - 5.0+)PHP v5.3+vQmod v2.4.1+ (только для 1.5.x) Сайт разработчика Старая цена 3000 Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 2.3
      2.2
      2.1
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1 ocStore 2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1 OpenCart.Pro, ocShop  
    • От katilina
      Адаптивный шаблон July.
      разработчики ShopUtils и Katilina
      Скидка на шаблон действует до 1 сентября!
      Демо для версии ocstore - opencart 2.0.x - 2.1.x -2.2.x - 2.3
      Версия для 2.3.x - скачивайте архив july_ocstore_opencart_2.3_v2.16.07.14.zip

      april.mattimeo.ru
      mart.mattimeo.ru
      august.mattimeo.ru
      ДОКУМЕНТАЦИЯ april.mattimeo.ru/documentation
       
      Демо для версии ocstore 1.5.5.1.2

      july.mattimeo.ru
      may.mattimeo.ru
      june.mattimeo.ru
      Внимание! Версии шаблона под 1.5.х и под 2.х лицензируются отдельно даже для одного домена.
      Ключ на домен, у которого уже есть ключ для версии 15512, выдаётся за дополнительную плату 1500 руб.
      Поддержка движка другой версии в цену одного шаблона не входит
       

       
      Системные требования:
      - ocStore v1.5.4.x - 2.3.x / Opencart 1.5.4.x - 1.5.6.x, Opencart 2.0.x - 2.1.x - 2.2.x - 2.3.x
      Будьте внимательны при установке движка. Opencart.Pro с шаблоном не протестирован.
      - Ioncube Loader v4.5+ (для 2.x - 5.0+)
      - PHP v5.3+
      - vQmod v2.4.1 (только для 1.5.x)
      В версии шаблона для 2.0.x - 2.1.x - 2.2.x
      - Вы можете включить отображение опций в модулях и в выбранных категориях ( опции в блоке товара или в модальном окне на Ваш выбор)
      - Выбор количества товара в модулях и в категориях
      - Выбор сеток товара на странице категорий ( по 5, 4, 3 в ряд или 2 вида списка)
      - Новости с категориями
      - Дополнительные модули для новостей ( избранные, последние, тэги, разделы новостей)
      - Возможность прикреплять товары к новостям
       

       
      July тема - позитивный и чистый шаблон. Если Вы хотите иметь уникальный, привлекательный дизайн и пытаетесь сделать свой стиль среди многочисленных владельцев магазинов, July тема является прекрасной отправной точкой для Вас.
      Демо-данные высылаются по просьбе покупателя
      http://july.mattimeo.ru/docs/img/boots.png Шаблон использует технологию вёрстки bootstrap3
      http://july.mattimeo.ru/docs/img/user_part2.jpg
      Мы стараемся для Вас. Если Вам понравилась тема, не забудьте поставить 5 звёздочек
      В шаблоне есть также модуль новостей, подписка на новости магазина,
      возможность очистить кэш из админ панели управления сайтом.
      Вы можете загрузить настройки шаблона, сохранить настройки шаблона.
      Список модулей будет увеличиваться.
      Рекомендуем модули
      1. Живая цена - Динамическое обновление цены
      2. FilterPro Патч для модуля в архиве july_for_filterpro.zip
      3. SEO CMS TOP 2: Блог | Новости | Отзывы | Галерея | Формы
      4. Дополнительные вкладки на странице товара Патч для шаблона, купившим модуль
    • От ruscosmonavt
      Всем привет, шаблон дефолт, col-sm-6 используется и на странице категорий и на странице товара
      при изменении в bootstrap получилось так, что на странице товара необходимо content сделать col-sm-6 50% так как при значении 60% начинает съезжать блок (с ценой, кнопками купить, сравнить и.т.д.) вниз под описание и характеристики. тогда при значении 50%, на странице категории, где есть левый макет 20%, правый макет 20%, остается 10% пустого места, блок по центру выглядит плохо. подскажите пожалуйста, как сделать в категории 60%, а в товаре 50%, в чем проблема может быть?
      Страница категории: https://progres.store/index.php?route=product/category&path=339_340
      Страница товара: https://progres.store/index.php?route=product/product&path=339_340&product_id=15596
      Благодарю за внимание
    • От RGB


      Просмотреть файл Продающий шаблон Moneymaker
      Внимание! До конца недели на новый шаблон Moneymaker 2  действует скидка!
      Ознакомьтесь с отзывами покупателей о моем новом шаблоне под его описанием
      и убедитесь, что он вобрал в себя все лучшее из первого шаблона Moneymaker
       
       
      Спустя полтора года после выпуска самой первой версии шаблона, хочу поблагодарить всех тех, кто выбрал мою работу, ведь именно благодаря вам - сотням магазинов и их владельцев - мой шаблон стал здесь самым популярным платным шаблоном и самым продаваемым дополнением за 2014 год!
      Предисловие
      Последние 4 года, кроме веб-разработки, я работал совладельцем растущего интернет-магазина, мы занимались продажами аудио-техники и инструментов. К сожалению, политическая и экономическая ситуация в Украине не позволила нам реализовать все, что мы хотели, и нам пришлось продать магазин, здесь же вы можете видеть результат нашей работы. Уверен, что задача любого шаблона — это продажа товаров или услуг, и такова философия шаблона Moneymaker.
      Насчет того, что же такое "продающий" шаблон - важно понимать, что продающим его делаете вы сами, каким бы прекрасным ни был установленный вами шаблон, без понимания того, как работает интернет-магазин и что такое интернет-коммерция, вы не сможете построить прибыльный бизнес. Мои разработки лишь "фундамент" в этом деле, "стены" и "крышу" своего бизнеса вам предстоит возводить самостоятельно.
      Я хотел бы гарантировать вам увеличение продаж (вероятно, так оно и будет), но как вы понимаете, даже самый лучший шаблон не сможет заменить людей. Чтобы получить отличные результаты, вы сами должны хорошо трудиться над своим магазином, я же в свою очередь обещаю максимально помочь вам с этим.
      Описание
      Продающий интерактивный шаблон Moneymaker создан на основе фреймворка Bootstrap 3 и сочетает в себе множество полезных модулей, встроенных и отдельно поставляемых, большинство из которых были протестированы и успешно внедрены в нашем интернет-магазине:
      Модуль Преимущества, который является одним из наиболее важных (и недооцененных, увы) модулей в любом магазине Модуль Быстрый заказ, с которым ваши покупатели смогут быстрее делать покупки Модуль Перезвоните мне, позволяющий реализовать функцию обратного звонка Модуль Расширенных контактов, с которым вы предоставите покупателю больше способов связи Модуль Ajax-поиска с автоподстановкой Модуль Стикеры, созданный для облегчения процесса выбора покупок Отзывчивое Слайдшоу и Html модуль, адаптированные под шаблон Moneymaker Модули Вкладок товара, Header-меню и Footer-меню, Улучшенные категории Модули Микроразметки, Социальных кнопок, Способов оплаты и многое другое Кроме того, есть множество особенностей в шаблоне Moneymaker, которые я хотел бы выделить:
      Продающий дизайн, основанный на наших наблюдениях включая данные с вебвизора (интегрированного в наш магазин с 2011 г.) Удобный для покупателей интерфейс, переработанный в соответствии с подтвержденными правилами юзабилити и нашим опытом HTML5/CSS3 с механизмом поддержки устаревших браузеров (покупатели с IE8 будут вам благодарны) Отзывчивый дизайн, адаптированный под самые компактные устройства с экраном даже в 240px SEO-оптимизированный шаблон, с документацией и читабельным кодом, кросс-браузерностью и другими преимуществами Код шаблона успешно проходит валидацию по стандартам html5, в частности для страниц товара и страниц категорий
      Подробная документация по шаблону с описанием всех функций, модулей и нюансов работы доступна всем желающим, также как и демо-доступ в административную часть шаблона и модулей в комплекте (логин: demo / пароль: demo)
      На сегодня поддерживаются следующие версии OpenCart: ocStore 1.5.5.1.2, OpenCart 1.5.6.1, OpenCart 1.5.6.2, OpenCart 1.5.6.3, OpenCart 1.5.6.4.
      ВНИМАНИЕ: Для корректной работы части функциональности шаблона (пользовательские стикеры, расширенное меню категорий, поиск с автоподстановкой и т.п.) требуется vQmod, все инструкции по установке приведены в документации. Рекомендуется использовать vqmod 2.4.1 (скачать можно здесь)
      На покупку дополнительных лицензий действуют скидки:
      Совместимые модули:
      Для тех, кто сомневается в качестве шаблона:
      Полная история изменений доступна в документации
      Автор RGB Добавлен 21.08.2014 Категория Платные шаблоны Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От RGB
      Внимание! До конца недели на новый шаблон Moneymaker 2  действует скидка!
      Ознакомьтесь с отзывами покупателей о моем новом шаблоне под его описанием
      и убедитесь, что он вобрал в себя все лучшее из первого шаблона Moneymaker
       
       
      Спустя полтора года после выпуска самой первой версии шаблона, хочу поблагодарить всех тех, кто выбрал мою работу, ведь именно благодаря вам - сотням магазинов и их владельцев - мой шаблон стал здесь самым популярным платным шаблоном и самым продаваемым дополнением за 2014 год!
      Предисловие
      Последние 4 года, кроме веб-разработки, я работал совладельцем растущего интернет-магазина, мы занимались продажами аудио-техники и инструментов. К сожалению, политическая и экономическая ситуация в Украине не позволила нам реализовать все, что мы хотели, и нам пришлось продать магазин, здесь же вы можете видеть результат нашей работы. Уверен, что задача любого шаблона — это продажа товаров или услуг, и такова философия шаблона Moneymaker.
      Насчет того, что же такое "продающий" шаблон - важно понимать, что продающим его делаете вы сами, каким бы прекрасным ни был установленный вами шаблон, без понимания того, как работает интернет-магазин и что такое интернет-коммерция, вы не сможете построить прибыльный бизнес. Мои разработки лишь "фундамент" в этом деле, "стены" и "крышу" своего бизнеса вам предстоит возводить самостоятельно.
      Я хотел бы гарантировать вам увеличение продаж (вероятно, так оно и будет), но как вы понимаете, даже самый лучший шаблон не сможет заменить людей. Чтобы получить отличные результаты, вы сами должны хорошо трудиться над своим магазином, я же в свою очередь обещаю максимально помочь вам с этим.
      Описание
      Продающий интерактивный шаблон Moneymaker создан на основе фреймворка Bootstrap 3 и сочетает в себе множество полезных модулей, встроенных и отдельно поставляемых, большинство из которых были протестированы и успешно внедрены в нашем интернет-магазине:
      Модуль Преимущества, который является одним из наиболее важных (и недооцененных, увы) модулей в любом магазине Модуль Быстрый заказ, с которым ваши покупатели смогут быстрее делать покупки Модуль Перезвоните мне, позволяющий реализовать функцию обратного звонка Модуль Расширенных контактов, с которым вы предоставите покупателю больше способов связи Модуль Ajax-поиска с автоподстановкой Модуль Стикеры, созданный для облегчения процесса выбора покупок Отзывчивое Слайдшоу и Html модуль, адаптированные под шаблон Moneymaker Модули Вкладок товара, Header-меню и Footer-меню, Улучшенные категории Модули Микроразметки, Социальных кнопок, Способов оплаты и многое другое Кроме того, есть множество особенностей в шаблоне Moneymaker, которые я хотел бы выделить:
      Продающий дизайн, основанный на наших наблюдениях включая данные с вебвизора (интегрированного в наш магазин с 2011 г.) Удобный для покупателей интерфейс, переработанный в соответствии с подтвержденными правилами юзабилити и нашим опытом HTML5/CSS3 с механизмом поддержки устаревших браузеров (покупатели с IE8 будут вам благодарны) Отзывчивый дизайн, адаптированный под самые компактные устройства с экраном даже в 240px SEO-оптимизированный шаблон, с документацией и читабельным кодом, кросс-браузерностью и другими преимуществами Код шаблона успешно проходит валидацию по стандартам html5, в частности для страниц товара и страниц категорий
      Подробная документация по шаблону с описанием всех функций, модулей и нюансов работы доступна всем желающим, также как и демо-доступ в административную часть шаблона и модулей в комплекте (логин: demo / пароль: demo)
      На сегодня поддерживаются следующие версии OpenCart: ocStore 1.5.5.1.2, OpenCart 1.5.6.1, OpenCart 1.5.6.2, OpenCart 1.5.6.3, OpenCart 1.5.6.4.
      ВНИМАНИЕ: Для корректной работы части функциональности шаблона (пользовательские стикеры, расширенное меню категорий, поиск с автоподстановкой и т.п.) требуется vQmod, все инструкции по установке приведены в документации. Рекомендуется использовать vqmod 2.4.1 (скачать можно здесь)
      На покупку дополнительных лицензий действуют скидки:
      Совместимые модули:
      Для тех, кто сомневается в качестве шаблона:
      Полная история изменений доступна в документации
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу