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


Список Товаров Как Таблица


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

#1 ntK8OusY

ntK8OusY

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородПермь

Отправлено 06 Апрель 2014 - 07:49

Добрый день.
1. Задать точную высоту и ширину блока товара, что бы блок не менял размеры, сделать бордюр в 1 пиксель черный, это будет нагляднее.
2. На картинке видно как отображается "короткое описание", куда то уходит и налазит...Прошу сделать так что бы высота блока под короткое имя было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
Список товара как таблица.png
3. Тоже самое с "Названием товара".Прошу сделать так что бы высота блока под "Название товара" было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
4. Задать для картинки размеры по ширине и высоте, а саму картинку товара масштабировать до указанных размеров сохраняя пропорции и выровнять ценр-центр. Картинка не должна быть обрезанной.


На картинке я уже частично пытался сделать то что написал в задании.....но инфу собирал по кускам......сейчас хочу получить полный ответ по всем пунктам в одном месте.

#2 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 08 Апрель 2014 - 07:04

Просмотр сообщенияntK8OusY (06 Апрель 2014 - 07:49) писал:

Добрый день.
1. Задать точную высоту и ширину блока товара, что бы блок не менял размеры, сделать бордюр в 1 пиксель черный, это будет нагляднее.
2. На картинке видно как отображается "короткое описание", куда то уходит и налазит...Прошу сделать так что бы высота блока под короткое имя было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
Прикрепленный файл Список товара как таблица.png
3. Тоже самое с "Названием товара".Прошу сделать так что бы высота блока под "Название товара" было постоянным в 3 строки, остальное что не влазит скрыть. Выровнять вверх-влево. Шрифт сделать крупнее.
4. Задать для картинки размеры по ширине и высоте, а саму картинку товара масштабировать до указанных размеров сохраняя пропорции и выровнять ценр-центр. Картинка не должна быть обрезанной.


На картинке я уже частично пытался сделать то что написал в задании.....но инфу собирал по кускам......сейчас хочу получить полный ответ по всем пунктам в одном месте.

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

1. Определенные размеры блока товара и граница

В файле "main.css".
Найти:
.goodstable, .related_goodstable {
width: 225px;
margin: 1% 0.2% 0% 0.8%;
float: none;
vertical-align: top;
display: inline-block;
clear: both;
min-height: 250px;
zoom: 1;
}

Добавляем параметр границы   border: 1px solid #000;
width: 225px;  ширина блока
min-height: 250px;  минимальная высота, можно изменить на определенную height: 250px;

2. Ограничение вывода короткого описания

Блок ограничивающий вывод короткого описания
В файле "main.css".
Найти:
.goodstable .maingoodstable .text {
height: 30px;
}

Заменить:
.goodstable .maingoodstable .text {
height: 27px;
}

В файле "main.css".
Найти:
.goodstable .maingoodstable .text {
background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat;
color: #7f7f7f;
padding: 0 1% 8% 0;
line-height: 14px;
overflow: hidden;
display: block;
}

Заменить:
.goodstable .maingoodstable .text {
background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat;
color: #7f7f7f;
padding: 0 1% 0% 0;
line-height: 14px;
overflow: hidden;
display: block;
}

Если Вы хотите увеличить шрифт короткого описания то добавьте параметр font-size:14px; в данный блок. При изменении размеров шрифта необходимо будет регулировать высоту блока короткого описания.

3. У вас это уже реализовано в данном блоке
.goodstable .title a {
display: block;
height: 50px;
}


4. Уточните пожалуйста на каком товаре у вас урезанные картинки




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

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