Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Отдельная картинка товара для мобильных


 Поделиться

Рекомендованные сообщения

Здравствуйте! Подскажите, а можно ли сделать так, чтобы при просмотре с дестопа отображалась одна картинка товара, а при просмотре с мобильных - другая? Именно другой файл, не просто та же картинка просто с другими стилями, а с дестопа - img1.jpg, а с мобильных - img2.jpg ?

 

И в идеале чтобы эту картинку можно было отдельно задавать через админку, примерно как на скриншоте: http://prntscr.com/kkubpq

Ссылка на комментарий
Поделиться на других сайтах


Может быть поделитесь причиной по которой это необходимо?

Ссылка на комментарий
Поделиться на других сайтах

1 час назад, maxximum сказал:

Здравствуйте! Подскажите, а можно ли сделать так, чтобы при просмотре с дестопа отображалась одна картинка товара, а при просмотре с мобильных - другая? Именно другой файл, не просто та же картинка просто с другими стилями, а с дестопа - img1.jpg, а с мобильных - img2.jpg ?

 

И в идеале чтобы эту картинку можно было отдельно задавать через админку, примерно как на скриншоте: http://prntscr.com/kkubpq

 

Могу сделать. Платно. Обращаться в ЛС.

Ссылка на комментарий
Поделиться на других сайтах

@Tom, ну мы просто сделали картинки товаров довольно широкими и большими, поскольку на десктопных мониторах 1920x1080, 1366x768 и т.д. такие картинки смотрятся классно.

 

Но при этом на мобильном в вертикальном виде такие картинки смотрятся не очень, узко и непонятно. И поэтому вот возникла потребность в отдельной картинке товара для мобильных

Ссылка на комментарий
Поделиться на других сайтах


Не знаю, зачем это нужно автору темы, но я тоже задавалась таким вопросом, помню.

С целью облегчения загрузки страницы ставишь превьюшкам для категории размер 200px-250px, смотрится вполне прилично.

Но те же картинки с мобильной версии, когда растягиваются на ширину экрана уже довольно размытые, качество не то.

По 2 в ряд ставить для мобильной версии не всегда вариант.

Задавать жесткие размеры карточке товара, меньше, чем экран мобильного тоже не хочется. Красиво, когда на весь экран картинка, особо, если это одежда или украшения.

Приходится картинки для страницы категории задавать чуть больше, чем нужно.

 

 

Ссылка на комментарий
Поделиться на других сайтах

Показиват маленкие картинки на мобилних устройств очен хотошо с точки зрения сео и скорост.

Думала об етом но не пробовала:

srcset

https://html.com/attributes/img-srcset/

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

Ссылка на комментарий
Поделиться на других сайтах

 Agatha65, очень интересный атрибут srcset, не слышал о нем, спасибо! 

 

Только, насколько я понимаю, что его использовать для моих целей, нужно будет изменить исходный код вывода изображений категории и отдельного товара?

А где его можно изменить, не подскажите?

 

 

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.