Перейти к содержимому


Изменение В Мобильной Версии На Странице Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 alpha-me

alpha-me

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 17 Апрель 2018 - 00:05

SL-103567
Доброго времени суток!
Помогите пожалуйста изображения прикрепленные в описании товара оптимизировать под мобильную версию.
https://nanoprogress...od_id=123896498

Прикрепленные изображения

  • IMG_5156-17-04-18-12-03.PNG


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Апрель 2018 - 04:15

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}

после него пропишите:
.htmlDataBlock img{width: 100% !important;height:auto !important;}


#3 alpha-me

alpha-me

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 17 Апрель 2018 - 12:06

Просмотр сообщенияVaccina (17 Апрель 2018 - 04:15) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}

после него пропишите:
.htmlDataBlock img{width: 100% !important;height:auto !important;}

Спасибо! То что нужно!

#4 alpha-me

alpha-me

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 17 Апрель 2018 - 16:32

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

#5 metry

metry

    Активный участник

  • Модераторы
  • 884 сообщений

Отправлено 17 Апрель 2018 - 18:06

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->style.css и найдите:
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

после него вставьте:
#content_1 .htmlDataBlock img{width: 100% !important;height:auto !important;}


#6 alpha-me

alpha-me

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 17 Апрель 2018 - 18:11

Просмотр сообщенияmetry (17 Апрель 2018 - 18:06) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->style.css и найдите:
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

после него вставьте:
#content_1 .htmlDataBlock img{width: 100% !important;height:auto !important;}

Работает. Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных