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


Мобильная Версия Сайта


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

#1 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 25 Июль 2014 - 09:16

Здравствуйте, я так понял мобильная версия сайта не предусмотрена, как хотя бы эту привести в порядок, на мобилах и планшетах просто все разъезжается! Может в код чего добавить? А вообще мобильную версию сложно замутить? (вон у Юкоза только галочку поставить ))

#2 Ирина345

Ирина345

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

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

Отправлено 25 Июль 2014 - 09:31

Просмотр сообщенияmalroz (25 Июль 2014 - 09:16) писал:

Здравствуйте, я так понял мобильная версия сайта не предусмотрена, как хотя бы эту привести в порядок, на мобилах и планшетах просто все разъезжается! Может в код чего добавить? А вообще мобильную версию сложно замутить? (вон у Юкоза только галочку поставить ))
Здравствуйте, шаблон, который Вы используете являеться адаптивным.
Уточните что конкретно у Васразъезжается.

#3 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 25 Июль 2014 - 09:46

Изображение

Изображение

1. Каталог накрывает счетчики (которые в мобильной версии вообще не нужны )), счетчики накрывают копирайт
2. Корзина съехала, полоска поиска съехала, не понятная серая полоса в шапке, на верху картинки пытаются меняться (это тоже в мобильной версии не нужно!)

#4 Vaccina

Vaccina

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

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

Отправлено 26 Июль 2014 - 02:10

1.В style.css найдите:
.infoBox.infoBoxCategory {
	bottom: 0;
	display: block;
	margin: 0 0 0 -5px;
	position: fixed;
	width: 460px;
	z-index: 100;
}
после него вставьте:
.banner {
display:none;
}

2. после того же блока выше напишите:
#search input[type="submit"] {
	height: 40px;
	position: absolute;
	right: 0;
	top: 52px;
}

далее найдите:
.shopping_cart_block {
	right: 0;
	top: 120px;
}
замените на:
.shopping_cart_block {
	right: 0;
	top: 200px;
}
далее найдите:
#search {
	display: block;
	left: 0;
	position: relative;
	top: 120px;
	width: 400px;
}
замените на:
#search {
	display: block;
	left: 0;
	position: relative;
	top: 150px;
	width: 400px;
}
и ниже добавьте:
.camera_wrap {
	display: none;
}


#5 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 26 Июль 2014 - 08:12

.shopping_cart_block {
		right: 0;
		top: 120px;
}
такого не нашел...

#6 MikDark

MikDark

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

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

Отправлено 26 Июль 2014 - 08:20

Просмотр сообщенияmalroz (26 Июль 2014 - 08:12) писал:

.shopping_cart_block {
		right: 0;
		top: 120px;
}
такого не нашел...

Style.css строка 1102

#7 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 26 Июль 2014 - 08:37

спасибо большое, внизу счетчики скрылись, а корзина так и парит выше )... Дело в том что, подстраиваться под каждое разрешение, шаблон должен , по идее, автоматом, а здесь в зависимости от разрешения ни чего такого нет! Я вот iPhone переверну в альбомный вид и сайт совершенно по другому смотрится (уже другие вещи разъезжаются!), имхо спасет только мобильная версия сайта...
Но все равно большое спасибо!!!

#8 MikDark

MikDark

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

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

Отправлено 26 Июль 2014 - 09:27

Просмотр сообщенияmalroz (26 Июль 2014 - 08:37) писал:

спасибо большое, внизу счетчики скрылись, а корзина так и парит выше )... Дело в том что, подстраиваться под каждое разрешение, шаблон должен , по идее, автоматом, а здесь в зависимости от разрешения ни чего такого нет! Я вот iPhone переверну в альбомный вид и сайт совершенно по другому смотрится (уже другие вещи разъезжаются!), имхо спасет только мобильная версия сайта...
Но все равно большое спасибо!!!

В style.css ищем:
.shopping_cart_block {
top: 65px;
}

и меняем на
.shopping_cart_block {
top: 101px;
}

Далее найдите:
#search {
display: block;
position: relative;
float: left;
top: 0;
right: 0;
width: 220px;
}

поменяйте на:
#search {
display: block;
position: relative;
float: left;
top: 0;
right: 0;
width: 220px;
height: 200px;
}
.promo_block {
top: 0px !important;
}

ищем:
.shopping_cart_block {
float: right;
position: relative;
top: 0;
right: 0;
}

и меняем на:
.shopping_cart_block {
float: right;
position: relative;
top: 53px;
right: 0;
}





#9 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 26 Июль 2014 - 10:14

спасибо все вроде бы ок, но стоило повернуть телефон (как я уже писал) в альбомную раскладку, то ошибки опять по вылазили: и счетчики закрытые каталогом и маленько поиск исъехал (красная строчка), вообщем вот скрины:

Изображение

Изображение

#10 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 26 Июль 2014 - 17:42

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

#11 Ирина345

Ирина345

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

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

Отправлено 27 Июль 2014 - 11:06

Просмотр сообщенияigor-repsol (26 Июль 2014 - 17:42) писал:

Подскажите какой код требуется применить, чтоб убрать наезд каталога на копирайт внизу.
Здравствуйте, уточните конкрретнее что Вы имеет ввиду.

#12 igor-repsol

igor-repsol

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

  • Пользователи
  • PipPipPip
  • 152 сообщений
  • ГородОмск

Отправлено 27 Июль 2014 - 14:10

Просмотр сообщенияИрина345 (27 Июль 2014 - 11:06) писал:

Здравствуйте, уточните конкрретнее что Вы имеет ввиду.
Фото не мое но суть вот не видно последних надписей.
Снимок экрана 2014-07-27 в 18.09.39.png

#13 Vaccina

Vaccina

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

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

Отправлено 29 Июль 2014 - 03:38

В style.css найдите:
#copyright {
	clear: both;
	color: #959595;
	font-family: Calibri;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 9px;
	text-align: center !important;
	text-transform: uppercase;
}
замените на:
#copyright {
	clear: both;
	color: #959595;
	font-family: Calibri;
	font-size: 10px;
	line-height: 12px;
	margin: 20px 0 50px;
	padding-bottom: 9px;
	text-align: center !important;
	text-transform: uppercase;
}


#14 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 29 Июль 2014 - 10:44

вот что получилось, в альбомной раскладке на iPhone:

Изображение

каталог на бедлой полосе... а счетчики бы вообще спрятать в мобильной версии (кстати, когда смотришь не альбомной версии, т.е. обыкновенно держишь смартфон, то все хорошо...)

#15 Vaccina

Vaccina

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

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

Отправлено 30 Июль 2014 - 02:30

найдите:
.infoBox.infoBoxCategory .box-heading {
	background-color: #999;
	bottom: 0;
	position: absolute;
	width: 405px;
	z-index: 100;
}
после него вставьте:
.banner {
	display: none;
}

также найдите:
#copyright {
	clear: both;
	color: #959595;
	font-family: Calibri;
	font-size: 10px;
	line-height: 12px;
	margin: 20px 0 50px;
	padding-bottom: 9px;
	text-align: center !important;
	text-transform: uppercase;
}
попробуйте заменить на:
#copyright {
	clear: both;
	color: #959595;
	font-family: Calibri;
	font-size: 10px;
	line-height: 12px;
	padding: 20px 0 50px;
	text-align: center !important;
	text-transform: uppercase;
}


#16 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 30 Июль 2014 - 08:05

спасибо, в подвале все хорошо, но вот в шапке опять все съехало:

Изображение

у поиска полоска вверх ушла, контакты закрывают логотип, обратный звонок вообще не понятно где (

#17 Vaccina

Vaccina

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

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

Отправлено 31 Июль 2014 - 02:44

одовременно в стилях вместе с этой темой случаем ничего не делаете? просто инструкция выше охватывает только подвал сайта, на шапку повлиять изменения не могли.
В стилях находим:
.contacts {
	position: absolute;
	right: 0;
}
меняем на:
.contacts {
	clear: both;
	float: none;
	position: relative;
	right: 0;
}

далее находим:
#search {
	display: block;
	left: 0;
	position: relative;
	top: 150px;
	width: 400px;
}
меняем на:
#search {
	display: block;
	left: 0;
	position: relative;
	top: 10px;
	width: 400px;
}


#18 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 31 Июль 2014 - 09:00

спасибо, с контактами и полоской все хорошо, но корзина опять вверх сместилась ) В css ни чего кроме этого не делаю паралельно...

Изображение

#19 Ирина345

Ирина345

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

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

Отправлено 31 Июль 2014 - 09:05

Просмотр сообщенияmalroz (31 Июль 2014 - 09:00) писал:

спасибо, с контактами и полоской все хорошо, но корзина опять вверх сместилась ) В css ни чего кроме этого не делаю паралельно...

Изображение
Здравствуйте, найдите в style.css на 1103 строке
.shopping_cart_block {right: 0;top: 200px;}
замените на
.shopping_cart_block {right: 0;top: 248px;}


#20 malroz

malroz

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

  • Пользователи
  • PipPipPipPip
  • 311 сообщений
  • ГородЕкатеринбург

Отправлено 31 Июль 2014 - 09:36

огромное спасибо, сейчас вроде бы все хорошо (осталось только на планшете посмотреть ))




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

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