Сообщений в теме: 27

[Grownchild]

Добрый день,

Помогите настроить вид в мобильной версии,
Спасибо

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

• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.logo {width:100%; float:none;}
.logo img {margin: 0 auto;display: block;}

замените на:

.header-left {
width: 66%;
float: left;
display: block;
}
.logo {width: 49%; float:left;}
.logo .logo {width:100%;}
.logo img {margin: 0 auto;display: block;}
#producttabs .pdt-nav {
	display: none;
}

далее найдите:

.form-search {
padding: 0;
float: left;
width: 100%;
}

замените на:

.form-search {
padding: 0;
float: left;
width: 100%;
display: none;
}

[Grownchild]

Наверно из-да того что мы еще дорабатывали верхнее меню создается впечатление, что совсем ничего не поменялось(

1.Верхнее меню по прежнему не один ровный ряд.
2. Кнопки с текстом (товары на главной) и (хиты продаж) по прежнему отображены на странице.
3. Отображение товаров на главной по прежнему по одной большой картинке товара, а не по две в ряд.
4. Как только добавляется товар в корзину и начинает отображаться цена, то появляется горизонтальный скролинг.

[Danil]

Grownchild (21 Апрель 2017 - 08:19) писал:

Наверно из-да того что мы еще дорабатывали верхнее меню создается впечатление, что совсем ничего не поменялось(

1.Верхнее меню по прежнему не один ровный ряд.
2. Кнопки с текстом (товары на главной) и (хиты продаж) по прежнему отображены на странице.
3. Отображение товаров на главной по прежнему по одной большой картинке товара, а не по две в ряд.
4. Как только добавляется товар в корзину и начинает отображаться цена, то появляется горизонтальный скролинг.

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

[Grownchild]

1.ok
2.ok
3. Товары отображается по одной позиции на всю ширину экрана. А нужно чтобы было две колонки и отображалось два товара в ряд.
4.ok

[Danil]

Grownchild (21 Апрель 2017 - 10:21) писал:

1.ok
2.ok
3. Товары отображается по одной позиции на всю ширину экрана. А нужно чтобы было две колонки и отображалось два товара в ряд.
4.ok

3) Изменения Вам произвел, проверьте.

[Grownchild]

Последние три момента
1. сделать выводимую ячейку отображения фото товара не прямоугольной, а квадратной.
2. сделать шрифт названия товара на один кегль меньше
x. такое ощущение что опять горизонтальная прокрутка появилась из-за смещения суммы в корзине.

[Stasya]

Grownchild (21 Апрель 2017 - 10:51) писал:

Последние три момента
1. сделать выводимую ячейку отображения фото товара не прямоугольной, а квадратной.
2. сделать шрифт названия товара на один кегль меньше
x. такое ощущение что опять горизонтальная прокрутка появилась из-за смещения суммы в корзине.

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

[Grownchild]

А теперь опять все крупно и есть прокрутка( ничего не понимаю.

[Stasya]

Grownchild (21 Апрель 2017 - 15:09) писал:

А теперь опять все крупно и есть прокрутка( ничего не понимаю.

Скажите, пожалуйста, Вы восстанавливали бекап? Или возможно во время моих изменений у Вас был открыт файл main.css и Вы сохраняли его?

[Grownchild]

Да, файл был открыт((
Сейчас закрыл

[Grownchild]

Посмотрите еще раз, а?)

Там все так же горизонтальная прокрутка из-за корзины и значки товаров большие в один ряд.
Спасибо

[Stasya]

Grownchild (21 Апрель 2017 - 21:36) писал:

Посмотрите еще раз, а?)

Там все так же горизонтальная прокрутка из-за корзины и значки товаров большие в один ряд.
Спасибо

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

[Grownchild]

Да, теперь как и нужно по два товара в ряд.
А горизонтальную прокрутку из-за цены в корзине сможете поправить?

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.cart-title .cart-sum {
	background: #f7c922;
	color: #fff;
	line-height: 22px;
	padding: 0 7px;
	font-size: 12px;
	position: absolute;
	width: 53px;
	top: 18px;
	border-radius: 13px;
}

замените на:

.cart-title .cart-sum {
	background: #f7c922;
	color: #fff;
	line-height: 22px;
	padding: 0 7px;
	font-size: 12px;
	position: absolute;
	width: 53px;
	top: 18px;
	border-radius: 13px;
	right: 0;
}

[Grownchild]

Спасибо, все получилось!

А по мобильной версии еще можете подсказать? При отображении товаров которых нет в наличии, текст не умещается в отведенной место. Что можно сделать?

[Danil]

Grownchild (25 Апрель 2017 - 16:39) писал:

Спасибо, все получилось!

А по мобильной версии еще можете подсказать? При отображении товаров которых нет в наличии, текст не умещается в отведенной место. Что можно сделать?

Здравствуйте.
Для всей надписи слишком мало места. Возможно стоит убрать текст "Наличие товара:" и оставить "В наличии"/"Товара нет в наличии"?

[Grownchild]

Подвал сломался, не пойму почему(((

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

• 

[Grownchild]

По отображению товаров по две штуки в вертикальном положении телефона все работает отчлино,
но если телефон повернуть горизонтально, то только первые два товара по 2 на строке, а остальные так же по одному.

И может быть такое, что из-за внесенных корректировок нижнее меню в десктоп версии стало отображаться не корректно, то есть столбцами.

[Firefly]

Grownchild (25 Апрель 2017 - 18:16) писал:

По отображению товаров по две штуки в вертикальном положении телефона все работает отчлино,
но если телефон повернуть горизонтально, то только первые два товара по 2 на строке, а остальные так же по одному.

И может быть такое, что из-за внесенных корректировок нижнее меню в десктоп версии стало отображаться не корректно, то есть столбцами.

Здравствуйте.
Внес Вам правки. Проверьте, пожалуйста.