Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Отображения Товаров В Виде Таблицы

Автор Sgray, 21 сент. 2014 17:03

Авторизуйтесь для ответа в теме

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

#1 Sgray

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

Пользователи
456 сообщений

Отправлено 21 Сентябрь 2014 - 17:03

Как сделать отображение товаров в виде таблицы в Каталоге товаров?
Ранее было внесено изменение в коде, но при первом посещении сайта в любом браузере отображается как на картинке. При нажатии кнопки изменения режима (указано на рисунке), всё становится как должно быть и эти кнопки исчезают.

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

Наверх

#2 MikDark

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

Модераторы
6 468 сообщений

Отправлено 21 Сентябрь 2014 - 17:09

Sgray (21 Сентябрь 2014 - 17:03) писал:

Как сделать отображение товаров в виде таблицы в Каталоге товаров?
Ранее было внесено изменение в коде, но при первом посещении сайта в любом браузере отображается как на картинке. При нажатии кнопки изменения режима (указано на рисунке), всё становится как должно быть и эти кнопки исчезают.

Изменения произвели

Наверх

#3 Sgray

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

Пользователи
456 сообщений

Отправлено 21 Сентябрь 2014 - 17:57

MikDark (21 Сентябрь 2014 - 17:09) писал:

Изменения произвели

А можно только один вариант - таблицей.

Наверх

#4 Dars

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

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

Отправлено 21 Сентябрь 2014 - 18:04

Sgray (21 Сентябрь 2014 - 17:57) писал:

А можно только один вариант - таблицей.

Вы имеете в виду вообще убрать возможность переключения и отображать по умолчанию таблицей? Если так, то в шаблоне "Товары" найдите код:

<div class="right">
		<ul>
		 {% IF GOODS_VIEW_TYPE=2 %}
			<li><a href="?goods_view_type=1" class="table"></a></li>
			<li><a href="?goods_view_type=2" class="list current"></a></li>
		  {% ENDIF %}
		  {% IF GOODS_VIEW_TYPE=1 %}
			<li><a href="?goods_view_type=1" class="table current"></a></li>
			<li><a href="?goods_view_type=2" class="list"></a></li>
		  {% ENDIF %}
		
		</ul>
	  </div>

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

<!--
<div class="right">
		<ul>
		 {% IF GOODS_VIEW_TYPE=2 %}
			<li><a href="?goods_view_type=1" class="table"></a></li>
			<li><a href="?goods_view_type=2" class="list current"></a></li>
		  {% ENDIF %}
		  {% IF GOODS_VIEW_TYPE=1 %}
			<li><a href="?goods_view_type=1" class="table current"></a></li>
			<li><a href="?goods_view_type=2" class="list"></a></li>
		  {% ENDIF %}
		
		</ul>
	  </div>
-->

Наверх

#5 Sgray

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

Пользователи
456 сообщений

Отправлено 21 Сентябрь 2014 - 18:56

Dars (21 Сентябрь 2014 - 18:04) писал:

Вы имеете в виду вообще убрать возможность переключения и отображать по умолчанию таблицей? Если так, то в шаблоне "Товары" найдите код:

<div class="right">
	 <ul>
		 {% IF GOODS_VIEW_TYPE=2 %}
		 <li><a href="?goods_view_type=1" class="table"></a></li>
		 <li><a href="?goods_view_type=2" class="list current"></a></li>
		 {% ENDIF %}
		 {% IF GOODS_VIEW_TYPE=1 %}
		 <li><a href="?goods_view_type=1" class="table current"></a></li>
		 <li><a href="?goods_view_type=2" class="list"></a></li>
		 {% ENDIF %}
		
	 </ul>
	 </div>

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

<!--
<div class="right">
	 <ul>
		 {% IF GOODS_VIEW_TYPE=2 %}
		 <li><a href="?goods_view_type=1" class="table"></a></li>
		 <li><a href="?goods_view_type=2" class="list current"></a></li>
		 {% ENDIF %}
		 {% IF GOODS_VIEW_TYPE=1 %}
		 <li><a href="?goods_view_type=1" class="table current"></a></li>
		 <li><a href="?goods_view_type=2" class="list"></a></li>
		 {% ENDIF %}
		
	 </ul>
	 </div>
-->

Да, только таблицей. Код заменил. В Опере нормально, а в IE зачем то наоборот списком.

Наверх

#6 Dars

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

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

Отправлено 21 Сентябрь 2014 - 19:01

Sgray (21 Сентябрь 2014 - 18:56) писал:

Да, только таблицей. Код заменил. В Опере нормально, а в IE зачем то наоборот списком.

В шаблоне "Товары" найдите строку:

  {% IF GOODS_VIEW_TYPE=2 %}

и замените её на:

  {% IF GOODS_VIEW_TYPE=20 %}

Наверх

#7 Sgray

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

Пользователи
456 сообщений

Отправлено 21 Сентябрь 2014 - 19:17

Dars (21 Сентябрь 2014 - 19:01) писал:

В шаблоне "Товары" найдите строку:

{% IF GOODS_VIEW_TYPE=2 %}

и замените её на:

{% IF GOODS_VIEW_TYPE=20 %}

Спасибо!

Наверх

#8 Sgray

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

Пользователи
456 сообщений

Отправлено 10 Ноябрь 2014 - 18:14

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

Наверх

#9 Vaccina

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

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

Отправлено 11 Ноябрь 2014 - 03:21

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

Наверх

#10 Sgray

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

Пользователи
456 сообщений

Отправлено 12 Февраль 2015 - 08:18

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

Наверх

#11 Sgray

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

Пользователи
456 сообщений

Отправлено 12 Февраль 2015 - 19:39

Почему нет ответа?

Наверх

#12 Vaccina

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

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

Отправлено 13 Февраль 2015 - 03:01

В шаблоне Товары найдите и удалите:

<div class="right">
	 <ul>
		 {% IF GOODS_VIEW_TYPE=1 %}
		 <li><a href="?goods_view_type=2" class="table"></a></li>
		 <li><a href="?goods_view_type=1" class="list current"></a></li>
		 {% ENDIF %}
		 {% IF GOODS_VIEW_TYPE=2 %}
		 <li><a href="?goods_view_type=2" class="table current"></a></li>
		 <li><a href="?goods_view_type=1" class="list"></a></li>
		 {% ENDIF %}
	 </ul>
	 </div>

{% IF GOODS_VIEW_TYPE=1 %}
<!-- Вывод каталога списком -->
{% FOR goods %}
	 <div class="hr"></div>
	 <div class="box padd">
	 <div class="titlebox txtalgnlft">
		 <ul>
		 <li class="blue fnt11b">
			 <h2><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">
			 {% IF goods.MAX_REST_VALUE=0 %}Товара нет{% ENDIF %}
			 {% IF goods.MAX_REST_VALUE>0 %}В наличии{% ENDIF %}
			 </a></h2>
		 </li>
		 <li class="default fnt12b "><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></li>
		 </ul>
	 </div>
	 <div class="ulproduct">
		 <div class="img txtalgncnt">
		 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
		 </div>
		 <div class="infoproduct">
		 <div class="name fnt14b">
			 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
		 </div>
		 <div class="info fnt11n txtalgnlft">
			 {goods.DESCRIPTION_SHORT}
		 </div>
		 <div class="buttons">
			 {% IF goods.MAX_REST_VALUE>0 %}
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
				 <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}" />
				 <a class="whtgray" 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>
				 <a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				 </div>
			 </form>
			 {% ENDIF %}
			 {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
		 </div>
		 <div class="price fnt12b txtalgnlft">
			 Цена:
			 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
			 <span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
			 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
			 <span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
			 {% ENDIF %}
			 <em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
		 </div>
		 </div>
		 <div class="clear"></div>
	 </div>
	 </div>
{% ENDFOR goods %}
<!-- Вывод каталога списком-Конец -->
{% ELSE %}

далее найдите:

</div>
<!-- Вывод каталога таблицей-Конец -->
{% ENDIF %}
<!-- Товары-конец -->
{% ENDIF %}

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

</div>
<!-- Вывод каталога таблицей-Конец -->
{% ENDIF %}
<!-- Товары-конец -->

Наверх

#13 Sgray

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

Пользователи
456 сообщений

Отправлено 13 Февраль 2015 - 08:53

Спасибо

Наверх

#14 forester

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

Пользователи
155 сообщений

Отправлено 11 Август 2015 - 14:27

Подскажите пожалуйста, как изменить отображение товара (ввиде таблицы)

1 добавить артикул
2 выровнять название товара по левому краю
3 выровнять по правому краю цену
4 добавить производителя из (характеристики)
если такая характеристика отсутствует, то пустым

Спасибо, большое

Sgray (12 Февраль 2015 - 19:39) писал:

Почему нет ответа?

в отпусках наверно все

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

Наверх

#15 Firefly

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

Модераторы
3 810 сообщений

Отправлено 11 Август 2015 - 16:30

forester (11 Август 2015 - 14:27) писал:

Подскажите пожалуйста, как изменить отображение товара (ввиде таблицы)

1 добавить артикул
2 выровнять название товара по левому краю
3 выровнять по правому краю цену
4 добавить производителя из (характеристики)
если такая характеристика отсутствует, то пустым

Спасибо, большое

в отпусках наверно все

Здравствуйте.
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

	#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:45px; width:auto; overflow:hidden; padding:0 5px; display:block; }

Замените на:

	#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:45px; width:auto; overflow:hidden; padding:0 5px; display:block; text-align: left;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

	#content .box .tabproduct .price { color:#636363; margin:4px 0; float:none;   }

Замените на:

   #content .box .tabproduct .price { color:#636363; margin:4px 0; float:none; text-align: right;}

1,4 Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:

		<!-- Вывод каталога таблицей -->
		<div class="box padd">
		  <table class="table" cellpadding="5" cellspacing="0">
				<tr>
				  {% FOR goods %}
						<td>
						  <div class="tabproduct">
								<div class="title fnt12b txtalgncnt">
								  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
								</div>
								<div class="img txtalgncnt">
								  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
								</div>
								<div class="price fnt12b txtalgncnt">
								  Цена:
								  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
										<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
								  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
										<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
								  {% ENDIF %}
								  <em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
								</div>
								<div class="buttons txtalgncnt">
								  {% IF goods.MAX_REST_VALUE>0 %}
										<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
										  <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}" />
												<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
												<a class="blgreen" 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>
										  </div>
										</form>
								  {% ENDIF %}
								  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
								</div>
						  </div>
						</td>
				  
						{% IFNOT goods.last %}
						  {% IF index_page %}
								{goods.index | is_divided("2","</tr><tr>","")}
						  {% ELSE %}
								{goods.index | is_divided("3","</tr><tr>","")}
						  {% ENDIF %}
						{% ENDIF %}
				  {% ENDFOR %}
				</tr>
		  </table>
		</div>
		<!-- Вывод каталога таблицей-Конец -->

Замените на:

		<!-- Вывод каталога таблицей -->
		<div class="box padd">
		  <table class="table" cellpadding="5" cellspacing="0">
				<tr>
				  {% FOR goods %}
						<td>
						  <div class="tabproduct">
								 <p class="catarticle" >
												 Артикул: {goods.ART_NUMBER}
								 </p>
								<div class="title fnt12b txtalgncnt">
								  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a>
								</div>
								<div class="img txtalgncnt">
								  <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
								</div>
								<div class="price fnt12b txtalgncnt">
								  Цена:
								  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
										<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
								  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
										<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
								  {% ENDIF %}
								  <em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
								</div>
								<div class="buttons txtalgncnt">
								  {% IF goods.MAX_REST_VALUE>0 %}
										<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
										  <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}" />
												<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
												<a class="blgreen" 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>
										  </div>
										</form>
								  {% ENDIF %}
								  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
								</div>
								{% FOR goods_attr_list %}
						{% IF goods.goods_attr_list.NAME=Производитель %}
						<div class="manufact">
						{goods.goods_attr_list.NAME} :
						{goods.goods_attr_list.VALUE}
						</div>
						{% ENDIF %}
			  {% ENDFOR %}
						  </div>
						</td>
						{% IFNOT goods.last %}
						  {% IF index_page %}
								{goods.index | is_divided("2","</tr><tr>","")}
						  {% ELSE %}
								{goods.index | is_divided("3","</tr><tr>","")}
						  {% ENDIF %}
						{% ENDIF %}
				  {% ENDFOR %}
				</tr>
		  </table>
		</div>
		<!-- Вывод каталога таблицей-Конец -->

В конце main.css добавьте код::

.manufact {text-align:center;font-size: 75%;}

Наверх

#16 forester

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

Пользователи
155 сообщений

Отправлено 11 Август 2015 - 16:46

Спасибо, что надо. буду дальше ковырять

Наверх

#17 forester

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

Пользователи
155 сообщений

Отправлено 11 Август 2015 - 17:25

Подскажите, как выровнять артикул , чтобы как наименование был

Наверх

#18 Firefly

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

Модераторы
3 810 сообщений

Отправлено 11 Август 2015 - 17:31

forester (11 Август 2015 - 17:25) писал:

Подскажите, как выровнять артикул , чтобы как наименование был

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

p.catarticle {
  color: #rgb(150, 150, 150);
  font-size: 95%;
}

Замените на:

p.catarticle {
  padding-left: 11px;
  color: rgb(150, 150, 150);
  font-size: 95%;
}

Наверх

#19 forester

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

Пользователи
155 сообщений

Отправлено 11 Август 2015 - 17:35

Спасибо.

Наверх

Обратно в Каталог товаров

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

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

Отображения Товаров В Виде Таблицы

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

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

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

Войти

Google поиск