Новости Joomla

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

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Добрый день  ^-^

Подскажите есть ли возможность в 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

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

dmitry_stas

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

Indexxx

  • Захожу иногда
  • 59
  • 0 / 0
Re: Картинки в мобильной версии
« Ответ #4 : 13.05.2019, 06:59:56 »
здра.
меняете вывод изображений в шаблоне категории, добавляя тег picture
https://developer.mozilla.org/ru/docs/Web/HTML/Element/picture
если не для всех будут созданы резные варианты, то предварительно пингуете, есть ли на сервере картинка под мобильный размер
+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

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

Indexxx

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

kit2m2

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

Indexxx

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

kit2m2

  • Живу я здесь
  • 3269
  • 268 / 0
  • Беру сайты на полное сопровождение
Re: Картинки в мобильной версии
« Ответ #9 : 13.05.2019, 07:41:18 »
А есть ли уже имеющиеся аддоны для этого?
Нет
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и 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

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

effrit

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

nevigen

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

kit2m2

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

dmitry_stas

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

Есть библиотека Mobile-Detect
она определит только то, что устройство мобильное, но не разрешение

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

kit2m2

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

dmitry_stas

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

А в некоторых браузерах нужно пользователю вручную включать поддержку этой опции
ничего этого уже не нужно никому. кто не поддерживает  - увидит стандартную картинку.

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

effrit

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

kit2m2

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

Да только тип устройства... Покопался в инете, навскидку нашел решение, если задействовать библиотеку + на мобильном получать размер экрана и потом ширину и высоту записывать в сессию, а затем аяксом перезагружать страницу беря размеры из сессии и подгружать по условию картинку. Но придется повозиться...
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и 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

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

draff

  • Гуру
  • 5803
  • 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 интегрировать
Спойлер
[свернуть]
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор Rebarun

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

Автор zahar_92

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

Автор bakyt

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

Автор VladislavMar

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

Автор kozovod

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