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


Как Поменять Полное Описание Товара На Краткое?


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

#1 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 10 Декабрь 2014 - 21:41

Добрый день! При показе товара "списком" отображается полное описание товара, из-за него съезжают кнопки "заказать". Подскажите, пожалуйста, как заменить полное описание на краткое? (которое в админке сразу под названием).
сайт - nordpeak.ru

Заметила ещё одну проблему - в карточке товара криво отображаются фото превьюшек. Почему-то их растягивает на три строки, хотя они легко поместились бы в две.

Сообщение отредактировал ElenLitvin: 10 Декабрь 2014 - 21:43


#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 710 сообщений

Отправлено 11 Декабрь 2014 - 00:59

1. В шаблоне Товары найдите:
{% IF goods.DESCRIPTION_LARGE %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_LARGE}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
замените на:
{% IF goods.DESCRIPTION_SHORT %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_SHORT}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}

2.В шаблоне style.css найдите:
figure ul li {
width: 9.7087379%;
float: left;
margin: 0 1%;
}
замените на:
figure ul li {
width: 9.7087379%;
height: 100px;
float: left;
margin: 0 1%;
}


#3 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 11 Декабрь 2014 - 13:06

Просмотр сообщенияVaccina (11 Декабрь 2014 - 00:59) писал:

1. В шаблоне Товары найдите:
 {% IF goods.DESCRIPTION_LARGE %}

{goods.DESCRIPTION_LARGE} [url="{goods.URL%20|%20url_amp}"]узнать больше...[/url]
{% ENDIF %} 
замените на:
 {% IF goods.DESCRIPTION_SHORT %}

{goods.DESCRIPTION_SHORT} [url="{goods.URL%20|%20url_amp}"]узнать больше...[/url]
{% ENDIF %} 
2.В шаблоне style.css найдите:
 figure ul li { width: 9.7087379%; float: left; margin: 0 1%; } 
замените на:
 figure ul li { width: 9.7087379%; height: 100px; float: left; margin: 0 1%; } 

Огромное спасибо! Помогло!
Ещё один вопрос возник, не подскажите как в карточке товара установить фиксированную высоту для поля с главной фоткой? Чтобы если фото большего или меньшего размера, чем предыдущее, поле не прыгало, а резало (если фотка больше) или помещало по центру (если меньше) фотографии?


Только сейчас заметила, что при открытии отдельного окна с фотографией (по-моему этой называется fancybox) под кнопкой закрыть есть половинка ещё какой-то кнопки, как бы мне её убрать?

Сообщение отредактировал ElenLitvin: 11 Декабрь 2014 - 13:18


#4 Ирина345

Ирина345

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

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

Отправлено 11 Декабрь 2014 - 13:09

Просмотр сообщенияElenLitvin (11 Декабрь 2014 - 13:06) писал:

Огромное спасибо! Помогло!
Ещё один вопрос возник, не подскажите как в карточке товара установить фиксированную высоту для поля с главной фоткой? Чтобы если фото большего или меньшего размера, чем предыдущее, поле не прыгало, а резало (если фотка больше) или помещало по центру (если меньше) фотографии?
Здравствуйте, попробуйте такой вариант найдите в style.css

figure.main-image div img {
display: inline-block;
vertical-align: middle;
}
замените на



figure.main-image div img {
display: inline-block;
vertical-align: middle;
height: 500px;
}



#5 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 11 Декабрь 2014 - 13:20

Просмотр сообщенияИрина345 (11 Декабрь 2014 - 13:09) писал:

Здравствуйте, попробуйте такой вариант найдите в style.css

figure.main-image div img {
display: inline-block;
vertical-align: middle;
}
замените на



figure.main-image div img {
display: inline-block;
vertical-align: middle;
height: 500px;
}


Попробовала, сайт растягивает маленькую фотку на высоту 500px, как сделать так, чтобы он не растягивал, а помещал по центру?

#6 Ирина345

Ирина345

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

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

Отправлено 11 Декабрь 2014 - 14:31

Просмотр сообщенияElenLitvin (11 Декабрь 2014 - 13:20) писал:

Попробовала, сайт растягивает маленькую фотку на высоту 500px, как сделать так, чтобы он не растягивал, а помещал по центру?
Не могли бы вы уточнить где именно  и как хотите расположить картинку.

#7 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 11 Декабрь 2014 - 14:57

Ну вот например карточка товара - http://nordpeak.ru/g...MTdm#show_tab_1
У первых двух фото высота 500 пикселей, а у третьего 341 пиксель. Я бы хотела, чтобы поле под фото оставалось высотой 500 пикселей, а при наведении на третье фото картинка помещалась по середине (то есть 79,5 пикселей пустого места, 341 пиксель - картинка и ещё 79,5 пикселей пустого места).
Также вопрос про fancybox ещё в силе: под кнопкой закрыть есть половинка ещё какой-то кнопки, как бы мне её убрать?

#8 Ирина345

Ирина345

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

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

Отправлено 11 Декабрь 2014 - 15:20

Просмотр сообщенияElenLitvin (11 Декабрь 2014 - 14:57) писал:

Ну вот например карточка товара - http://nordpeak.ru/g...MTdm#show_tab_1
У первых двух фото высота 500 пикселей, а у третьего 341 пиксель. Я бы хотела, чтобы поле под фото оставалось высотой 500 пикселей, а при наведении на третье фото картинка помещалась по середине (то есть 79,5 пикселей пустого места, 341 пиксель - картинка и ещё 79,5 пикселей пустого места).
Также вопрос про fancybox ещё в силе: под кнопкой закрыть есть половинка ещё какой-то кнопки, как бы мне её убрать?
если вы говорите про изображения во всплывающем окне, то высота данного блока зависит от самого изображения.
по поводу кнопки
добавьте в конец файла style.css
.fancybox-close {
height: 21px;
}


#9 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 11 Декабрь 2014 - 16:10

Просмотр сообщенияИрина345 (11 Декабрь 2014 - 15:20) писал:

если вы говорите про изображения во всплывающем окне, то высота данного блока зависит от самого изображения.
по поводу кнопки
добавьте в конец файла style.css
.fancybox-close {
height: 21px;
}

Спасибо!
Нет, я говорю не о всплывающем окне, а о поле, на котором отображается главное фото при открытии карточки товара.

#10 Ирина345

Ирина345

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

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

Отправлено 11 Декабрь 2014 - 16:20

Просмотр сообщенияElenLitvin (11 Декабрь 2014 - 16:10) писал:

Спасибо!
Нет, я говорю не о всплывающем окне, а о поле, на котором отображается главное фото при открытии карточки товара.
уточните пожалуйста на скриншоте

#11 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 11 Декабрь 2014 - 18:46

Просмотр сообщенияИрина345 (11 Декабрь 2014 - 16:20) писал:

уточните пожалуйста на скриншоте

Я говорю вот об этом поле. Где фотка мужика в шапке. Сейчас эта фотография растянута, потому что я применила код, указанный выше, но вообще эта фотография имеет высоту 341 пиксель, а я хочу, чтобы высота поля была 500 пикселей, а высота фотки такая, какая есть в действительности (то есть 341 пиксель)

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

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


#12 Vaccina

Vaccina

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

  • Модераторы
  • 23 710 сообщений

Отправлено 12 Декабрь 2014 - 00:40

figure.main-image div img {
display: inline-block;
height: 500px;
vertical-align: middle;
}
замените на:
figure.main-image div img {
display: inline-block;
vertical-align: middle;
}

далее найдите:
figure.main-image div {
background: #eff7f9;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
замените на:
figure.main-image div {
background: #eff7f9;
height: 500px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
display: table;
}

figure.main-image div a {
	display: table-cell;
	height: 500px;
	vertical-align: middle;
}


#13 ElenLitvin

ElenLitvin

    Пользователь

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

Отправлено 13 Декабрь 2014 - 12:39

Просмотр сообщенияVaccina (12 Декабрь 2014 - 00:40) писал:

figure.main-image div img {
display: inline-block;
height: 500px;
vertical-align: middle;
}
замените на:
figure.main-image div img {
display: inline-block;
vertical-align: middle;
}

далее найдите:
figure.main-image div {
background: #eff7f9;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
замените на:
figure.main-image div {
background: #eff7f9;
height: 500px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
display: table;
}

figure.main-image div a {
	display: table-cell;
	height: 500px;
	vertical-align: middle;
}

Добрый день! Проблему с маленькими фотографиями это решило. Но! Теперь те фотографии, высота которых была 500 px стали как-то странно отображаться. Посмотрите сами:
http://nordpeak.ru/g...MTdm#show_tab_1
первые две фотки, над ними почему-то пустое поле.

Проблема решена.

Сообщение отредактировал ElenLitvin: 13 Декабрь 2014 - 12:47





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

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