Описание шаблона
1. Адаптивный дизайн шаблона построен на основе framework Bootstrap 3.
2. Встроенный иконочный шрифт Awesome.
3. Множество модульных позиций. В том числе позиции с использованием эффекта Parallax.
4. Настраиваемые параметры шаблона.
5. Настраиваемые модульные позиции с использованием библиотеки mobiledetect, дают возможность тонко настроить отображение контента для мобильных устройств. В платной версии шаблона добавлена возможность полного отключения неиспользуемых модульных позиций, для уменьшения количества запросов и снижения нагрузки на сервер.
6. Встроенные анимационные эффекты. Для использования эффекта достаточно добавить нужному блоку класс animated и класс требуемого эффекта. Возможные классы: bounceIn, bounceInDown, bounceInUp, bounceInLeft, bounceInRight, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig. Примеры работы анимации.
Обновление
Дата обновления - 24.10.2017г.
Версия - 5.0.2
После установки обновления обязательно откройте шаблон, нажмите "Сохранить" и затем уже "Сохранить и закрыть"!
Изменения в версии:
- устранён возможный баг при использовании mootools.
- добавлено поле для ввода CSS кода (код при сохранении дописывается в файл стилей шаблона)
- добавлено поле для ввода Javascript кода (код дописывается вниз страницы перед закрывающим тегом </body>). Пример использования - <script type="text/javascript">..... Ваш замечательный код...</script>
Дата обновления - 08.10.2017г.
Версия - 5.0.1
Демо
1. Шаблон Joomla + Шаблон JoomShopping + Плагин расширений + Модули корзины, сравнения и карусель товаров (Сайт проходит валидацию)
3. Сайт E-gamestore.ru
4. Сайт Aspectweld.ru
Установка
Стандартная установка Joomla (/administrator/index.php?option=com_installer). Размер расширения 1,7Мб
Настройка
1. Для правильного отображения основного горизонтального меню, в настройках стандартного модуля меню необходимо выбрать "Альтернативный макет - Brooksite". В качестве HTML-тег модуля необходимо указать "div". Если необходимо использовать цветной фон меню, то укажите в поле "Суффикс CSS-класса модуля - tmpl-bgcolor" (не забудьте поставить пробел вначале строки) и выбрать "Стиль модуля - html5" (Посмотреть скриншот).
2. Для отображения меню в самой верхней позиции (на демо сайте - позиция top-section-left) используйте "Альтернативный макет - flat" (Посмотреть скриншот).
3. В шаблон добавлены альтернативные макеты для стандартного модуля поиска (на демо сайте выведен в позицию top-search), для модуля переключения валют JoomShopping (на демо сайте выведен в позицию top-section-right) и для стандартного модуля хлебных крошек (на демо сайте выведен в позицию middle-navbar).
4. Если вы изменяете стили шаблона в файле bootstrap-theme.min.css, то необходимо после внесения изменений открыть и сохранить шаблон, что бы сформировался файл bootstrap-theme_combine.min.css с внесёнными изменениями. Что бы изменения в настройках шаблона вступили в силу, необходимо сохранить шаблон без закрытия и уже только затем сохранить и закрыть.
5. Дополнительные классы: tmpl-bgcolor (задаёт цвет из настроек шаблона бэкграунду элемента), tmpl-bordercolor (задаёт цвет границ из настроек шаблона), pd15 (задаёт отступ внутри блока в 15px), mb15 (задаёт отступ блока снизу в 15px), mt50 (задаёт отступ блока сверху в 50px) dnone (задаёт свойство display:none), inline-block (задаёт свойство display:inline-block), prevent-default (блокирует стандартную реакцию на событие (клик по ссылке например)).
6. В шаблоне присутствуют цепочки связанных модульных позиций, которые не выведут модуль, если не опубликовать связанную позицию:
- color1-row-fw-ls и color1-row-fw-rc
- color1-row-fw-lc и color1-row-fw-rs
- color2-row-fw-ls и color2-row-fw-rc
- color2-row-fw-lc и color2-row-fw-rs
- footer-2col-1 и footer-2col-2
- footer-3col-1 и footer-3col-2 и footer-3col-3
- footer-4col-1 и footer-4col-2 и footer-4col-3 и footer-4col-4
JoomShopping Download & Support
Расширения Joomla и JoomShopping, представленные на нашем сайте, разработаны нами. Мы не воруем и не продаём чужой труд. Приобретая расширения у нас, вы получаете поддержку и сопровождение.
Все расширения на нашем сайте можно оплатить после тестирования. Для получения ссылки на скачивание расширения просто оформите заказ.
Реквизиты для оплаты:
Яндекс деньги, ЮMoney - 41001160794290,
MasterCard - 5106 2180 3412 6789,
Сбербанк - 4276 5500 2460 9425
Расширения
Комментарии
Добрый день. Это не ошибки, а предупреждения. Отключите показ в настройках Joomla.
Или можно добавить проверку is_countable для php>7.3. Например
сейчас в файле
Код:
if (count($data['jform_params_top_section_left_right'])<3){
Исправить на
Код:
if (is_countable($data['jform_params_top_section_left_right']) && count($data['jform_params_top_section_left_right'])<3){
После перехода на PHP 7.3 повалились ошибки в "настройках модульных позиций" (Warning: count(): Parameter must be an array or an object that implements Countable) в /brooksus_bs3_v5/extfield/createfile.php on line 26, 58, 82 и т.д.
Оставался бы на старой ПХП, но joomla уже начинает предупреждать, что пора готовиться...
Спасибо, а то я уж и подменял сам файл....)))
Переименуйте папку "templates\brooksus_bs3_v5\html\com_search"
Никак не могу прикрутить "RokAjaxSearch", тупо не ищет. При дефолтном шаблон - показывает результаты.
С Уважением, moltchan
Загружаются шаблоном файлы:
/templates/brooksus_bs3_v5/css/jui/bootstrap.min.css
/templates/brooksus_bs3_v5/css/jui/bootstrap-theme_combine.min.css
Ни bootstrap-theme.css, ни bootstrap-theme.min.css не загружаются...
Просто добавил указанный код в поле шаблона для css, все заработало. Спасибо!
А тот css файл, который Вы сбрасывали на почту, не содержит этих строк разве?
Если используете шаблон поиска, который я сбросил вам на почту, то используйте следующий код CSS
Код:
.navbar-header img.logo-image {
display: none;
}
.navbar-header .top-search-double {
display: none;
}
.top-search-double {
opacity: 0;
margin-top: 9px;
margin-right: 15px;
transition: all .5s linear;
}
.affix .top-search-double {
opacity: 1;
transition: all .5s linear;
}
@media (min-width: 768px){
.affix .navbar-header img.logo-image {
display: inline-block;
}
}
@media (min-width: 768px){
.affix .navbar-collapse .top-search-double {
width: 180px;
}
}
@media (max-width: 767px){
.affix .navbar-header .top-search-double {
display: block;
width: 180px;
}
}
@media (max-width: 375px){
.affix .navbar-header .top-search-double {
display: block;
width: 90%;
}
}
Что-то никак не разберусь... Не выходит сделать так, чтобы иконка и поисковая строка появлялись, как у Вас.
Они изначально высвечиваются... Получается - два логотипа и два поиска...
Огромное спасибо!
Буду разбираться, что и как делать на его примере, а то пока не особо силен во многих вопросах.
К сожалению, нет. Сбросил вам на почту шбалон меню к сайту e-gamestore.
Правильно понимаю, макет все равно надо новый делать для меню?
Макеты шаблона, по-умолчанию, не имеют такой же возможности вывода лого и поиска в меню, не предусмотрено?
Буквально на днях делал сайт на основе данного шаблона - https://e-gamestore.ru. Можно посмотреть html разметку и css для лого.
Класс для подменю - .navbar-nav .dropdown-menu>li>a {}
По колонкам в меню боюсь, что без js это не сделать. Единственное, что вы можете элементам li задать свойство display:inline-block; вот для этого класса .navbar.navbar-default.top-navigation ul.navbar-nav>li{} Естественно используя @media
Я вообще считаю, что для мобильных устройств лучше скрывать часть ссылок, что бы меню получалось более компактным.
На основе Ваших стандартных, создал новый макет для модуля меню, в котором добавил поиск.
Подскажите, как можно сделать, чтобы в фиксированном положении, при прокрутке вниз, логотип и/или номер телефона появлялся в меню (например) и подменю можно было разбить на колонки (допустим, 2 или 3 колонки с нужным количеством строк). Чтобы, при большом наборе ссылок в подменю, не разворачивалось огромное полотно. И какой класс подменю используется, чтобы уменьшить размер шрифта?
Добрый день. Меню стандартное с поддержкой вложенности.
RSS лента комментариев этой записи