Новости 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 Гость просматривают эту тему.
  • 14 Ответов
  • 10537 Просмотров
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Как задать цвет SVG?
« : 11.05.2020, 14:41:22 »
Здравствуйте, кто подскажет почему не меняется цвет?
В HTML загрузил иконку <img src="https://пвпвпаавпв/search.svg" class="search">
В CSS   .search { fill: #ffffff; }
И фиг там
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как задать цвет svg?
« Ответ #1 : 11.05.2020, 14:54:07 »
Цитировать
И фиг там
Код
img.search svg {
    vertical-align: middle;
    stroke: #fcc10a;
    stroke-width: 2px;
    fill: #fff;
}
А так  ? Не Фиг ? ))))
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как задать цвет svg?
« Ответ #2 : 11.05.2020, 14:55:59 »
Хотя нет!
А  ссылку Дайте на файлик !
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как задать цвет svg?
« Ответ #3 : 11.05.2020, 15:00:56 »
А... Вот Вам !
Код
<svg height="19" width="14" style="fill:#ff7878;">
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Как задать цвет svg?
« Ответ #4 : 11.05.2020, 15:07:34 »
Спасибо, но что-то никак не получается всё-равно)
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Re: Как задать цвет svg?
« Ответ #5 : 11.05.2020, 15:08:39 »
Спасибо, но что-то никак не получается всё-равно)
Ссылку на файл  - Давайте !
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Как задать цвет svg?
« Ответ #6 : 11.05.2020, 15:16:25 »
Ссылку на файл  - Давайте !

Не на сайте делаю
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Как задать цвет svg?
« Ответ #7 : 11.05.2020, 15:30:19 »
Понял, не получится так поменять. Если чисто ссылкой грузить svg
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Как задать цвет svg?
« Ответ #8 : 11.05.2020, 15:58:34 »
Код
<svg class="search__icon" viewBox="0 0 26 28">
            <path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zm8 13c0 1.094-.906 2-2 2a1.96 1.96 0 0 1-1.406-.594l-5.359-5.344a10.971 10.971 0 0 1-6.234 1.937c-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-.672 4.406-1.937 6.234l5.359 5.359c.359.359.578.875.578 1.406z">
            </path>
           </svg>

Надо код cvg вставлять, теперь можно менять
*

fireman

  • Захожу иногда
  • 338
  • 10 / 0
  • в цель...
Re: Как задать цвет svg?
« Ответ #9 : 11.05.2020, 17:27:40 »
Надо код cvg вставлять, теперь можно менять

Я вот так делаю:

Код
<svg class="search__icon" viewBox="0 0 26 28">
            <path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zm8 13c0 1.094-.906 2-2 2a1.96 1.96 0 0 1-1.406-.594l-5.359-5.344a10.971 10.971 0 0 1-6.234 1.937c-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-.672 4.406-1.937 6.234l5.359 5.359c.359.359.578.875.578 1.406z" fill="#КОД НУЖНОГО ЦВЕТА"/>
           </svg>

Смотреть на окончание строки с path...
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как задать цвет svg?
« Ответ #10 : 11.05.2020, 17:45:11 »
img src="https://пвпвпаавпв/search.svg - не сработает, либо полный код вставлять (что крайне неудобно и громоздко), либо JS
Вот простенькая функция, вставляем картинку в HTML как обычно (как выше), а уже скрипт отработает её в объект
Код
	$('img.imgsvg').each(function(){
  var $img = $(this);
  var imgClass = $img.attr('class');
  var imgURL = $img.attr('src');
  $.get(imgURL, function(data) {
    var $svg = $(data).find('svg');
    if(typeof imgClass !== 'undefined') {
      $svg = $svg.attr('class', imgClass+' replaced-svg');
    }
    $svg = $svg.removeAttr('xmlns:a');
    if(!$svg.attr('viewBox') && $svg.attr('height') && $svg.attr('width')) {
      $svg.attr('viewBox', '0 0 ' + $svg.attr('height') + ' ' + $svg.attr('width'))
    }
    $img.replaceWith($svg);
  }, 'xml');
});

И уже в стилях мы можем для img.imgsvg указывать fill и остальные параметры
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Как задать цвет svg?
« Ответ #11 : 11.05.2020, 18:56:38 »
Я вот так делаю:

Код
<svg class="search__icon" viewBox="0 0 26 28">
            <path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zm8 13c0 1.094-.906 2-2 2a1.96 1.96 0 0 1-1.406-.594l-5.359-5.344a10.971 10.971 0 0 1-6.234 1.937c-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-.672 4.406-1.937 6.234l5.359 5.359c.359.359.578.875.578 1.406z" fill="#КОД НУЖНОГО ЦВЕТА"/>
           </svg>

Смотреть на окончание строки с path...

Если так делать то помоему через CSS уже не поменять его, цвет я имею в виду
*

fireman

  • Захожу иногда
  • 338
  • 10 / 0
  • в цель...
Re: Как задать цвет svg?
« Ответ #12 : 11.05.2020, 19:16:16 »
Не могу сказать. А зачем его менять в CSS? Открыл файл через редактор кода, поменял цвет и залил svg-файл на хостинг...
*

beliyadm

  • Легенда
  • 9758
  • 1665 / 66
  • Севастополь, Россия
Re: Как задать цвет svg?
« Ответ #13 : 11.05.2020, 19:20:11 »
Не могу сказать. А зачем его менять в CSS? Открыл файл через редактор кода, поменял цвет и залил svg-файл на хостинг...
А когда нужно иметь один файл в разных вариациях цвета - плодить сущности?
Или иконка черная на белом фоне, по ховеру должна стать белой на черном.

Приведенный мной скрипт позволяет вставлять SVG как обычное изображение в код (через img src) и работать с ним на уровне стилей.
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

fireman

  • Захожу иногда
  • 338
  • 10 / 0
  • в цель...
Re: Как задать цвет svg?
« Ответ #14 : 11.05.2020, 19:38:20 »
Приведенный мной скрипт позволяет ...
Кто бы спорил, а я нет...
Согласен. Ваше решение функционально и если будет необходимость - воспользуюсь им.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как поменять цвет текста в CSS если они связаны одним label?

Автор zeni1agent

Ответов: 2
Просмотров: 1601
Последний ответ 23.05.2018, 13:54:22
от zeni1agent
Как изменить цвет заголовка материала?

Автор wahrenz

Ответов: 3
Просмотров: 3558
Последний ответ 19.04.2017, 14:34:59
от wahrenz
Поменять цвет в шаблоне Zoka Transports

Автор MoriartyBes

Ответов: 31
Просмотров: 3359
Последний ответ 22.01.2017, 14:00:54
от vipiusss
Не могу найти где закодирован цвет

Автор olderman

Ответов: 2
Просмотров: 1615
Последний ответ 15.12.2016, 11:50:58
от darkghost
Как задать :hover{ и :active { Для одной кнопки?

Автор RicoID

Ответов: 2
Просмотров: 2568
Последний ответ 18.11.2016, 16:34:43
от ProtectYourSite