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

[nkzserg]

Доброго влемени суток, нужно сделать вывод товаров в виде такой таблице ссылка Как это можно сделать?

[Vaccina]

сообщите пожалуйста установленную тему, чтобы я могла Вас проконсультировать.

[nkzserg]

СИЯНИЕ

[Vaccina]

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

	  <!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>
	
		  <div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% ELSEIF 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 %}
			</p>

			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <p>
				<input type="hidden" name="hash" value="{HASH}" />
				<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			   </p>
			</form>

		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}
	  <!-- /Список товаров. Список -->

замените на этот:

<!-- Список товаров. Список -->
	  <table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
	   <tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Описание товара</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
	   {% FOR goods %}

	   <tr>
			   <td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px; href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
			   <td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
			   <td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
			   <td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				<p>
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				  <a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
			   </p>
			  </form>
		   </td>
		</tr>
	  {% ENDFOR goods %}
	  </table>
	  <!-- /Список товаров. Список -->

[nkzserg]

Спасибо за внимание. Еще 2 небольших вопроса:



чтобы было так:



КОД вывода товаров:

Цитата

<!-- Список товаров. Список -->
	  <table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
	   <tr >
<td align="center" style="border:1px solid #999; padding:5px;">Фото</td>
<td align="center" style="border:1px solid #999; padding:5px;">Название товара</td>
<td align="center" style="border:1px solid #999; padding:5px;">Описание товара</td>
<td align="center" style="border:1px solid #999; padding:5px;">Стоимость</td>
<td align="center" style="border:1px solid #999; padding:5px;">Купить</td></tr>
	   {% FOR goods %}
	   <tr>

<td align="center" style="border:1px solid #999;padding:5px;"><a href=" СЮДА НАДО ВСТАВИТЬ ССЫЛКУ"><img src="http://nvk-shop.storeland.ru/web/upload/assets/images/36/35997/photo.gif"/></a></td>

<td style="border:1px solid #999;padding:5px;"><p><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></p></td>

<td style="border:1px solid #999;padding:5px;"><p>{goods.DESCRIPTION_SHORT}</p></td>

<td align="center" style="border:1px solid #999;">{goods.MIN_PRICE_NOW | money_format}</td>

<td align="center" style="border:1px solid #999;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				<p>
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				  <a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img src="http://nvk-shop.storeland.ru/web/upload/assets/images/36/35997/knopka%2025х26.gif"/></a>
			   </p>
			  </form>
		   </td>
		</tr>
	  {% ENDFOR goods %}
	  </table>
	  <!-- /Список товаров. Список -->

  
ШАБ СИЯНИЕ

[Vaccina]

Для уменьшения отступа уменьшите значения padding:5px;

Для увеличения изображения можете почитать следующую тему форума http://forum.storela...ndpost__p__4946

там данный вопрос рассматривался для шаблона "Товары"

[Vergus]

Vaccina (16 Январь 2012 - 17:16) писал:

сообщите пожалуйста установленную тему, чтобы я могла Вас проконсультировать.

Скажите, для темы МОККО действия те же? Или код нужен другой?

[HEAT]

Действия идентичные. В итоге получится как у меня (тоже шаблон мокко)

[romatex]

Скрытый текст

появилась подобная идейка изменения вида показа товаров.

когда заходим в подкатегорию сейчас вываливается товар в виде квадратиков по 4 в ряду, вот хотелось бы этот вид поменять такой, как на рисунке.



и желательно чтобы размер был фиксированным, а не подгонялся по содержимому. подскажите как это сделать?

[Vaccina]

Вам уже ответили тут http://forum.storela...dpost__p__18524

[romatex]

Скрытый текст

Vaccina (05 Апрель 2012 - 20:57) писал:

Вам уже ответили тут http://forum.storela...dpost__p__18524

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

[Vaccina]

Вы можете просто использовать предложенный код в той теме - за исключением оформлению т.е обводки. Далее сделать подложку из тегов <div> этим тегам можно задавать закругление. Например закругление углов самой таблицы будет примерно следующим -

<div style="border-radius:8px;background:#ccc;padding:5px;">
 <table>...</table>
</div>

далее можно поступать аналогичным образом. А например те же <td> или <th> уже закруглять напрямую без подложки.

[romatex]

Скрытый текст

у меня нет такого блока в Товарах, который указали выше...

есть только такой....

 <!-- Список товаров -->
<tr>
<td colspan="2">
<div style="border-radius:8px;background:#ccc;padding:5px;">
<table style="padding:0px;margin:0px;">
<tr>

<!-- Если список товаров пуст -->
{% IF goods_empty %}
<td>
<!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
{% IF goods_filters_empty %}

<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
{%IFNOT nested_categories_list_empty %}

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<ul class="content_catalog_nested_categories">
{% FOR nested_categories_list %}
<li>
<div class="withBorder cornerAll" style="padding:1em">
<div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
</div>
</li>
{% ENDFOR %}
</ul>
<br clear="all"/>

<!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
{% ELSE %}
<h3>Нет товаров в категории</h3>
{% ENDIF %}

<!-- Если производили фильтрацию товаров в категории -->
{% ELSE %}
<h3>Нет товаров для выбранных условий</h3>
{% ENDIF %}
</td>

<!-- Если есть товары -->
{% ELSE %}
{% 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_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF 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("4","</tr><tr>","")}
	{% ENDFOR goods %}
	{% ENDIF %}
</tr>
</table>
</div>
</td>
</tr>
<!-- END Список товаров -->

даже если все-таки этот заменяю предложенным выше кодом, блок со слайдером почему-то прыгает с места на место при переходе по страницам...

[Vaccina]

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

[romatex]

Скрытый текст

Vaccina (09 Апрель 2012 - 22:11) писал:

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

Объясните пожалуйста что из кода удалить, что добавить чтобы в итоге получилось как на скрине. сейчас в таблице ни фото, ни краткого описания нет. и ещё какой-то левый столбец пустой.


к тому же при добавление кода

<!-- Список товаров. Список -->
<table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
<tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Описание товара</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
{% FOR goods %}

<tr>
<td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px; href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
<td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
</p>
</form>
</td>
</tr>
{% ENDFOR goods %}
</table>
<!-- /Список товаров. Список -->

пропали подкаталоги....и хиты продаж тоже стали в виде таблицы. Хотелось бы чтобы в видетаблицы выходили только лишь товары в подкаталогах

[Vaccina]

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

У вас сейчас примерно следующий блок

<table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
	   <tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Описание товара</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
	   {% FOR goods %}

	   <tr>
			   <td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px; href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
			   <td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
			   <td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
			   <td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				<p>
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				  <a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
			   </p>
			  </form>
		   </td>
		</tr>
	  {% ENDFOR goods %}
	  </table>

Примерный измененный вид будет следующим

<!-- Список товаров. Список -->
<div style="border-radius:8px;background:#ccc;padding:5px;">
	  <table cellspacing="1" cellpadding="5" width="100%">
	   {% FOR goods %}

	   <tr>
			   <td style="vertical-align: top;border:1px solid #999;padding:2px;"><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></td>
			   <td style="border:1px solid #999;padding:2px;">
				  <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
				  <div>{goods.DESCRIPTION_SHORT}</div>
			   </td>
			   <td style="vertical-align: top;border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
			   <td style="vertical-align: top;border:1px solid #999;padding:2px;font-size:12px;verti">
			   <div class="goodsListItemPriceNew">
				   <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div>
			   <div>
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				<p>
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
				  <a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
			   </p>
			  </form>
			  </div>
		   </td>
		</tr>
	  {% ENDFOR goods %}
	  </table>
</div>
	  <!-- /Список товаров. Список -->

В любом случае необходимо дополнительная стилизация данного блока.

[romatex]

Скрытый текст

извините я ошибься насчет хитов продаж! у меня пропали подкаталоги....как их вернуть? это после вставки данного кода.

а в общем табличка появилась, буду стилизовать) пасиба!

[romatex]

Скрытый текст

у меня почему-то в DIV не корректно обвернулась таблица!!! =((((

и есть ещё пара вопросиков, все показано на скрине.

1) как разместить весь контент в таблице по центру
2) как делать зазор между товарами

[Vaccina]

Пришлите код, чтобы я смогла найти ошибку.
1.дописав td в стили text-align:center;
2.в данном случае изменить это нельзя, так как структура не та. для этого придется переверстывать и менять структуру.  в такой ситуации лучше Вам обратиться к платным услугам так как реализация конечного результата проблематична.

[romatex]

Скрытый текст

Vaccina (11 Апрель 2012 - 22:12) писал:

Пришлите код, чтобы я смогла найти ошибку.

 <!-- Список товаров. Список -->
<div style="border-radius:8px;background:#ccc;padding:5px;">
<table cellspacing="1" cellpadding="5" width="100%">
{% FOR goods %}

<tr>
<td style="vertical-align: top;border:1px solid #999;padding:2px;"><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></td>
<td style="border:1px solid #999;padding:2px;">
<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
<div>{goods.DESCRIPTION_SHORT}</div>
</td>
<td style="vertical-align: top;border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
<td style="vertical-align: top;border:1px solid #999;padding:2px;font-size:12px;verti">
<div class="goodsListItemPriceNew">
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
</p>
</form>
</div>
</td>
</tr>
{% ENDFOR goods %}
</table>
</div>
<!-- /Список товаров. Список -->