Новости Joomla

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором...

Модификация WT JShopping products anywhere - Uikit макетИтак, дано: музыкальный журнал, в котором представлены новости, интервью, рецензии и есть небольшой магазин на JoomShopping. Возникла необходимость внутри Joomla статей вставлять упоминание релиза и кнопочку «добавить в корзину». Я взял плагин WT JShopping products anywhere Сергея Толкачева (@webtolkru). Плагин отображает название товара и ссылку. При помощи напильника, ИИ и навыков вёрстки появился Uikit макет для шаблонов на базе Yootheme Pro.Учитываается мобильная версия - телефоны и ipad.Кнопка добавления в корзину работает по Ajax и появляется всплывающее окно (Notification Bar от Uikit) с информацией.Пока это базовый вариант, требующий доведения до лоска, однако он уже работает и его можно применять на проектах.Взять макет можно здесь.А плагин вставки товаров в материалы можно забрать здесь.Приветствуется доведение до ума и оформление в виде PR.

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla

👩‍💻 WT Content Image Gallery v.1.2.3 - плагин галереи изображений для Joomla.Пакет плагинов галереи изображений и видео для вставки в материалы и модули Joomla, а так же везде, где работают плагины группы content. Поддержка собственных макетов вывода для галерей. Смешанные фото+видео галереи. Плагин создан как замена Simple Image Gallery и поддерживает синтаксис {gallery}{/gallery}.👩‍💻 v.1.2.3. Что нового?- Обработка вступительного и полного текста для материалов Joomla. Добавлена обработка шорткодов в полном и вступительном текстах материалов Joomla.- Системные требования. Повышены минимальные требования до Joomla 5 и PHP 8.1.- Мелкие правки. Исправлена ошибка работы макета по умолчанию в плагине контента.- Joomla 6. Пакет плагинов успешно протестирован на Joomla 6.Страница расширения.GitHub расширенияJoomla Extensions Directory@joomlafeed#joomla #расширения

Совет по Joomla: несколько значений по умолчанию в XML-формах для стандартных полей типа list

👩‍💻 Совет по Joomla: несколько значений по умолчанию в XML-формах для стандартных полей типа list.При работе над плагином возникла необходимость указать стандартный набор из нескольких элементов стандартного поля списка. И хотелось указать их в стандартном же атрибуте default для полей. Когда это нужно?Когда Ваши пользователи устанавливают плагин и НЕ заходят в настройки - в коде вы можете использовать значения по умолчанию с помощью класса Registry (писал об этом ранее) и всегда быть уверенным, что хоть какие-то жизненно необходимые параметры к вам придут всегда. 🧐 Но как сделать то же самое для интерфейса админки?Пользователя нужно направлять, предлагать очевидный работоспособный сценарий для начала, а дальше он уже сам разберется. Когда человек заходит в параметры свежеустановленного плагина в Form ещё нет данных и параметры по умолчанию выставляются из атрибутов default в xml-полях.
<field name="showdesc" type="radio"                       label="PLG_CFI_PARAM_SHOWDESC"                       class="btn-group btn-group-yesno"                       default="1">                    <option value="0">JNO</option>                    <option value="1">JYES</option>                </field>
Здесь по умолчанию будет включено "Да". И если пользователь не переключит параметр, то при сохранении мы ожидаемо получим "да" в params плагина.Для поля списков type=&quot;list&quot; можно указать значение по умолчанию и многие знают, что его можно указать только одно.
<field type="list"                       name="article_fields"                       label="article_fields"                       description="article_fields_desc"                       layout="joomla.form.field.list-fancy-select"                       multiple="true"                       default="id"                >                    <option value="id">id</option>                    <option value="title">title</option>                    <option value="alias">alias</option>                    <option value="introtext">introtext</option>                    <option value="fulltext">fulltext</option>                    <option value="state">state</option></field>
Но у нас поле с множественным выбором (атрибут multiple) и хотелось бы указать несколько значений по умолчанию...Оказывается, так можно сделать. Для этого в атрибуте default нужно указать json с нужными параметрами в виде {int}key : {string} value.Например, default='{"0":"id","1":"title"}'.
<field type="list"                       name="article_fields"                       label="article_fields"                       description="article_fields_desc"                       layout="joomla.form.field.list-fancy-select"                       multiple="true"                       default='{"0":"id","1":"title"}'                >                    <option value="id">id</option>                    <option value="title">title</option>                    <option value="alias">alias</option>                    <option value="introtext">introtext</option>                    <option value="fulltext">fulltext</option>                    <option value="state">state</option></field>
⚠️ Обратите внимание на кавычки! Поскольку json_decode не понимает одинарные кавычки собственно json нужно писать с двойными, а значение для атрибута default писать в одинарные.🙏 За подсказанное решение огромное спасибо участникам нашего сообщества - разработчикам Дмитрию Васюкову (@fictionlabs) и Игорю Бердичевскому (@septdir).@joomlafeed#joomla #разработка #webdev #development

0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 2935 Просмотров
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Выпадающее меню
« : 05.07.2021, 08:20:11 »
Здравствуйте! На сайте хотим сделать выпадающее меню категорий. Сейчас меню категорий есть только на главной и когда заходишь в карточку товара он не отображается. Категории выводятся модулем VirtueMart Категории.  Я решила его поднять в верх, и задать модулю стили как у стальныз верхних меню. А дальше возникли проблемы... 1) Можно ли скрыть все пункты категорий и чтоб они только появлялись при клики на каталог? Если возможно подскажите пожайлуйста или подскажите информацию какую почитать, чтоб это реализовать. Или может есть модули, который реализует выпадающие категории. И чтоб было понятно, что мы хотим вот сайт с примером https://www.wildberries.ru/ - Там при нажатии на три полоски появляются категории. Вот так же хотим и мы. Только все то их трех полосок наш стиль. 2) Надо сделать так что бы не создавать доп меню, чтоб не менялись url категорий.
Наш сайт: https://solt74.ru/
Заранее спасибо!
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Выпадающее меню
« Ответ #1 : 05.07.2021, 10:39:02 »
Да тут писать и писать.Вкратце- начните с добавления гамбургера в нужное место и размещения модуля категорий ВИрт, а потом свяжете с подошью атрибут data-toggle
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Re: Выпадающее меню
« Ответ #2 : 08.07.2021, 08:11:09 »
В общем нашла на просторах инета и форума как сделать, но это для мобильных версиях. Ну все сделала. В index.php прописала код:
Код
 <!-- Burger pos -->
<?php if ($this->countModules('burger')) : ?>
<nav class="navigation" role="navigation">
<div class="navbar pull-left">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#VMmenu".$ID">
<span class="sr-only">Каталог</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse" id="<?php echo "VMmenu".$ID ?>">
<jdoc:include type="modules" name="burger" style="themeHtml5" />
</div>
</nav>
<?php endif; ?>
Чтоб позиция была перед лого. Добавила новую позицию в templateDetails.xml.
Прописала скрипт
Код
$(document).ready(function() {
  $('.btn btn-navbar').click(function (event) {
    $('.btn btn-navbar,.<?php echo "VMmenu".$ID ?>').toggleClass('active');
    $('body').toggleClass('lock');
  });
И внеска правки в CSS
Но не могу найти, что нужно сделать чтоб в основной версии категории спрятать под кнопку гамбургера.
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Выпадающее меню
« Ответ #3 : 08.07.2021, 09:13:32 »
А что в $ID  ?
Код
  id="<?php echo "VMmenu".$ID ?>">
$('body').toggleClass('lock');
В  классе  стиля lock должна быть прописана видимость, пример
Код
.lock .nav-collapse {display: block;}
А до клика на гамбургер
Код
.nav-collapse {display: none;}
Сейчас на вашем сайте не вижу гамбургер , ни модуль VirtueMart. Это для вас сайт знаком, а мне искать долго и непонятно где .
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Re: Выпадающее меню
« Ответ #4 : 08.07.2021, 09:18:57 »
А что в $ID  ?
Код
  id="<?php echo "VMmenu".$ID ?>">
$('body').toggleClass('lock');
В  классе  стиля lock должна быть прописана видимость, пример
Код
.lock .nav-collapse {display: block;}
А до клика на гамбургер
Код
.nav-collapse {display: none;}
Сейчас на вашем сайте не вижу гамбургер , ни модуль VirtueMart. Это для вас сайт знаком, а мне искать долго и непонятно где .
А что в $ID  ? Это вывод модуля VirtueMart категории. На основном сайте этого нет, так я на тестовом делаю на полной копии основного.
$('body').toggleClass('lock');
В  классе  стиля lock должна быть прописана видимость, пример
Код
.lock .nav-collapse {display: block;}
А до клика на гамбургер
Код
.nav-collapse {display: none;}
Спасибо сейчас попробую.
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Выпадающее меню
« Ответ #5 : 08.07.2021, 09:30:15 »
А что в $ID  ? Это вывод модуля VirtueMart категории.
А скрипт в макете модуля, иначе селектор .<?php echo "VMmenu".$ID ?>  не будет работать в яваскрипт
Код
 $('.btn btn-navbar,.<?php echo "VMmenu".$ID ?>').toggleClass('active');
#<?php echo "VMmenu".$ID ?> Это же селектор по id
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Re: Выпадающее меню
« Ответ #6 : 08.07.2021, 09:49:29 »
А скрипт в макете модуля, иначе селектор .<?php echo "VMmenu".$ID ?>  не будет работать в яваскрипт
Код
 $('.btn btn-navbar,.<?php echo "VMmenu".$ID ?>').toggleClass('active');
#<?php echo "VMmenu".$ID ?> Это же селектор по id
Спасибо, что указали на ошибку. Я сейчас посмотрела убрала его из скрипта, гамбургер и так нажимается и показывается меню. Я его использовала, т.к меню категорий при обновление страницы каждый раз показывает новый ID.

Я сделала, что вы писали выше. Спасибо! Почти получилось. Меню скрылось, но когда разваричивает, кнопки нет, чтоб его снова скрыть в основной версии.
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Выпадающее меню
« Ответ #7 : 08.07.2021, 09:56:25 »
Меню скрылось, но когда разваричивает, кнопки нет, чтоб его снова скрыть в основной версии.
Нужно чтобы при клике в любом месте, кроме по ссылке в модуле VirtueMart, меню скрывалось.
Пример с гугл
Код
$(document).on('click', function(e) {
  if (!$(e.target).closest(".parent_block").length) {
    $('.toggled_block').hide();
  }
 e.stopPropagation();
});
« Последнее редактирование: 08.07.2021, 10:04:11 от draff »
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Re: Выпадающее меню
« Ответ #8 : 02.09.2021, 11:31:55 »
Все переделывала, в таком в виде не работал модуль на других страницах. Код для позиции оставила такой же.
Код
<!-- Burger pos -->
<?php if ($this->countModules('burger')) : ?>
<nav class="navigation" role="navigation">
<div class="navbar pull-left">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#VMmenu".$ID">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse" id="<?php echo "VMmenu".$ID ?>">
<jdoc:include type="modules" name="burger" style="themeHtml5" />
</div>
</nav>
<?php endif; ?>
В таком виде на комп версии показывался католог развернутый. А для моб версии появлялась кнопка и каталог сворачивался и разворачивался (фон был белым, чтоб видно было текст сделала фон черным).
Добавила стили в css:
Код
.nav-collapse.collapse {
  height: auto;
  overflow: hidden;
}
nav.navigation {
  background: #211f22;
}
.nav-collapse {
    clear: both;
    height: 0;
    overflow: hidden;
}
Теперь кнопка работает. И на компьтерах и в мобильной версии.
Хотелось бы исправить и уменьшить позицию и поместить её рядом с логотипом. И чтоб в моб версии, тоже находилась так же. И чтоб каталог открывался поверх контента, а не сдвигал его. Просто я делаю уменьшаю позицию , чтоб она встала рядом с лого. При этом когда меню разворачивается он тоже остается маленьким.
Как правильно прописать в CSS, чтоб кнопка была маленькие и рядом с лого, а при нажатие меню разворачивал на экран?
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Выпадающее меню
« Ответ #9 : 17.10.2021, 22:53:56 »
где можно посмотреть на "изобретение" ибо по картинках тяжело шо то сказать. На сайте что-то не видать кнопки или уже данная идея не актуальная?
*

DrShepard

  • Осваиваюсь на форуме
  • 42
  • 0 / 0
Re: Выпадающее меню
« Ответ #10 : 20.10.2021, 12:36:16 »
где можно посмотреть на "изобретение" ибо по картинках тяжело шо то сказать. На сайте что-то не видать кнопки или уже данная идея не актуальная?
Она актуальна. Я все делаю на тестовом сайте. Сейчас уже не много подругому делаю. Кнопку сделала рядом с поиском и при нажатие выпадает VMmenu. Вот только теперь надо найти как в vmmenu чтоб при раскрытие сразу были видны и подкатегории первого уровня.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3329
Последний ответ 29.12.2021, 23:15:38
от v42bis
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1427
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1335
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1572
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1351
Последний ответ 01.06.2020, 11:03:58
от sivers