Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

 

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

Link to comment
Share on other sites


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

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

 

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

 

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

Link to comment
Share on other sites

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

 

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

Link to comment
Share on other sites


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

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

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

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

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

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

 

 

Link to comment
Share on other sites

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

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

srcset

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

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

Link to comment
Share on other sites

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

 

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

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

 

 

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.