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


Отображение Товаров Из Каталога Списком

Автор HEAT, 09 февр. 2012 16:53

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

#1 HEAT

HEAT

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

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

Отправлено 09 Февраль 2012 - 16:53

Доброго времени суток! Появилась необходимость отображать товары в каталоге  вот таким образом (в каталоге товаров слева, выберете, например, видеокарты).
Материала по данному вопросу в форуме не нашел, а необходимость в этом острая - специфика моего магазина делает неудобным просмотр каталога товаров через его превью. Да и, как выясняется, в моем конкретном случае, в превью товара нет необходимости.Заранее спасибо за ответы.

#2 Vaccina

Vaccina

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

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

Отправлено 09 Февраль 2012 - 21:43

Подобный вопрос уже обсуждался. Информацию вы можете найти в следующий теме форума http://forum.storela...dpost__p__12714

#3 HEAT

HEAT

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

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

Отправлено 09 Февраль 2012 - 22:11

Просмотр сообщенияVaccina (09 Февраль 2012 - 21:43) писал:

Подобный вопрос уже обсуждался. Информацию вы можете найти в следующий теме форума http://forum.storela...dpost__p__12714
Все проделал в точности - итог "Ошибка компиляции шаблона. Не закрытый тег «IF» строка 90"
Хочу заметить, что приведенный в примере код использовался в шаблоне СИЯНИЕ. Мы же обсуждаем шаблон Мокко. Или страница "товары" одинаковая во всех шаблонах? Хотя, судя по всему, в шаблоне "сияние" страница "товары" выглядит совсем по другому...

#4 TAD-jik

TAD-jik

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

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

Отправлено 10 Февраль 2012 - 23:02

Просмотр сообщенияHEAT (10 Февраль 2012 - 18:36) писал:

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


В файле товары находите вот такие строчки

<!-- Если есть товары -->
		  {% 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>
	</td>
  </tr>
  <!-- END Список товаров -->


Меняете на такие

<!-- Если есть товары -->
		  {% ELSE %}
		  <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 %}
			{% ENDIF %}
		</tr>
	  </table>
	</td>
  </tr>
  <!-- END Список товаров -->


Получайться вот так вот но изображения не знаю как поставить :rolleyes: думаю что респект я за служил

fhdfhdh.JPG

:rolleyes:

#5 Vaccina

Vaccina

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

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

Отправлено 10 Февраль 2012 - 23:20

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

{% 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 %}

на предложенный в теме http://forum.storela...dpost__p__12714

#6 TAD-jik

TAD-jik

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

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

Отправлено 10 Февраль 2012 - 23:24

Vaccina а я правильно ему показал куда вставлять или нет а кто я пробывал на своем шаблоне но картинки не появляються  :D

#7 HEAT

HEAT

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

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

Отправлено 11 Февраль 2012 - 08:36

Спасибо за ответы! Более или менее получилось, но, как обычно, возникает следующая партия вопросов) На самом деле вопрос пока только один.

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

  • print.png

#8 Vaccina

Vaccina

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

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

Отправлено 11 Февраль 2012 - 17:42

Пожалуйста сообщите ваш адрес магазина.

#9 HEAT

HEAT

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

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

Отправлено 11 Февраль 2012 - 18:56

пожалуйста, вот

#10 HEAT

HEAT

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

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

Отправлено 11 Февраль 2012 - 23:10

И пока не ответили на предыдущий, сразу задам следующий вопрос.
Категорически не получается изменить цвет шрифта в каталоге товаров.
По поиску нашел ранее обсуждаемую тему этого плана, но ничего не получилось.
Последовательность моих действий: в файле css нахожу нужный класс .goodsListItemName a {,
меняю в нем значение color на нужное мне, затем тоже самое проделываю с классом .goodsListItemBlock a {, затем, разумеется, все это сохраняю, и проверяю результат... А его нет. То есть шрифт не меняется - даже стандартный черный #000000 вывести не могу.
Использовал три браузера - оперу, FireFox, Explorer - эффекта нет. Подозревая закешированную страницу, добросовестно очистил куки, истории сохраненных страниц и все ранее открытые сесии - бесполезно. Осталось только сменить провайдера) Шучу конечно. Просьба помочь разобраться с этой проблемой.

#11 Vaccina

Vaccina

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

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

Отправлено 13 Февраль 2012 - 20:43

Если вы использовали предложенный метод
http://forum.storela...dpost__p__14999

То замените код на 

<!-- Если есть товары -->
		  {% ELSE %}
		  <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 %}
				{% ENDIF %}
		</tr>
	  </table>
	</td>
  </tr>
  <!-- END Список товаров -->

Попробуйте использовать класс

a:link, a:visited {
	color: #D0431D;
	text-decoration: none;
}

Если не получиться - то приложите скриншот с отмеченным местом где вы ходите изменить цвет.

#12 HEAT

HEAT

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

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

Отправлено 13 Февраль 2012 - 23:56

Спасибо большое за ответ, сижу, разбираюсь. Логика перехода на страницу "подробнее" стала правильной. Цвет тоже изменяется.

#13 HEAT

HEAT

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

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

Отправлено 15 Февраль 2012 - 21:20

Хм... Пробема с отступами в ячейках таблици.
Я прочитал данный пост,где Вы писали о том, что нужно уменьшить значение padding. В моем случае это значение равняется 0, и разумеется, что устанавливал я это значенте в страничке кода "товары", где идет указание параметров таблицы товаров. При нулевом значении, отступы, как можно видеть на картинке, достаточно большие.
Насколько мне известно, параметр padding не может принимать отрицательные значения, 0 - это минималка)
Подскажите, пожалуйста, как мне решить эту проблему.

Сайт.

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

  • Безимени-1.jpg

#14 Vaccina

Vaccina

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

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

Отправлено 20 Февраль 2012 - 21:54

В файле стилей main.css найдите класс

h5 {
	color: #BE9E4C;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6666em;
	margin: 1.6666em 0 0.8333em;
}

и измените свойство margin

#15 HEAT

HEAT

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

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

Отправлено 05 Март 2012 - 22:29

Еще один вопрос.  Я оформляю дизайн исходя  из разрешения монитора 1024*768.
Видимо, по простоте душевной я предполагал, что шапка будет всегда пропорциалнальна содержимому страници. Оказалось, что нет. Чем больше разрешение монитора, тем больше шапка съезжает по краям. Как решить проблему, показанную на картинке? Хочу, чтобы границы шапки, а равно и футера, не превышали по ширине содержимое страници.

Прикрепленный файл  Безымянный.bmp   694,81К   477 Количество загрузок:

#16 Vaccina

Vaccina

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

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

Отправлено 06 Март 2012 - 20:36

Проблема мне немного не понятна.
Проблема в том, что фон шапки съезжает в бок, а не остается по центру из-за увеличения разрешения? Тогда для нее нужно установить положение по центру по горизонтали.
Если же Вас не устраивает, то что размеры у блоков фиксированные и не растягиваются. тогда нужно переверстывать шаблон, делая его резиновым, т.е. в ширине блоков указывать ширину не в px, а в %.
Если я ошиблась в догадках, то объясните пожалуйста поподробней.

#17 HEAT

HEAT

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

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

Отправлено 07 Март 2012 - 19:44

Проблема в том, что фон шапки съезжает в бок, а не остается по центру из-за увеличения разрешения?
Да, именно так.

Тогда для нее нужно установить положение по центру по горизонтали.
Каким образом я могу сделать это?

#18 Vaccina

Vaccina

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

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

Отправлено 12 Март 2012 - 10:45

Шапку необходимо вставлять в класс

#header {
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

через свойство background

#19 HEAT

HEAT

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

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

Отправлено 17 Март 2012 - 19:37

Еще вопрос. Возникла необходимость иметь свой сайт целиком со всеми файлами и структурой у себя дома на локальном хосте. Так быстрее тестить. Каким образом я могу осуществить это?

#20 a.pashuta

a.pashuta

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

  • Пользователи
  • PipPipPipPip
  • 1 072 сообщений

Отправлено 19 Март 2012 - 16:13

Просмотр сообщенияHEAT (17 Март 2012 - 19:37) писал:

Еще вопрос. Возникла необходимость иметь свой сайт целиком со всеми файлами и структурой у себя дома на локальном хосте. Так быстрее тестить. Каким образом я могу осуществить это?
К сожалению, размещать скрипты на локальных хостах не представляется возможным.
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Каталог товаров
  6. Privacy Policy