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


краткое описание товара в теме Лайт


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

#1 Igork

Igork

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

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

Отправлено 21 Январь 2011 - 12:18

Возможно ли вставить краткое описание товара в теме Лайт, где товары отображаются сеткой? Если да, то как это сделать? Спасибо!

#2 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 21 Январь 2011 - 14:06

Просмотр сообщенияIgork (21 Январь 2011 - 12:18) писал:

Возможно ли вставить краткое описание товара в теме Лайт, где товары отображаются сеткой? Если да, то как это сделать? Спасибо!
Да, конечно же можно, для этого в списке товаров достаточно добавить переменную
{goods.DESCRIPTION_SHORT}
В этом случае код изменится с:
{% FOR goods %}
		  		<td class="goodsListItem">  
				<div class="goodsListItemBlock withBorder cornerAll">
		  			<div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
		  			<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
		  			<div class="goodsListItemPriceNew">
						<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
					  </div>  
					  <div class="goodsListItemPriceOld">
		  			  {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
		  				<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
		  			  {% ENDIF %} 
		  			</div>
				</div>
			  </td>
		  		{goods.index | is_divided("5","</tr><tr>","")}
		  	{% ENDFOR goods %}

На например такой:
					{% FOR goods %}
					  <td class="goodsListItem">  
						<div class="goodsListItemBlock withBorder cornerAll">
		  		  <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
		  		  <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
		  		  <div class="goodsListItemPriceNew">
						<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
					  </div>
						  <p style="padding:0 0 5px 0;">{goods.DESCRIPTION_SHORT}</p>
					  <div class="goodsListItemPriceOld">
		  			{% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
		  			  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
		  			{% ENDIF %} 
		  		  </div>
						</div>
					  </td>
					  {goods.index | is_divided("5","</tr><tr>","")}
					{% ENDFOR goods %}

И поскольку изменится вероятно высота ячеек, то измените их размер посредством изменения стилей, добавив высоты.
В файле main.csstemplate найдите код:
/* Страница категории. ячейки с товаром */
.goodsListItem					  {vertical-align:top;width:200px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:200px;margin:5px;text-align:center;overflow:hidden;}

И замените его например на следующий:
/* Страница категории. ячейки с товаром */
.goodsListItem					  {vertical-align:top;width:230px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:230px;margin:5px;text-align:center;overflow:hidden;}
Здесь я добавил высоты ячейкам на 30 пикселей, с 200 до 230, соответственно если у Вас более длинные описания можете увеличить размер на большее значение.

Результат операции:
light_goods_list.jpg

#3 Igork

Igork

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

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

Отправлено 21 Январь 2011 - 15:50

Спасибо! разобрался.

#4 Igork

Igork

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

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

Отправлено 21 Май 2011 - 22:16

Просмотр сообщенияsupport (21 Январь 2011 - 14:06) писал:

Да, конечно же можно, для этого в списке товаров достаточно добавить переменную
{goods.DESCRIPTION_SHORT}
В этом случае код изменится с:
{% FOR goods %}
		  		<td class="goodsListItem">  
				<div class="goodsListItemBlock withBorder cornerAll">
			  		<div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			  		<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			  		<div class="goodsListItemPriceNew">
						<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			  		</div>  
			  		<div class="goodsListItemPriceOld">
						{% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  		<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
						{% ENDIF %} 
			  		</div>
				</div>
			  </td>
		  		{goods.index | is_divided("5","</tr><tr>","")}
		  	{% ENDFOR goods %}

На например такой:
					{% FOR goods %}
					  <td class="goodsListItem">  
						<div class="goodsListItemBlock withBorder cornerAll">
					<div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
					<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
					<div class="goodsListItemPriceNew">
						<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			  		</div>
						  <p style="padding:0 0 5px 0;">{goods.DESCRIPTION_SHORT}</p>
			  		<div class="goodsListItemPriceOld">
			  		{% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			  		{% ENDIF %} 
					</div>
						</div>
					  </td>
					  {goods.index | is_divided("5","</tr><tr>","")}
					{% ENDFOR goods %}

И поскольку изменится вероятно высота ячеек, то измените их размер посредством изменения стилей, добавив высоты.
В файле main.csstemplate найдите код:
/* Страница категории. ячейки с товаром */
.goodsListItem					  {vertical-align:top;width:200px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock		 		{height:200px;margin:5px;text-align:center;overflow:hidden;}

И замените его например на следующий:
/* Страница категории. ячейки с товаром */
.goodsListItem					  {vertical-align:top;width:230px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock		 		{height:230px;margin:5px;text-align:center;overflow:hidden;}
Здесь я добавил высоты ячейкам на 30 пикселей, с 200 до 230, соответственно если у Вас более длинные описания можете увеличить размер на большее значение.

Результат операции:
Прикрепленный файл light_goods_list.jpg

Да, краткое описание появилось в каталоге товаров и на главной странице, но когда я ввожу в поисковую форму название товара, выдается результат товаров без краткого описание, только его название и цена, куда еще надо добавить переменную  
{goods.DESCRIPTION_SHORT}


#5 Vaccina

Vaccina

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

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

Отправлено 21 Май 2011 - 23:35

Попробуйте посмотреть шаблон "Поиск" он сделан на подобии шаблона "Товары"

#6 Igork

Igork

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

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

Отправлено 22 Май 2011 - 22:00

Отлично  :D, все получилось, спасибо!




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

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