Отключен JavaScript

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

0

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

Автор kolron, 22 окт. 2013 10:37

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

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

#1 kolron

Пользователь

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

Отправлено 22 Октябрь 2013 - 10:37

Добрый день.
Большая просьба помочь. В списке товаров есть два типа отображения : списком и в виде таблицы. Мне нужно убрать кнопку выбора "в виде таблицы". Чтобы люди заходящие в список товаров всегда видели его именно списком сразу, а не в виде таблицы.
На скриншоте красным крестиком показал какую кнопку хочу убрать, чтобы люди в виде таблицы не могли видеть товары.
Заранее спасибо.

Аккаунт SL-227320

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

Наверх

#2 empty9228

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

Модератоpы
618 сообщений

Отправлено 22 Октябрь 2013 - 10:40

Здравствуйте! отправьте еще раз скриншот.

Наверх

#3 kolron

Пользователь

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

Отправлено 22 Октябрь 2013 - 10:51

а то очень не красиво получается таблицей: все разной высоты...

Наверх

#4 ne_yana

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

Модератоpы
1 190 сообщений

Отправлено 22 Октябрь 2013 - 10:58

empty9228 (22 Октябрь 2013 - 10:40) писал:

Здравствуйте! отправьте еще раз скриншот.

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

	  <!-- Если отображаем товары таблицей -->
	  {% IF GOODS_VIEW_TYPE=1 %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
			<figure style="width: 173px;position: relative;overflow:hidden;">
			  <a href="{goods.URL | url_amp}" title="{goods.NAME}">
			  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
			  </a>
			</figure>
		<h3><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h3>
			<p class="price">
			  <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>
			<div class="rating">
			  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			  {% IF goods.OPINION_RATING_VALUE %}
				<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
			  {% ENDIF %}
			 
			  {% IF goods.OPINION_RATING_CNT_ALL>0 %}
				<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			  {% ENDIF %}
			</div>
			<div class="buy-item">
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				<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 name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
			<!--button type="submit" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
				<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
			  </form>
			</div>
			<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE %}
			  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
			  {% IFNOT SETTINGS_COMPARE_DISABLE %}
				{% IF goods.IS_HAS_IN_COMPARE_LIST %}
				  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
				{% ELSE %}
				  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
				{% ENDIF %}
			  {% ENDIF %}
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	   
	  <!-- Если отображаем товары списком -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
			<figure style="width: 35%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">
			  {% IF user_agent_ie7 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSEIF user_agent_ie8 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  {% ENDIF %}
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			</figure> 
			<div class="item-detail" style="height: 100%">
			  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_LARGE %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_LARGE}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>
			<div class="item-meta a-center">
			  <div class="price {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" itemprop="price">
				<span class="regular-price">{goods.MIN_PRICE_NOW | money_format}</span>
				<br>
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %}
			  </div>
		   
			  <div class="buy-item">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				  <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}" />
					<!--button type="submit" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
					<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
				  </div>
				</form>
			  </div>
			  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
					{% IF goods.IS_HAS_IN_COMPARE_LIST %}
					  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
					{% ELSE %}
					  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
					{% ENDIF %}
				{% ENDIF %}
			  {% ENDIF %}
			</div>
			<div class="clear"></div>
		  </div> 
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->
	   
	  {% ENDIF %}

на

		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
			<figure style="width: 35%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">
			  {% IF user_agent_ie7 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSEIF user_agent_ie8 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  {% ENDIF %}
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			</figure> 
			<div class="item-detail" style="height: 100%">
			  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_LARGE %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_LARGE}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>
			<div class="item-meta a-center">
			  <div class="price {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" itemprop="price">
				<span class="regular-price">{goods.MIN_PRICE_NOW | money_format}</span>
				<br>
				{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				  <span class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
				{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				  <span class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</span>
				{% ENDIF %}
			  </div>
		   
			  <div class="buy-item">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				  <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}" />
					<!--button type="submit" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
					<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
				  </div>
				</form>
			  </div>
			  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
					{% IF goods.IS_HAS_IN_COMPARE_LIST %}
					  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
					{% ELSE %}
					  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
					{% ENDIF %}
				{% ENDIF %}
			  {% ENDIF %}
			</div>
			<div class="clear"></div>
		  </div> 
		{% ENDFOR %}
		<!-- /Проходим по массиву списка товаров -->

Удаляем

		 <!-- Блок изменения вида списка и поля сортировки -->
		  <div class="view-switch">
			{% IF GOODS_VIEW_TYPE=2 %}
			  <a href="?goods_view_type=1" title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" id="list-gallery"></a>
			  <a title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" id="list-list2"></a>
			{% ELSE %}
			  <a title="Отображать список товаров в виде списка" id="list-gallery2"></a>
			  <a href="?goods_view_type=2" title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" id="list"></a>
			{% ENDIF %}
		  </div>
		  <!-- /Блок изменения вида списка и поля сортировки -->

Заменяем

   {% IF GOODS_VIEW_TYPE=1 %}
	  <div class="containers{% IF GOODS_PAGES_RESULTS<SETTINGS_GOODS_CAT_PER_PAGE_STEP %}2{% ENDIF %}">
	{% ELSEIF GOODS_VIEW_TYPE=2 %}
	  <div class="containers3{% IF GOODS_PAGES_RESULTS<SETTINGS_GOODS_CAT_PER_PAGE_STEP %}2{% ENDIF %}">
	{% ENDIF %}

на

	  <div class="containers3{% IF GOODS_PAGES_RESULTS<SETTINGS_GOODS_CAT_PER_PAGE_STEP %}2{% ENDIF %}">

Наверх

#5 kolron

Пользователь

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

Отправлено 22 Октябрь 2013 - 11:11

Спасибо огромное!!
Все получилось, все теперь красиво))

Наверх

Обратно в Другое

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

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

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

#1 kolron

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

#2 empty9228

#3 kolron

#4 ne_yana

#5 kolron

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

Войти

Google поиск