Новости Joomla

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

👩‍💻 20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом взял Евгений Сивоконь.Читать интервью@joomlafeed#joomla #community

20 лет Joomla: Ринат Кажетов

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

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Картинки в мобильной версии
« : 09.05.2019, 12:52:17 »
Добрый день  ^-^

Подскажите есть ли возможность в JoomShopping для категорий в мобильной версии (например меньше 768px) сделать другие картинки?
В редактировании категории, во вкладке изображения такой возможности нет (скрин)

  !!!???!!!
Записан
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Картинки в мобильной версии
« Ответ #1 : 09.05.2019, 13:01:13 »
здра.
меняете вывод изображений в шаблоне категории, добавляя тег picture
https://developer.mozilla.org/ru/docs/Web/HTML/Element/picture
если не для всех будут созданы резные варианты, то предварительно пингуете, есть ли на сервере картинка под мобильный размер
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #2 : 09.05.2019, 13:02:16 »
В стандартном функционале нет, можно только плагином.
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Картинки в мобильной версии
« Ответ #3 : 09.05.2019, 13:11:54 »
Цитата: effrit от 09.05.2019, 13:01:13
меняете вывод изображений в шаблоне категории, добавляя тег picture
+1. загружаете по ftp нужные картинки для разных разрешений с такими же именами, как основная, но добавленным префиксом для разрешения, и описываете в шаблоне эти префиксы. заодно и формат webp можно заюзать
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Re: Картинки в мобильной версии
« Ответ #4 : 13.05.2019, 06:59:56 »
Цитата: effrit от 09.05.2019, 13:01:13
здра.
меняете вывод изображений в шаблоне категории, добавляя тег picture
https://developer.mozilla.org/ru/docs/Web/HTML/Element/picture
если не для всех будут созданы резные варианты, то предварительно пингуете, есть ли на сервере картинка под мобильный размер
Цитата: dmitry_stas от 09.05.2019, 13:11:54
+1. загружаете по ftp нужные картинки для разных разрешений с такими же именами, как основная, но добавленным префиксом для разрешения, и описываете в шаблоне эти префиксы. заодно и формат webp можно заюзать
А как это прописать?
Например, для всех картинок категорий в мобильной версии media (max-width:768)
Вот код шаблона категорий
Спойлер
[свернуть]
Там ведь идет php код для всех картинок сразу
 
<div class="shop-item-photo">
  <a href = "<?php echo $category->category_link;?>"><img class = "jshop_img" src = "<?php echo $this-
  >image_category_path;?>/<?php if ($category->category_image) echo $category->category_image; else echo $this-
  >noimage;?>" alt="<?php echo htmlspecialchars($category->name);?>" title="<?php echo htmlspecialchars($category-
  >name);?>" /></a>
</div>
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #5 : 13.05.2019, 07:17:17 »
Цитата: Indexxx от 09.05.2019, 12:52:17
Подскажите есть ли возможность в JoomShopping для категорий в мобильной версии (например меньше 768px) сделать другие картинки?
Вы поясните, что Вам нужно: Для разных расширений разные фото или для разных разрешений, просто уменьшенные (но одинаковые) фото?
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Re: Картинки в мобильной версии
« Ответ #6 : 13.05.2019, 07:23:08 »
Цитата: kit2m2 от 13.05.2019, 07:17:17
Вы поясните, что Вам нужно: Для разных расширений разные фото или для разных разрешений, просто уменьшенные (но одинаковые) фото?
Полностью другие фото категорий для мобильной версии всех экранов меньше 768px
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #7 : 13.05.2019, 07:30:36 »
Цитата: Indexxx от 13.05.2019, 07:23:08
Полностью другие фото категорий для мобильной версии всех экранов меньше 768px
Полностью другие не получиться... Для категории, по умолчанию можно присоединить только одно фото. Нужно писать аддон (два плагина), который добавит этот функционал (возможность загружать разные фото для разных разрешений экрана).
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Re: Картинки в мобильной версии
« Ответ #8 : 13.05.2019, 07:35:41 »
Цитата: kit2m2 от 13.05.2019, 07:30:36
Полностью другие не получиться... Для категории, по умолчанию можно присоединить только одно фото. Нужно писать аддон (два плагина), который добавит этот функционал (возможность загружать разные фото для разных разрешений экрана).
А есть ли уже имеющиеся аддоны для этого? Или еще какие нибудь варианты это реализовать?
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #9 : 13.05.2019, 07:41:18 »
Цитата: Indexxx от 13.05.2019, 07:35:41
А есть ли уже имеющиеся аддоны для этого?
Нет
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Картинки в мобильной версии
« Ответ #10 : 13.05.2019, 07:50:00 »
ну так у вас вот тут вывод
Код
<img class = "jshop_img" src = "<?php echo $this->image_category_path;?>/<?php if ($category->category_image) echo $category->category_image; else echo $this->noimage;?>" alt="<?php echo htmlspecialchars($category->name);?>" title="<?php echo htmlspecialchars($category->name);?>" />
меняйте на picture
извините, но у меня нет такой задачи, вам подсказали что и где менять, а за вас работу делать не интересно.
или разбирайтесь сами или в коммерческий раздел.
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #11 : 13.05.2019, 07:55:00 »
Цитата: effrit от 13.05.2019, 07:50:00
меняйте на picture
"picture" - это хорошо, но не во всех браузерах будет работать. Лучше если средствами PHP будет подгружаться нужная картинка. И только одна для нужного разрешения.
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Картинки в мобильной версии
« Ответ #12 : 13.05.2019, 08:02:11 »
ну в IE и опера_мини будет стандартная картинка - какая проблема-то?
в 92% браузеров будет динамика.
через php получать разрешение не получится, так что придется огород городить с js или подсовывать исходя из списка устройств.
выглядит как геморой, извините.
Записан
*

nevigen

  • Moderator
  • 10451
  • 863 / 25
  • http://n*****n.com
Re: Картинки в мобильной версии
« Ответ #13 : 13.05.2019, 08:12:44 »
Цитата: Indexxx от 13.05.2019, 06:59:56
А как это прописать?
Например, для всех картинок категорий в мобильной версии media (max-width:768)
проверяете разрешение напрмиер https://stackoverflow.com/questions/1504459/getting-the-screen-resolution-using-php
присваиваете переменной значение например $myfreak=768
и дальше в выводе картинки добавляете в конец названия картинка_$myfreak
Записан
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #14 : 13.05.2019, 08:16:04 »
Цитата: effrit от 13.05.2019, 08:02:11
через php получать разрешение не получится
Есть библиотека Mobile-Detect
Цитата: effrit от 13.05.2019, 08:02:11
в 92% браузеров будет динамика.
Это Вы про мобильные браузеры?
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Картинки в мобильной версии
« Ответ #15 : 13.05.2019, 08:17:35 »
это я про caniuse
https://caniuse.com/#search=picture
Записан
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Картинки в мобильной версии
« Ответ #16 : 13.05.2019, 08:20:05 »
Цитата: nevigen от 13.05.2019, 08:12:44
проверяете разрешение напрмиер
только на php этого не сделать, это надо городить связку с яваскриптом

Цитата: kit2m2 от 13.05.2019, 08:16:04
Есть библиотека Mobile-Detect
она определит только то, что устройство мобильное, но не разрешение

Цитата: kit2m2 от 13.05.2019, 08:16:04
Это Вы про мобильные браузеры?
это про 92% нормальных браузеров, в которых тег picture работает https://caniuse.com/#search=picture. а ie и opera mini и так в реале никто нормальный не использует, а те кто использует увидят обычную картинку.
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #17 : 13.05.2019, 08:22:56 »
Цитата: effrit от 13.05.2019, 08:17:35
это я про caniuse
https://caniuse.com/#search=picture
Ну и где 92%? А в некоторых браузерах нужно пользователю вручную включать поддержку этой опции... У невигена более подходящее решение, но это по сути для продвинутых пользователей.
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Картинки в мобильной версии
« Ответ #18 : 13.05.2019, 08:25:44 »
Цитата: kit2m2 от 13.05.2019, 08:22:56
Ну и где 92%?
http://prntscr.com/nnruiw

Цитата: kit2m2 от 13.05.2019, 08:22:56
А в некоторых браузерах нужно пользователю вручную включать поддержку этой опции
ничего этого уже не нужно никому. кто не поддерживает  - увидит стандартную картинку.

Цитата: kit2m2 от 13.05.2019, 08:22:56
У невигена более подходящее решение, но это по сути для продвинутых пользователей.
нет :)
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
Re: Картинки в мобильной версии
« Ответ #19 : 13.05.2019, 08:26:03 »
в правом верхнем углу.
вообще-то это наиболее достоверный источник для верстальщиков, но, конечно, ваше мнение весомее. для вас  ;D
Записан
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #20 : 13.05.2019, 14:59:27 »
Цитата: dmitry_stas от 13.05.2019, 08:20:05
Цитата: kit2m2 от Сегодня в 08:16:04
Есть библиотека Mobile-Detect
она определит только то, что устройство мобильное, но не разрешение

Да только тип устройства... Покопался в инете, навскидку нашел решение, если задействовать библиотеку + на мобильном получать размер экрана и потом ширину и высоту записывать в сессию, а затем аяксом перезагружать страницу беря размеры из сессии и подгружать по условию картинку. Но придется повозиться...
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

dmitry_stas

  • Легенда
  • 13151
  • 1234 / 8
Re: Картинки в мобильной версии
« Ответ #21 : 13.05.2019, 15:03:19 »
ну просто зачем? :) если есть тег picture, и он решит полностью проблему для 92% общего количества браузеров в мире (и скорее всего для 99% реальных обычных людей которые посещают ваш сайт), а остальные увидят стандартный img, т.е. для них просто ничего не поменяется. сколько у вас посетителей на IE, гляньте в метрике. 1%?
« Последнее редактирование: 13.05.2019, 15:06:22 от dmitry_stas »
Записан
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

kit2m2

  • Живу я здесь
  • 3371
  • 276 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #22 : 13.05.2019, 15:13:21 »
Можно и так. ТС решать...
Записан
Расширения для JoomShopping | Ссылка на Телеграм-канал | Сайты и магазины под ключ: Дизайн, Верстка, Программирование (расширения на заказ), СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ (5+) и JoomShopping 5+
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Картинки в мобильной версии
« Ответ #23 : 13.05.2019, 16:26:23 »
В Joomla уже есть свой class Browser.
Код
/*
			 * Determine if mobile. Note: Some Handhelds have their screen resolution in the
			 * user agent string, which we can use to look for mobile agents.
			 */
			if (strpos($this->agent, 'MOT-')!== false
				|| strpos($this->lowerAgent, 'j-')!== false
				|| preg_match('/(mobileexplorer|openwave|opera mini|opera mobi|operamini|avantgo|wap|elaine)/i', $this->agent)
				|| preg_match('/(iPhone|iPod|iPad|Android|Mobile|Phone|BlackBerry|Xiino|Palmscape|palmsource)/i', $this->agent)
				|| preg_match('/(Nokia|Ericsson|docomo|digital paths|portalmmm|CriOS[\/ ]([0-9.]+))/i', $this->agent)
				|| preg_match('/(UP|UP.B|UP.L)/', $this->agent)
				|| preg_match('/; (120x160|240x280|240x320|320x320)\)/', $this->agent))
Записан
*

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Re: Картинки в мобильной версии
« Ответ #24 : 17.05.2019, 10:36:25 »
Всем спасибо за помощь  ^-^

Возможно, можно как-то так сделать?
Спойлер
[свернуть]
Но этот код надо в php интегрировать
Спойлер
[свернуть]
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Меню в мобильной версии

Автор Rebarun

 Ответов: 1
Просмотров: 2835 		Последний ответ 07.07.2021, 07:47:08
от nevigen
При сохранении товара удаляется оригинал картинки

Автор zahar_92

 Ответов: 20
Просмотров: 1200 		Последний ответ 28.04.2020, 12:53:49
от kit2m2
Вертикальное меню товаров для мобильной версии сворачивающийся в трей

Автор bakyt

 Ответов: 17
Просмотров: 1182 		Последний ответ 20.12.2019, 15:56:31
от nevigen
Заменить открытие картинки в списке товаров на переход в его карточку

Автор VladislavMar

 Ответов: 11
Просмотров: 1021 		Последний ответ 03.08.2019, 22:45:10
от VladislavMar
Не открываются картинки товара в "lightbox".

Автор kozovod

 Ответов: 267
Просмотров: 40557 		Последний ответ 03.07.2019, 18:05:39
от cellissimo