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


Изменение Карточки Товара


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

#1 NikolsoN

NikolsoN

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

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

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

Добрый день!
Помогите, пожалуйста, изменить карточку товара.
1. Убрать вкладку общее
2. Блок модификаций поднять и расположить под ценой.
3. Убрать ляп в "Добавить к сравнению"
4. Описание и характеристики расположить под фотографией. Характеристики сделать в один ряд.
5. Условия доставки оставить в этой-же колонке, но сделать раскрывающимся списком.

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

  • Безымянный.jpg


#2 Firefly

Firefly

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

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

Отправлено 13 Июль 2016 - 16:33

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

Добрый день!
Помогите, пожалуйста, изменить карточку товара.
1. Убрать вкладку общее
2. Блок модификаций поднять и расположить под ценой.
3. Убрать ляп в "Добавить к сравнению"
4. Описание и характеристики расположить под фотографией. Характеристики сделать в один ряд.
5. Условия доставки оставить в этой-же колонке, но сделать раскрывающимся списком.

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

#3 NikolsoN

NikolsoN

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

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

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

Добрый день!
Спасибо! Стало намного лучше. А можете сделать шире левый столбец, где теперь описание товара? Соответственно правый столбец, где цена и модификации сдвинется правее.

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Июль 2016 - 10:41

Просмотр сообщенияNikolsoN (14 Июль 2016 - 10:09) писал:

Добрый день!
Спасибо! Стало намного лучше. А можете сделать шире левый столбец, где теперь описание товара? Соответственно правый столбец, где цена и модификации сдвинется правее.

В файле main.css найдите блок
.product-info div .left {
	float: left;
	width: 282px;
}
и замените его на
.product-info div .left {
	float: left;
	width: 400px;
}

Там же найдите блок
.product-info div .left + .right {
	margin-left: 320px;
}
и замените его на
.product-info div .left + .right {
	margin-left: 430px;
}


#5 NikolsoN

NikolsoN

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

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

Отправлено 22 Июль 2016 - 19:22

Спасибо!




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

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