Добрый день !
Хотел бы узнать решение проблемы с горизонтальной прокруткой на шаблоне Осень
Если есть возможность прошу рекомендовать изменения.
SL-297726
0
Оптимизация Мобильной Версии Шаблона Осень
Автор Pavill, 22 мая 2017 21:42
Сообщений в теме: 6
#1
Отправлено 22 Май 2017 - 21:42
#2
Отправлено 23 Май 2017 - 02:46
Здравствуйте.
Для этого зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
после него пропишите:
Далее найдите и удалите:
Для этого зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 23 Май 2017 - 06:37
Сделал, но не помогло.
Основные причины наверно,
1. смещение увеличения картинки в карточки товара в право.
2. У меня в описании товара есть картинка с размерной сеткой, можно ли уменьшать картинку через style.css ? или заменить на таблицу ?
SL-297726
Основные причины наверно,
1. смещение увеличения картинки в карточки товара в право.
2. У меня в описании товара есть картинка с размерной сеткой, можно ли уменьшать картинку через style.css ? или заменить на таблицу ?
SL-297726
#4
Отправлено 23 Май 2017 - 07:05
Здравствуйте.
Изменения выше я указывала исходя из отображения главной страницы, зайдите пожалуйста в шаблон style.css - найдите:
после него пропишите:
Данное изменение будет адаптировать изображения в описании в мобильном отображении, по ширине 100%, а высота пропорционально.
Изменения выше я указывала исходя из отображения главной страницы, зайдите пожалуйста в шаблон style.css - найдите:
#header-logo img { width: 100%; }
после него пропишите:
.htmlDataBlock img { width: 100% !important; height: auto !important; }
Данное изменение будет адаптировать изображения в описании в мобильном отображении, по ширине 100%, а высота пропорционально.
#5
Отправлено 23 Май 2017 - 07:27
Есть, описание оптимизировалось. Спасибо.
Укажите пожалуйста еще где подвигать увеличение при наведении на картинку, когда в карточке товара наводишь курсор на картинку оно открывается справа.
SL-297726
Еще раз большое спасибо за оперативность
Укажите пожалуйста еще где подвигать увеличение при наведении на картинку, когда в карточке товара наводишь курсор на картинку оно открывается справа.
SL-297726
Еще раз большое спасибо за оперативность
#6
Отправлено 23 Май 2017 - 07:56
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
замените на:
в данной строке изменяйте значения left и top для перемещения блока.
.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
Отправлено 23 Май 2017 - 09:03
Все отлично, спасибо большое !!
SL-297726
SL-297726
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных