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


Оптимизация Мобильной Версии Шаблона Осень


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

#1 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 22 Май 2017 - 21:42

Добрый день !
Хотел бы узнать решение проблемы с горизонтальной прокруткой на шаблоне Осень
Если есть возможность прошу рекомендовать изменения.

SL-297726

#2 Vaccina

Vaccina

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

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

Отправлено 23 Май 2017 - 02:46

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

Для этого зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
@media only screen and (max-width:479px)
{
  body{min-width:300px}
  .container{width:300px}
  .column,.columns{float:none;clear:both;margin:0}
  .full ,.half ,.one-third ,.two-third{width:300px}
  #header-right{width:100%}
  #header_user_info .wishlist{display:none}
  #header-logo{width:100%}
  #header-logo a{text-align:center}


после него пропишите:
#header-logo img{width: 100%;}

Далее найдите и удалите:
#megamenu_bottom {min-width: 360px;}


#3 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 23 Май 2017 - 06:37

Сделал, но не помогло.
Основные причины наверно,
1. смещение увеличения картинки в карточки товара в право.
2. У меня в описании товара есть картинка с размерной сеткой, можно ли уменьшать картинку через style.css ? или заменить на таблицу ?
SL-297726

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

  • принт карточки.png


#4 Vaccina

Vaccina

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

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

Отправлено 23 Май 2017 - 07:05

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

Изменения выше я указывала исходя из отображения главной страницы, зайдите пожалуйста в шаблон style.css - найдите:
#header-logo img {
width: 100%;
}

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

Данное изменение будет адаптировать изображения в описании в мобильном отображении, по ширине 100%, а высота пропорционально.

#5 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 23 Май 2017 - 07:27

Есть, описание оптимизировалось. Спасибо.
Укажите пожалуйста еще где подвигать увеличение при наведении на картинку, когда в карточке товара наводишь курсор на картинку оно открывается справа.

SL-297726

Еще раз большое спасибо за оперативность

#6 Vaccina

Vaccina

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

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

Отправлено 23 Май 2017 - 07:56

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}

замените на:
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;left:55px !important;top:0px !important;}

в данной строке изменяйте значения left и top для перемещения блока.

#7 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 23 Май 2017 - 09:03

Все отлично, спасибо большое !!
SL-297726




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

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