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


просьба по каталогу товаров


  • Закрытая тема Тема закрыта
Сообщений в теме: 61

#1 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 20 Январь 2011 - 16:22

Добрый день!
Огромная просьба. не могу разобраться, читала на форумах, но...
мне нужно, чтобы товары в каталоге в шаблоне "Сияние" выводились по 2 штуки в ряд или оставить так же в одну лентой,но сразу была кнопка в корзину и подробнее, и есть ли этот товар в наличии. Чтобы сразу клиент мог видеть картинку, есть товар или нет, и положить его в корзину, а кому надо посмотрят подробнее. Просто многим это не нужно и они готовы сразу положить товар в корзину. А так для них слишком много телодвижений. Клиенты это не любят.
примерно так http://www.eldorado.ru/cat/1551531/

#2 support

support

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

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

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

Просмотр сообщенияMariG (20 Январь 2011 - 16:22) писал:

Добрый день!
Огромная просьба. не могу разобраться, читала на форумах, но...
мне нужно, чтобы товары в каталоге в шаблоне "Сияние" выводились по 2 штуки в ряд или оставить так же в одну лентой,но сразу была кнопка в корзину и подробнее, и есть ли этот товар в наличии. Чтобы сразу клиент мог видеть картинку, есть товар или нет, и положить его в корзину, а кому надо посмотрят подробнее. Просто многим это не нужно и они готовы сразу положить товар в корзину. А так для них слишком много телодвижений. Клиенты это не любят.
примерно так http://www.eldorado.ru/cat/1551531/
Можно естественно совместить отображение списка товаров, чтобы они отображались в 2 ряда и с кнопками купить.
Код кнопки "В корзину" не сложен, и добавляется в списке товаров по разному для различных форматов данных.

для выдачи отдельно каждой модификации товара

Кнопка "В корзину"
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post">
			  <div>
				<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.mods.ID}" />
				<input type="submit" value="В корзину" />
			  </div>
			</form>
Эта форма должна располагаться в массивах goods и mods.

Наличие
Информация по наличию содержится так же в массиве модификаций mods в переменной {goods.mods.REST_VALUE}.
Используется примерно так:
{goods.mods.REST_VALUE}&nbsp;{goods.mods.MEASURE_NAME}
Результат:
2 шт.

Код выдачи товаров в виде таблицы был здесь:
http://forum.storela...indpost__p__998


В случае выдачи списка товаров без модификаций

Кнопка "В корзину"
Обычно в этом случае используется кнопка самой низкой цены. Код добавления самой дешёвой модификации товара в корзину будет выглядеть так:
			<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post">
			  <div>
				<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}" />
				<input type="submit" value="В корзину" />
			  </div>
			</form>
Если нужна кнопка добавления самой дорогой модификации, то переменная вместо
{goods.MIN_PRICE_NOW_ID}
будет
{goods.MAX_PRICE_NOW_ID}
.

Наличие
Информацию по наличию для самой дешёвой модификации товара в списке товаров выдаётся вот этой переменной:
{goods.MIN_REST_VALUE}
, для самой дорогой модификации соответственно
{goods.MAX_REST_VALUE}


#3 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 20 Январь 2011 - 23:26

кнопка в корзину выводится, но она не функционирует тогда правильно, она выводит на пустую страницу, и в корзину ничего не попадает.
А вы не можете помочь сделать, пожалуйста? Я лично, не могу разобраться.
мне нужно просто, чтобы было:  в корзину, подробнее (как оно и есть), и товар есть в наличии или товара нет в наличии. И все
Заранее спасибо.

#4 support

support

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

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

Отправлено 20 Январь 2011 - 23:40

Просмотр сообщенияMariG (20 Январь 2011 - 23:26) писал:

кнопка в корзину выводится, но она не функционирует тогда правильно, она выводит на пустую страницу, и в корзину ничего не попадает.
А вы не можете помочь сделать, пожалуйста? Я лично, не могу разобраться.
мне нужно просто, чтобы было:  в корзину, подробнее (как оно и есть), и товар есть в наличии или товара нет в наличии. И все
Заранее спасибо.
Есть вариант разместить всю форму в формате ссылки, я думаю этот вариант будет проще... Для этого в списке товаров просто добавляем ссылку:
<a class="readmore" 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="Добавить в корзину">В корзину</a>

Вместо старого кода:
<!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}"><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}">{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_OLD>goods.MIN_PRICE_NOW %}
				Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			  {% ENDIF %}
			</p>
			<p>	 
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>
		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}


получится вот такой:
<!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}"><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}">{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_OLD>goods.MIN_PRICE_NOW %}
				Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			  {% ENDIF %}
			</p>
			<p>
			  <a class="readmore" 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="Добавить в корзину">В корзину</a><br />
					  
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>
		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}

Вот результат операции:
shine_product_list_item.jpg

#5 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

Спасибо. получилось! Ура!
а наличие, есть в наличии или нет

#6 support

support

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

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

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

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

Спасибо. получилось! Ура!
а наличие, есть в наличии или нет
точно :)

Там по аналогии, вставкой кода:
{% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %}

Итоговый код получается такой:
	  <!-- Список товаров. Список -->
	  {% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}"><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}">{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_OLD>goods.MIN_PRICE_NOW %}
				Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			  {% ENDIF %}
			</p>
			<p>
			  {% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %}
			</p>
			<p>  
			  <a class="readmore" 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="Добавить в корзину">В корзину</a><br />
					  
			  <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			</p>
		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}
	  <!-- /Список товаров. Список -->

Результат такой:
shine_goods_list_available.jpg

#7 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 25 Январь 2011 - 11:54

Добрый день!
Сделала, чтобы товар показывался либо "Таблица", либо "Список", но когда на сайте, когда стоит режим "таблица", то очень странно выводится, очень маленькие картинки. Пробовала менять в основных настройках размер изображения с 20 на 185, как на другом сайте (просто еще один сайт у Вас открыли), но у меня тогда вообще исчезает либо сайт, либо товар. Посмотрите, что ч этим можно сделать.
Вот ссылка http://3grushki.ru/c...g/Квадроциклы-1

#8 support

support

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

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

Отправлено 25 Январь 2011 - 13:03

Для того чтобы изображения были больше надо изменить в настройках размер "Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений" с 20 пикселей, хотя бы на 185 пикселей и изображения станут больше. Они пропадут не на долго, может на пару минут, пока сервер будет изменять размеры для всех ваших фотографий, он это делает в фоновом режиме, Вы можете ходить по сайту, товары будут постепенно появляться в каталоге товаров, карточки товаров сразу же будут доступны покупателям.

#9 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 25 Январь 2011 - 16:27

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

#10 support

support

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

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

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

Самый лучший вариант с размерами картинок - закачивать изначально их одного размера или хотя бы формата, например 3 на 4. Если такой возможности нет, то можно воспользоваться таблицей, которая отцентрует ваше изображение по вертикали и горизонали, например как маленькие изображения здесь:
http://mir-sigaret.r...x&mod_id=416344

Вот код для одной такой фотографии:

<table style="width:100;height:100px;"> 
   <tr>
	<td style="border:1px solid #cccccc;vertical-align:middle;text-align:center;"> 
	  <a href="#" title="{goods.NAME}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a>
	</td>
  </tr>
</table>

Здесь картинка будет отцентрована по вертикали и горизонтали. Используется в случае использования квадратного блока изображений.

В случае когда есть возможность закачивать вообще что угодно, но изображение должно быть горизональным или вертикальным, требуется отрезать лишнюю часть по горизонтали и вертикали. Это особенно удачно смотрится, на сайтах с большим количеством визуального контента и когда он не прыгает это особенно выгодно смотрится, пример такого сайта: http://www.drive2.ru/
- все картинки урезаны, правда не html методами, а на уровне сервера, у нас же такой возможности нет, поэтому будем урезать изображения средствами html.
Сделаем это на примере ссылки у которой фоном укажем изображение. Для этого укажем у этой ссылки формат отображения - блок, строгие размеры по ширине и высоте и вставим фоновый рисунок, который будет отцентрован строго по центру, а лишние края не будут отображаться. Результат получится примерно как здесь:
http://silvialingerie.kz/

Вот код:
 <a 
   href="{goods.URL}"
   title="{goods.NAME}"
   style="display: block;height: 260px;width: 197px;background:url('{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center;"
 ></a>

У этой ссылки указаны следующие параметры:

Размеры по ширине:
width: 197px;
По высоте:
height: 260px;
Стиль отображения - блок, чтобы случайно не ужималось ничего:
display: block;
Фоновое изображение, которое находится строго по центру:
background:url('{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center;"

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

#11 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

я не про картинки с ними все понятно, я про ячейки.
Просто сайт, который новый зарегистрировали, у Вас там, все нормально и автоматически, какую картинку не влей, ячейки остаются одного размера, не смотря на то, что картинки в них разного размера
вот ссылка
http://volt-el.store...og/Cерия-Suno-1

а у меня  ячейки прыгают
http://3grushki.ru/catalog/BanBao-1

#12 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 25 Январь 2011 - 23:20

СПАСИБО, все сделала.
отдельное спасибо за Ваше терпение, нам неграмотным все разъяснять

#13 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 25 Январь 2011 - 23:41

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

#14 support

support

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

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

Отправлено 26 Январь 2011 - 00:41

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

Могли бы Вы на примере показать что требуется сделать?

#15 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 26 Январь 2011 - 09:53

даю ссылку
например, так у меня на сайте только поставьте в режиме таблицы
http://3grushki.ru/c...log/Авторалли-1
все ячейки с товарами разных размеров и все смещено

а вот , как хочется
http://volt-el.store...og/Cерия-Suno-1

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

#16 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

Так все я запуталась окончательно. Я тут этих кодов понавставляла и понакрутила по- разному, потратила кучу времени копаясь в них, хотя я в них не разбираюсь. И считаю, что не могут все в этом разбираться.
теперь возникла, еще одна проблема.
Не могу объединить два кода.
Вообщем нужно, чтобы в коде Товары было следующее, чтобы каталог товаров показывал картинки категорий , а не товар целиком списком.Как обсуждалось в топике http://forum.storela...p__727#entry727
И чтобы было все остальное , что Вы мне писали Выше 1) чтобы в списке товаров была, кнопка подробнее , в корзину, и есть в наличии или нет. И чтобы можно было делать вид страницы Табличный вариант  (2 -3 позиции в строке ) и списком.
Пыталась сделать все сама, но добавляя один элемент, у меня все исчезает, я понимаю, что я где-то забываю вставить какие-то операнды или не там вставляю.
Но не могу. Помогите, пожалуйста. Ну, и соответственно, остается проблема, представления товара в табличном варианте. то что ячейки неравномерные.
Заранее очень Вам благодарна.

#17 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

Отправлено 26 Январь 2011 - 17:37

Это опять я.  :rolleyes:
у меня стало что-то непонятное происходить, когда нажать на каталог товаров? почему? я вроде ничего не делала больше. Если нажать на каталог каталог товаров в боковом меню, то боковое меню исчезнет, а товары в два столбца расползаются по всему экрану. Help. Заранее спасибо.

#18 support

support

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

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

Отправлено 26 Январь 2011 - 17:37

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

Так все я запуталась окончательно. Я тут этих кодов понавставляла и понакрутила по- разному, потратила кучу времени копаясь в них, хотя я в них не разбираюсь. И считаю, что не могут все в этом разбираться.
теперь возникла, еще одна проблема.
Не могу объединить два кода.
Вообщем нужно, чтобы в коде Товары было следующее, чтобы каталог товаров показывал картинки категорий , а не товар целиком списком.Как обсуждалось в топике http://forum.storela...p__727#entry727
И чтобы было все остальное , что Вы мне писали Выше 1) чтобы в списке товаров была, кнопка подробнее , в корзину, и есть в наличии или нет. И чтобы можно было делать вид страницы Табличный вариант  (2 -3 позиции в строке ) и списком.
Пыталась сделать все сама, но добавляя один элемент, у меня все исчезает, я понимаю, что я где-то забываю вставить какие-то операнды или не там вставляю.
Но не могу. Помогите, пожалуйста. Ну, и соответственно, остается проблема, представления товара в табличном варианте. то что ячейки неравномерные.
Заранее очень Вам благодарна.

Совмещаем:
  • Отображение в каталоге товаров только категорий, без товаров
  • Кнопку купить при отображении товаров списком
  • Возможно менять вид с вариантов "список" на "таблицу" и обратно. По умолчанию отображаем списком.

Совмещённый вариант кода, шаблон "товары" целиком.

<div class="page-headline">
  <h1>{CATEGORY_NAME}</h1>
</div>

<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> 
	  
	  <!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
		 » <span class="current">Каталог товаров</span>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %}
		» <a href="{CATALOG_URL}" >Каталог товаров</a> 
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
	  
	</p>
  </div>
  <!-- end Строка пути -->

  {% IF IS_FULL_CATALOG %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<ul class="content_catalog_nested_categories">
	  {% FOR nested_categories_list %}
		<li>
		  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		  <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
		</li>
	  {% ENDFOR %}
	</ul>
	<br clear="all"/>
  {% ELSE %}
  
	<!-- Короткое SEO описание категории -->
	{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
	  <div style="padding-bottom:1em;">{CATEGORY_SEO_DESCRIPTION_SHORT}</div>
	{% ENDIF %}
  
	<!-- Фильтры показываются только если есть товары в категории -->
	{% IFNOT goods_empty %}
	  <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
	  <form action="">
		<table class="goodsListingTopNavigation">
		  <tr>
			<td>
			  <!-- Список фильтров, которые сейчас действуют на результаты поиска -->
			  {% FOR goods_filters %}
				<input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
			  {% ENDFOR %}
		  
			  <!-- Поле выбора сортировки -->
			  {% IF goods_show_order_fields %}
				Сортировать по:
				<select name="goods_search_field_id" onchange="this.form.submit();">
				  {% FOR goods_order_fields %}
					<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
				  {% ENDFOR %}
				</select>
			  {% ENDIF %}
			</td>
			<td class="alignCenter viewSelector">
			  <!-- Переключатель режима просмотра -->
			  {% IF GOODS_VIEW_TYPE=2 %}
				<strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong> 
				<a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
			  {% ELSE %}
				<a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a> 
				<strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
			  {% ENDIF %}
			  <!-- /Переключатель режима просмотра -->
			</td>
			<td class="alignRight">
			  <!-- Поле выбора лимитов -->
			  {% IF goods_show_per_page %}
				Показывать по:
				<select name="per_page" onchange="this.form.submit();">
				  {% FOR goods_per_page_list %}
					<option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
				  {% ENDFOR %}
				</select>
			  {% ENDIF %}
			</td>
		  </tr>
		</table>
	  </form>
	  <!-- END Блок выбора параметра по которому производится сортировка списка товаров -->
	{% ENDIF %}
	<!-- END Фильтры показываются только если есть товары в категории -->
	
	<!-- Goods list -->
	{% IF goods_empty %}
  
	  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
	  {% IF goods_filters_empty %}
	   
		<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
		{%IFNOT nested_categories_list_empty %}
  
		  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
		  <ul class="content_catalog_nested_categories">
			{% FOR nested_categories_list %}
			  <li>
				<div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
				<a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
			  </li>
			{% ENDFOR %}
		  </ul>
		  <br clear="all"/>
		  
		<!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
		{% ELSE %}
		 <h3>Нет товаров в категории</h3>
		{% ENDIF %}
  
	  <!-- Если производили фильтрацию товаров в категории -->
	  {% ELSE %}
		<h3>Нет товаров для выбранных условий</h3>
	  {% ENDIF %}
  
	{% ELSE %}
	  {% IF GOODS_VIEW_TYPE=1 %}
		<!-- Список товаров. Список -->
		{% FOR goods %}
		  <div class="listing">
			<div class="imagem"><a href="{goods.URL}"><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}">{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_OLD>goods.MIN_PRICE_NOW %}
				  Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				{% ENDIF %}
			  </p>
			  <p>
				{% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %}
			  </p>
			  <p>  
				<a class="readmore" 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="Добавить в корзину">В корзину</a><br />
						
				<a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
			  </p>
			</div>
			<div class="clr"></div>
		  </div>
		{% ENDFOR goods %}
		<!-- /Список товаров. Список -->
	  {% ELSE %}
		<!-- Список товаров. Таблица -->
		<table>
		  {% FOR goods %}
			<td class="goodsListItem">  
			  <div class="goodsListItemBlock withBorder cornerAll">
				<table class="goodsListItemImage">
				  <tr>
					<td>
					  <a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
					</td>
				  </tr>
				</table>
				
				<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("3","</tr><tr>","")}
		  {% ENDFOR goods %}
		</table>
	  <!-- /Список товаров. Таблица -->
	  {% ENDIF %}
	{% ENDIF %}	   
	<!-- end Goods list -->
	
	<!-- Pages -->
	{% IF show_pages %}
	<div class="pagination">
	  <span class="pp-title">Страницы:</span>
	  {% FOR goods_pages %}
		{% IF goods_pages.CURRENT %}
		  <span class="pp-page pp-current">{goods_pages.PAGE}</span>
		{% ELSE %}
		  <a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		{% ENDIF %}
	  {% ENDFOR %}
	</div>
	{% ENDIF %}
	<!-- end Pages -->
  
	<!-- Описание категории -->
	{% IF CATEGORY_DESCRIPTION %}
	  <div>
		{CATEGORY_DESCRIPTION}
	  </div>
	{% ENDIF %}
  
	<!-- Полное SEO описание категории -->
	{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
	  <div>
		{CATEGORY_SEO_DESCRIPTION_LARGE}
	  </div>
	{% ENDIF %}
  {% ENDIF %}
  
</div>

P.S. Не забываем изменять в настройках магазина (Настройки -> Основные) значение поля "Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений" на 185 пикселей.

Поскольку в старых шаблонах не было описания стилей для таблицы, возможно их потребуется вставить, чтобы не ехала вёрстка. Для этого добавьте в файл main.csstemplate следующие стили:

/* Список товаров в виде таблицы. Ячейки с товаром */
.goodsListItem					  {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:300px;width:210px;margin:5px;overflow:hidden;}
.goodsListItemBlock a			   {}
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
.goodsListItemImage td			  {text-align:center;vertical-align:middle;}
.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a				{font-size:15px;line-height:1.2em;padding:0px;margin:0px;}

Вот результат:
category_0.jpg
category_1.jpg
category_2.jpg

#19 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

Спасибо Вам огромное. Просто супер. А то я думала, идти пить валерьянку :D
но...что-то все таки, не получается . как у вас на 3-ей  картинке. Код целиком вставила такой, размеры изображений в настройках еще вчера поменяла 185.
но картинки в табличном представлении все равно не центрируются, и ячейки разных размеров. почему?
может где-то в другом месте поменять надо, еще что-нибудь
http://3grushki.ru/c...ods_view_type=2
вот посмотрите, и названия не по центру и картинка, и сами блоки-ячеки - разные.

#20 support

support

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

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

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

Понял в чём проблема - не хватает стилей... они в новых шаблонах прописаны в main.csstemplate в старых их не было, видимо из-за этого всё поехало. Вставьте их в main.csstemplate в самый конец файла:
/* Список товаров в виде таблицы. Ячейки с товаром */
.goodsListItem					  {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock				 {height:300px;width:210px;margin:5px;overflow:hidden;}
.goodsListItemBlock a			   {}
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
.goodsListItemImage td			  {text-align:center;vertical-align:middle;}
.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
.goodsListItemName a				{font-size:15px;line-height:1.2em;padding:0px;margin:0px;}

Предудущий ответ обновил...




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

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