Jump to content
maxximum

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

Recommended Posts

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

 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
1 час назад, maxximum сказал:

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

 

 

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

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

 

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

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

 

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.