Opencart - 15 Jquery Плагинов Для Bootstrap

Тема в разделе "Шаблоны, дизайн и оформление магазина", создана пользователем admin, 6 июл 2016.

  1. TopicStarter Overlay
    Online

    admin Команда форума Администратор

    Сообщения:
    2.318
    Симпатии:
    75.989
    Репутация:
    170
    1. picklist
    [​IMG]

    pickList — простой jQuery плагин, который преобразует вид элемента множественного выбора.

    2. DateTimePicker для Bootstrap
    [​IMG]

    Bootstrap DateTimePicker позволяет выбрать как дату, так и время. Поддерживается в версиях 2 и 3.

    3. LobiPanel
    [​IMG]

    LobiPanel — позволяет создавать панели с расширенными возможностями: изменять размеры, сортировать, перетаскивать и т.д.

    4. eModal
    [​IMG]

    eModal — самый простой способ создать диалоговое окно. Можно использовать для типов alert, ajax, prompt, confirm или iframe.

    5. rpage
    [​IMG]

    rPage позволяет создать более адаптивную навигацию по страницам, используя Bootstrap 3.

    6. Bootstrap Datepicker
    [​IMG]

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

    7. ggpopover.js
    [​IMG]

    ggpopover.js — это простой jQuery плагин, использующий в качестве основы Bootstrap popover. В вашем распоряжении будет 4 позиции; цвета фона, шрифта, рамки, контента.

    8. jQuery Tabledit
    [​IMG]

    jQuery Tabledit — плагин для редактирования информации в ячейках таблицы.

    9. Smoke
    [​IMG]

    Smoke — разрабатывался для Bootstrap 3 и содержит кучу вспомогательных фишек: валидацию элементов формы, нотификации и многое другое.

    10. FH Mega Menu
    [​IMG]

    Плагин для упрощения создания меню.

    11. Tabcordion.js
    [​IMG]

    Tabcordion.js — преобразует вкладки в аккордеон. Плагин можно настроить таким образом чтобы данное преобразование совершалось в зависимости от размеров экрана.

    12. Выбор даты для Bootstrap
    [​IMG]

    Date Paginator использует за основу функционал Bootstrap-а по выбору даты, только преобразует визуальное отображение под себя.

    13. Bootstrap Progressbar
    [​IMG]

    Расширяет возможности стандартного элемента progressbar. Теперь вам будет доступна анимация и различного рода переходы.

    14. Bootstrap News Box
    [​IMG]

    Готовая панель для кратких сводок последних новостей.

    15. Magnet
    [​IMG]

    Magnet — позволяет выстраивать основной контент страницы в зависимости от выбранного фильтра.
     
    Юрий.И и shumkaplus нравится это.
  2. Offline

    Мишаня Пользователь

    Сообщения:
    116
    Симпатии:
    1.860
    Репутация:
    10.005
    ggpopover - на мой взгляд, самая адекватная вспл. подсказка. Я правда ее маленько доработал! Кому интересно
    файл ggpopover.js: ищем
    Код:
    $tip
                  .detach()
                  .css({ top: 0, left: 0, display: 'block'}) // эту строку дополняем ниже
                  .addClass(placement)
                  .data('gg.' + this.type, this)
    изменяем строчку:
    Код:
    .css({ top: 0, left: 0, display: 'block', position: this.options.position })
    Ищем
    Код:
    ggPopover.DEFAULTS = $.extend({}, $.fn.ggtooltip.Constructor.DEFAULTS, {
          placement: 'right',
          trigger: 'click',
          content: '',
          template: '<div class="ggpopover" role="tooltip"><div class="arrow"><div class="after"></div></div><h3 class="popover-title"></h3><div class="popover-contents"></div></div>',
          titleBackcolor: '#f7f7f7',
          titleBordercolor: '#ebebeb',
          titleTextcolor: '#000000',
          contentBackcolor: '#ffffff',
          contentTextcolor: '#000000',
          bordercolor: '#cccccc',
          arrowcolor: '#ffffff'
      })
    добавляем перед последним параметром:

    Код:
    position: '',
    Теперь в опциях отдельной подсказки если прописать, например: position: fixed - то всплывающая подсказка будет работать и для объектов, которые плавают на странице!
    Вот как-то так)))
     
    admin нравится это.