Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
mod_menu и CSS спрайт
« : 28.07.2012, 12:52:59 »
Привет всем

В mod_menu, при создании пункта меню, есть в "Параметры отображения ссылки" пункт: "Изображение ссылки", куда можно прикрепить какую-нибудь картинку, которая будет отображаться при выводе пункта меню. Для многих (в том числе и для меня - важный пункт создания меню).

Все хорошо, когда пунктов меню не много, но. когда (как у меня), пунктов меню под 300 шт., Joomla, загружает страницу (при первом входе на сайт) до 10-и секунд (подгружаются все картинки для каждого пункта меню), что не есть хорошо, т. к. общий "вес" всех картинок, приближается к 600 кб...

Вопрос:
    Как бы "прикрутить" к mod_menu возможность загружать не каждую отдельно взятую картинку для каждого пункта меню, а выбирать положение из CSS спрайта?

Заранее благодарю за ответы
Записан
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: mod_menu и CSS спрайт
« Ответ #1 : 28.07.2012, 12:55:28 »
Через CSS, для каждого пункта меню создается уникальный item-ID, к нему и привязывайтесь.
Записан
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #2 : 28.07.2012, 13:02:52 »
NightGuard, спасибо за ответ

Цитата: NightGuard от 28.07.2012, 12:55:28
Через CSS, для каждого пункта меню создается уникальный item-ID, к нему и привязывайтесь.
Ну, да, тут согласен - можно и так, но, если, станет вопрос, о добавлении/удалении какого-то конкретного пункта меню, то, это нужно будет лезть в код, и править в CSS файле CSS код. Верно?

Не вопрос, если пункт меню, буду добавлять/удалять я, а если это будет делать юзер, который далек от CSS, HTML и PHP...

Хотелось бы, решить задачу, модификацией mod_menu таким образом, чтобы при создании пункта меню, в админке Joomla, была возможность ввода координат конкретной картинки в CSS спрайте. Возможно ли такое сделать?
Записан
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: mod_menu и CSS спрайт
« Ответ #3 : 28.07.2012, 13:11:23 »
Думаете пользователь сообразит как координаты вычислить? )) Как по мне это те же яйца - вид в профиль ))
Записан
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #4 : 28.07.2012, 13:19:05 »
Цитата: NightGuard от 28.07.2012, 13:11:23
Думаете пользователь сообразит как координаты вычислить?
Согласен - тож гемор, но, все же проще объяснить как координаты вычислить, нежели учить "чайника" CSS
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #5 : 28.07.2012, 13:33:44 »
Цитата: Dgikar от 28.07.2012, 13:19:05
Согласен - тож гемор, но, все же проще объяснить как координаты вычислить, нежели учить "чайника" CSS
В шаблоне переделать чуть-чуть, чтоб картинка была не картинкой а фоном. А с координатами уже чуть сложнее. Нужно доп. поля вводить. Тогда уже стоит вопрос в создании отдельного модуля, чтоб не хакать.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #6 : 28.07.2012, 13:40:51 »
Efanych, спасибо за ответ

Цитата: Efanych от 28.07.2012, 13:33:44
В шаблоне переделать чуть-чуть, чтоб картинка была не картинкой а фоном. ...
Как вариант! Но, все же (насколько я понимаю - могу ошибаться), это все равно подгрузка... Т. е., время загрузки, да, возможно сократиться, но, не на много - пару секунд, возможно мы и уберем из моих 10-и

Цитата: Efanych от 28.07.2012, 13:33:44
... А с координатами уже чуть сложнее. Нужно доп. поля вводить. Тогда уже стоит вопрос в создании отдельного модуля, чтоб не хакать.
Лично у меня, для вывода меню, уже создан свой модуль (все никак руки не доходят, сюда написать как я это сделал - слишком большая статья получится), т. е., меня, создание доп. полей - не пугает. Вопрос только в том, как это сделать - вот этого - не понимаю
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #7 : 28.07.2012, 13:46:38 »
Цитировать
Но, все же (насколько я понимаю - могу ошибаться), это все равно подгрузка...
Подгрузка, но уже можно спрайт использовать. Например в разметке было <img src="$img" width="$width" height="$height"> а сделать
<span style="width:$width;height:$height; background:url($img) $dop_pole1 $dop_pole2" > как-то так.
$dop_pole1 $dop_pole2 - координаты в спрайте.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #8 : 28.07.2012, 14:13:32 »
Парни, вот часть кода:

Код: php
if ($item->menu_image) {
		$item->params->get('menu_text', 1 )?
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :
		$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" />';
$linktype = $item->title;
}

который отвечает за вывод картинки пункта меню. Ткните носом плз, что, где, как...
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #9 : 28.07.2012, 14:38:19 »
Ну, примерно так:
$linktype = '<span style ="background:url('.$item->menu_image.') '.$dop_pole1.' '.$dop_pole2.';height:20px;width:20px "  />'
Проверяй.
$dop_pole1 $dop_pole2 - значения из дополнительных полей, в которые будут вводиться координаты картинки в спрайте
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #10 : 28.07.2012, 14:59:07 »
На самом деле это извращение. Возьмите ItemID пункта меню и сделайте для него background. А изображение пункта меню отключите.
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #11 : 28.07.2012, 15:06:13 »
Цитата: Efanych от 28.07.2012, 14:38:19
Ну, примерно так:
$linktype = '<span style ="background:url('.$item->menu_image.') '.$dop_pole1.' '.$dop_pole2.';height:20px;width:20px "  />'
Проверяй.
$dop_pole1 $dop_pole2 - значения из дополнительных полей, в которые будут вводиться координаты картинки в спрайте
Откуда будут браться переменные $dop_pole1 $dop_pole2?
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #12 : 28.07.2012, 15:10:04 »
Цитата: al-teen от 28.07.2012, 15:06:13
Откуда будут браться переменные $dop_pole1 $dop_pole2?
В форме добавления пункта меню добавить 2 дополнительных поля, туда и вписывать координаты.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #13 : 28.07.2012, 15:15:25 »
Цитата: Efanych от 28.07.2012, 15:10:04
В форме добавления пункта меню добавить 2 дополнительных поля, туда и вписывать координаты.
Многовато плясок для того, чтобы добавить спрайт в меню. Лезть в administrator\components\com_menus? Потом сидеть и через админку миллиметровать эти спрайты... Нерациональное решение.
Записан
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #14 : 28.07.2012, 15:27:26 »
Цитата: al-teen от 28.07.2012, 15:15:25
Многовато плясок для того, чтобы добавить спрайт в меню... Нерациональное решение.
Я уже и на такое согласен - только бы ускорить загрузку... Поставил для ускорения JCH Optimize - да, стало быстрее, но, все же, не то, что хотелось бы...
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #15 : 28.07.2012, 15:31:53 »
Цитата: al-teen от 28.07.2012, 15:15:25
Многовато плясок для того, чтобы добавить спрайт в меню. Лезть в administrator\components\com_menus? Потом сидеть и через админку миллиметровать эти спрайты... Нерациональное решение.
Да. Не подумал, что это не в модуле доп поля добавляются. А где? administrator\components\com_menus? Или в шаблоне материала/категории? default.xml? Так во всех типах меню добавлять придётся. А если пункты на разные компоненты, то сильно много.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #16 : 28.07.2012, 15:39:32 »
Цитата: Dgikar от 28.07.2012, 15:27:26
Я уже и на такое согласен - только бы ускорить загрузку... Поставил для ускорения JCH Optimize - да, стало быстрее, но, все же, не то, что хотелось бы...
Возьмите хостинг пошустрее.

Цитата: Efanych от 28.07.2012, 15:31:53
Да. Не подумал, что это не в модуле доп поля добавляются. А где? administrator\components\com_menus? Или в шаблоне материала/категории? default.xml? Так во всех типах меню добавлять придётся. А если пункты на разные компоненты, то сильно много.
Честно сказать - хз. Не пробовал даже подобные "обходные" пути))
Записан
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #17 : 28.07.2012, 15:46:55 »
Цитата: al-teen от 28.07.2012, 15:39:32
Возьмите хостинг пошустрее.
На шустрый хостинг, пока денёг не хватаеть :(

Ну, как бы то ни было, а спрайт прикрутить - намного шустрее станет загрузка - все же, загрузить один файл размером пусть даж 100 kb или 300 по 2-3 kb - разница весомая...
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #18 : 28.07.2012, 15:48:41 »
Вот не могу сообразить, как с доп полями быть. Этого же не достаточно, просто их добавить. Нужно же ещё сохранять где-то значения...
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #19 : 28.07.2012, 15:58:10 »
Цитата: Efanych от 28.07.2012, 15:48:41
Вот не могу сообразить, как с доп полями быть. Этого же не достаточно, просто их добавить. Нужно же ещё сохранять где-то значения...
Кроме того сами переменные нужно привязать к данным конфига.
Записан
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #20 : 28.07.2012, 16:48:48 »
Цитата: al-teen от 28.07.2012, 15:58:10
Кроме того сами переменные нужно привязать к данным конфига.

Парни, а есть какое-то решение?
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #21 : 28.07.2012, 17:02:12 »
Цитата: Dgikar от 28.07.2012, 16:48:48
Парни, а есть какое-то решение?
Я не знаю. Проследите, как добавляется картинка, где хранится, как выводится. И по аналогии...
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #22 : 28.07.2012, 17:09:58 »
Цитата: Dgikar от 28.07.2012, 16:48:48
Парни, а есть какое-то решение?
Говорю же, возьмите ItemID пункта меню и через CSS установите для него фоновую картинку. Это оптимальнее и намного удобнее.
Записан
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #23 : 28.07.2012, 18:09:51 »
Так: попробовал. В файле modules/mod_menu/tmpl/default_component.php
строку (~17-я):

Код: php
$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :

меняем на:

Код: php
$linktype = '<span style="height: 11px; float: left; margin-top: 5px; width: 16px; background:url('.$item->menu_image.')" alt="'.$item->title.'"" /></span><span class="image-title">'.$item->title.'</span> ' :

картинка, загружается как Background - стало немного быстрее (~6-7 секунд загружается) - уже пару секунд "срезали"
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Многоуровневое выпадающее меню на базе mod_menu

Автор artel-st

 Ответов: 29
Просмотров: 7693 		Последний ответ 06.02.2013, 15:52:47
от тома
Ссылки модуля mod_menu

Автор foxigen

 Ответов: 3
Просмотров: 1672 		Последний ответ 16.05.2012, 06:15:53
от AlienAntFarm