Перейти к содержанию
maxximum

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

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

Здравствуйте! Подскажите, а можно ли сделать так, чтобы при просмотре с дестопа отображалась одна картинка товара, а при просмотре с мобильных - другая? Именно другой файл, не просто та же картинка просто с другими стилями, а с дестопа - 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 и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.