Отключен JavaScript

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

1

Изменить Сравнение Товаров В Блоке Сбоку

Автор Equator, 10 июня 2014 19:12

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

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

#1 Equator

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

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

Отправлено 10 Июнь 2014 - 19:12

Помогите пожалуйста сделать так, чтобы в блоке слева в сравнении вместо строчки "товаров на сравнении: N штук" отображались сами товары, справа от каждого из них должен быть крестик, при нажатии на который, удалялся бы товар из сравнения, и внизу поля была кнопка "сравнить выбранное", при нажатии на которую, уже открывалось само сравнение. И еще чтобы высота поля регулировалась в зависимости от количества сравниваемых товаров.

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

Наверх

#2 Vaccina

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

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

Отправлено 11 Июнь 2014 - 02:26

К сожалению, подобное реализовать не получиться.

Наверх

#3 Equator

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

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

Отправлено 11 Июнь 2014 - 11:53

То есть вообще ничего из того, что я назвал сделать невозможно?

Наверх

#4 Castiel

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

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

ГородНижний Новгород

Отправлено 11 Июнь 2014 - 12:01

Equator (11 Июнь 2014 - 11:53) писал:

То есть вообще ничего из того, что я назвал сделать невозможно?

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

Наверх

#5 Equator

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

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

Отправлено 24 Июнь 2014 - 01:50

То есть нельзя сделать даже так, чтобы отображались хотя бы названия товаров, которые выбраны для сравнения? Если так, то жаль.
Еще вопрос тогда: как на странице сравнения скрыть боковое меню, т.е. то что недавно смотрели, сравнение и все блоки слева?

Наверх

#6 Сake

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

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

Отправлено 24 Июнь 2014 - 03:36

Цитата

То есть нельзя сделать даже так, чтобы отображались хотя бы названия товаров, которые выбраны для сравнения? Если так, то жаль.

К сожалению, да - этого сделать нельзя.

Цитата

как на странице сравнения скрыть боковое меню, т.е. то что недавно смотрели, сравнение и все блоки слева?

Найдите в вашем шаблоне "HTML" строку

<div class="container" id="cpages">

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

<div class="container {MOD_LNAME}" id="cpages">

далее в файл стилей main.css добавьте

.compare .content_catalog {
  display: none;
}
.compare .content_body {
  width: 1024px;
}

Наверх

#7 Equator

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

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

Отправлено 24 Июнь 2014 - 15:08

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

Наверх

#8 Castiel

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

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

ГородНижний Новгород

Отправлено 24 Июнь 2014 - 16:17

Equator (24 Июнь 2014 - 15:08) писал:

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

Здравствуйте, к сожалению реализовать данную функцию нельзя.

Наверх

#9 Equator

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

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

Отправлено 24 Июнь 2014 - 21:39

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

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

Наверх

#10 Castiel

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

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

ГородНижний Новгород

Отправлено 25 Июнь 2014 - 07:07

Equator (24 Июнь 2014 - 21:39) писал:

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

Здравствуйте, попробуйте такой вариант
Обновите код шаблона Сравнение товаров

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

  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">Сравнение товаров</span>
	</p>
  </div>
  <!-- end Строка пути -->

<div class="page-headline">
  <h1>Сравнение товаров</h1>
</div>

<div class="pad-box">

  <p>
	{% IF compare_list_empty %}
	  Нет товаров для сравнения
	{% ELSE %}
	  <table class="CompareGoodsTable">

		<!-- Фильтры таблицы сравнения -->
		<thead>
		  <tr>
			<td class="alignRight CompareGoodsTableFilter" colspan="2">
			</td>
		  </tr>
		</thead>  

		<!-- Тело таблицы сравнения товаров -->
		<tbody>
		  <tr>
			<td colspan="2">

			  <table class="CompareGoodsTableTbody">
				<!-- Строка №1 Ссылка на удаление товара из таблицы сравнения товаров -->
				<tr>
				  <td class="ceil1 borderAll" rowspan="5">
					<a href="#" class="CompareGoodsTableFilterShowAll CompareGoodsTableFilterSelected">Все параметры</a> 
					<br>
					<a class="CompareGoodsTableFilterShowOnlyDifferent" href="#">Различающиеся</a>
				  </td>
				</tr>
				<!-- END Строка №1 Название товара -->

				<!-- Строка №3 Главное изображение товара и галлерея изображений -->
				<tr>
				  {% FOR goods_mod_info %}
					<!-- Ограничитель, чтоб не ехала верстка -->
					{% IF goods_mod_info.index<5 %}
					  <td class="BorderLeftAndRight">
						<!-- Если изображения товара нет -->
						{% IF goods_mod_info.GOODS_IMAGE_EMPTY %}
						  <img src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="100" />

						<!-- Если же изображение есть подгрузим изображение и галлерею изображений товара -->
						{% ELSE %}
						  <a href="{goods_mod_info.GOODS_MOD_URL}" title="Перейти к странице «{goods_mod_info.GOODS_NAME}»"><img alt="{goods_mod_info.GOODS_NAME}" width="100" class="CompareGoodsImageMain{goods_mod_info.GOODS_MOD_ID} goods-image-small" rel="{goods_mod_info.GOODS_IMAGE_ID}" src="{goods_mod_info.GOODS_IMAGE_SMALL}" /></a><br />

						  <!-- Другие изображения товара из которых будем собирать галерею изображений -->
						  <div style="display:none;" class="galleryBlock{goods_mod_info.GOODS_MOD_ID}">
							{% FOR goods_images %}
							  <a class="CompareGoodsImageGallery{goods_mod_info.goods_images.ID}" href="{goods_mod_info.goods_images.LARGE}" rel="gallery{goods_mod_info.GOODS_MOD_ID}" title="{goods_mod_info.goods_images.NAME}">
								<img class="withBorder goods-image-icon" rel="{goods_mod_info.goods_images.MEDIUM}" src="{goods_mod_info.goods_images.ICON}" alt="{goods_mod_info.goods_images.NAME}">
							  </a>
							{% ENDFOR %}
						  </div>
						{% ENDIF %}

					  </td>
					{% ENDIF %}
				  {% ENDFOR %}
				</tr>
				<!-- END Строка №3 Главное изображение товара и галлерея изображений -->

				<!-- Строка №2 Название товара -->
				<tr>
				  {% FOR goods_mod_info %}
					<!-- Ограничитель, чтоб не ехала верстка -->
					{% IF goods_mod_info.index<5 %}
					  <td class="BorderLeftAndRight">
						<a href="{goods_mod_info.GOODS_MOD_URL}" class="CompareGoodsHeader">
						  {goods_mod_info.GOODS_NAME}

						  <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
						  {% IFNOT goods_mod_info.goods_mod_distinctive_properties_empty %}<span>({% FOR goods_mod_distinctive_properties %}{goods_mod_info.goods_mod_distinctive_properties.NAME}: {goods_mod_info.goods_mod_distinctive_properties.VALUE}{% IFNOT goods_mod_info.goods_mod_distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
						</a>
					  </td>
					{% ENDIF %}
				  {% ENDFOR %}
				</tr>
				<!-- END Строка №2 Название товара -->

				<!-- Строка №4 Цены товарных модификаций -->
				<tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_COST_NOW_IS_SAME %}same{% ENDIF %}">
				  {% FOR goods_mod_info %}
					<!-- Ограничитель, чтоб не ехала верстка -->
					{% IF goods_mod_info.index<5 %}
					  <td class="borderAll">
						{goods_mod_info.PRICE_NOW | money} за {goods_mod_info.MEASURE_NAME}
					  </td>
					{% ENDIF %}
				  {% ENDFOR %}
				</tr>
				<!-- END Строка №4 Цены товарных модификаций -->

				<!-- Строка №9 Кнопка добавления товара в корзину -->
				<tr>
				  {% FOR goods_mod_info %}
					<!-- Ограничитель, чтоб не ехала верстка -->
					{% IF goods_mod_info.index<5 %}
					  <td class="borderAll">
						<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsToCartFromCompareForm">
						  <div class="nums">
							<input name="form[quantity][{goods_mod_info.GOODS_MOD_ID}]" value="1" style="width:50px;"/>
							<span class="plus">+</span>
							<span class="minus">-</span>
						  </div>
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{goods_mod_info.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{goods_mod_info.GOODS_MOD_ID}" class="goodsDataMainModificationId" />
						  <a class="more-link"  onclick="$(this).parent().submit(); return false;" title="Положить «{goods_mod_info.GOODS_NAME}» в корзину" href="#">В корзину</a>
						  <a class="CompareGoodsDeleteLink" href="{COMPARE_DELETE_URL}?id={goods_mod_info.GOODS_MOD_ID}" title="Убрать из таблицы сравнения"></a>

						  <script type="text/javascript" >
												 $(document).ready(function() {
												 $('.minus').click(function () {
												  var $input = $(this).parent().find('input');
												  var count = parseInt($input.val()) - 1;
												  count = count < 1 ? 1 : count;
												  $input.val(count);
												  $input.change();
												  return false;
												 });
												$('.plus').click(function () {
												var $input = $(this).parent().find('input');
												$input.val(parseInt($input.val()) + 1);
												$input.change();
												return false;
												});
												});
								   </script>
						</form>
					  </td>
					{% ENDIF %}
				  {% ENDFOR %}
				</tr>
				<!-- END Строка №9 Кнопка добавления товара в корзину -->

				<!-- Строка №5 Наличие товарных модификаций -->
				<!-- В зависимости от настроек на сайте покажем либо количественное отображение остатка товаров, либо текстовое -->
				{% IF SETTINGS_COMPARE_REST_VALUE_DISPLAY_TYPE=1%}
				  <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_REST_VALUE_IS_SAME %}same{% ENDIF %}">
					<td class="ceil1 borderAll">
					  <label class="valignMiddle" for="compare_tb_check_rest">Наличие</label>
					</td>
					{% FOR goods_mod_info %}
					  <!-- Ограничитель, чтоб не ехала верстка -->
					  {% IF goods_mod_info.index<5 %}
						<td class="borderAll">
						  {goods_mod_info.REST_VALUE} {goods_mod_info.MEASURE_NAME}
						</td>
					  {% ENDIF %}
					{% ENDFOR %}
				  </tr>
				{% ELSE %}
				  <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_MOD_REST_BOOLEAN_IS_SAME %}same{% ENDIF %}">
					<td class="ceil1 borderAll">
					  <label class="valignMiddle" for="compare_tb_check_rest">Наличие</label>
					</td>
					{% FOR goods_mod_info %}
					  <!-- Ограничитель, чтоб не ехала верстка -->
					  {% IF goods_mod_info.index<5 %}
						<td class="borderAll">
						  {%IF goods_mod_info.REST_VALUE=0 %}Товара нет в наличии{% ELSE %}Товар есть в наличии{% ENDIF %}
						</td>
					  {% ENDIF %}
					{% ENDFOR %}
				  </tr>
				{% ENDIF %}
				<!-- END Строка №5 Наличие товарных модификаций -->

				<!-- Строка с артикулом покажется, если она заполнена хотя бы для одной товарной модификации -->
				<!-- Строка №6 Артикул товара -->
				{% IFNOT GOODS_ART_NUMBER_IS_EMPTY_FOR_ALL %}
				  <tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_ART_NUMBER_IS_SAME %}same{% ENDIF %}">
					<td class="ceil1 borderAll">
					  <label class="valignMiddle" for="compare_tb_check_art_number">Артикул</label>
					</td>
					{% FOR goods_mod_info %}
					  <!-- Ограничитель, чтоб не ехала верстка -->
					  {% IF goods_mod_info.index<5 %}
						<td class="borderAll">
						  <!-- Если у товара указан артикул, то укажем и его -->
						  {% IF goods_mod_info.ART_NUMBER %}{goods_mod_info.ART_NUMBER}{% ELSE %}Не указан{% ENDIF %}
						</td>
					  {% ENDIF %}
					{% ENDFOR %}
				  </tr>
				{% ENDIF %}
				<!-- END Строка №6 Артикул товара -->

				<!-- Строки №7 и т.д - Характеристики товаров -->
				{% FOR goods_attr_list %}
				  <tr class="CompareGoodsTableTbodyComparisonLine {% IF goods_attr_list.IS_SAME%}same{% ENDIF %}">
					<td class="borderAll">
					  <label class="valignMiddle" for="compare_tb_check_attr_{goods_attr_list.ID}">{goods_attr_list.NAME}</label>
					</td>
					{% FOR values %}
					  <!-- Ограничитель, чтоб не ехала верстка -->
					  {% IF goods_attr_list.values.index<5 %}
						<td class="borderAll">
						  {goods_attr_list.values.VALUE}
						</td>
					  {% ENDIF %}
					{% ENDFOR %}
				  </tr>
				{% ENDFOR %}
				<!-- END Строки №7 и т.д - Характеристики товаров -->

				<!-- Строка №8 Описание товара -->
				<!-- В зависимости от настроек на сайте покажем либо полное описание товарной модификации, либо краткое -->
				{% IF SETTINGS_COMPARE_DESCRIPTION_DISPLAY_TYPE=1%}
				  <!-- Строка с полным описанием товара покажется, если оно заполнено хотя бы для одной товарной модификации -->
				  {% IFNOT GOODS_GOODS_DESC_LARGE_IS_EMPTY_FOR_ALL %}
					<tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_GOODS_DESC_LARGE_IS_SAME %}same{% ENDIF %}">
					  <td class="ceil1 borderAll">
						<label class="valignMiddle" for="compare_tb_check_description_large">Описание</label>
					  </td>
					  {% FOR goods_mod_info %}
						<!-- Ограничитель, чтоб не ехала верстка -->
						{% IF goods_mod_info.index<5 %}
						  <td class="borderAll">
							{% IF goods_mod_info.GOODS_DESCRIPTION_LARGE%}
							  <div class="htmlDataBlock">
								{goods_mod_info.GOODS_DESCRIPTION_LARGE}
							  </div>
							{% ELSE %}
							  {% IF goods_mod_info.GOODS_DESCRIPTION_SHORT %}
								{goods_mod_info.GOODS_DESCRIPTION_SHORT}
							  {% ELSE %}
								Отсутствует
							  {% ENDIF%}
							{% ENDIF %}
						  </td>
						{% ENDIF %}
					  {% ENDFOR %}
					</tr>
				  {% ENDIF %}
				{% ELSE %}
				  <!-- Строка с кратким описанием товара покажется, если оно заполнено хотя бы для одной товарной модификации -->
				  {% IFNOT GOODS_GOODS_DESC_SHORT_IS_EMPTY_FOR_ALL %}
					<tr class="CompareGoodsTableTbodyComparisonLine {% IF GOODS_GOODS_DESC_SHORT_IS_SAME %}same{% ENDIF %}">
					  <td class="ceil1 borderAll">
						<label class="valignMiddle" for="compare_tb_check_description_short">Описание</label>
					  </td>
					  {% FOR goods_mod_info %}
						<!-- Ограничитель, чтоб не ехала верстка -->
						{% IF goods_mod_info.index<5 %}
						  <td class="borderAll">
							{% IF goods_mod_info.GOODS_DESCRIPTION_SHORT%}
							  {goods_mod_info.GOODS_DESCRIPTION_SHORT}
							{% ELSE %}
							  {% IF goods_mod_info.GOODS_DESCRIPTION_LARGE %}
								<div class="htmlDataBlock">
								  {goods_mod_info.GOODS_DESCRIPTION_LARGE}
								</div>
							  {% ELSE %}
								Отсутствует
							  {% ENDIF%}
							{% ENDIF %}
						  </td>
						{% ENDIF %}
					  {% ENDFOR %}
					</tr>
				  {% ENDIF %}
				{% ENDIF %}
				<!-- END Строка №8 Описание товара -->

				<!-- Строка №9 Кнопка добавления товара в корзину -->
				<tr>
				  <td class="ceil1 valignTop">
					<a href="#" class="CompareGoodsHideSelected">Убрать выбранные</a>
					<a href="#" class="CompareGoodsShowAll">Отобразить скрытые</a>
				  </td>
				  {% FOR goods_mod_info %}
					<!-- Ограничитель, чтоб не ехала верстка -->
					{% IF goods_mod_info.index<5 %}
					  <td>
						<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsToCartFromCompareForm">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{goods_mod_info.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{goods_mod_info.GOODS_MOD_ID}" class="goodsDataMainModificationId" />
						  <a class="more-link"  onclick="$(this).parent().submit(); return false;" title="Положить «{goods_mod_info.GOODS_NAME}» в корзину" href="#">В корзину</a><br /><br />
						</form>
					  </td>
					{% ENDIF %}
				  {% ENDFOR %}
				</tr>
				<!-- END Строка №9 Кнопка добавления товара в корзину -->

			  </table>
			</td>
		  </tr>
		</tbody>
		<!-- END Тело таблицы сравнения товаров -->

		<!-- Управление выбранными строками -->
		<tfoot>
		  <tr>
			<td> </td>
			<td class="alignRight"><a href="{COMPARE_RESET_URL}">Очистить список сравнения</a></td>
		  </tr>
		</tfoot>
		<!-- END Управление выбранными строками -->

	  </table>
	{% ENDIF %}
  </p>
</div>

В файле "main.css".
Найти:

.CompareGoodsDeleteLink				   {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;}

Заменить:

.CompareGoodsDeleteLink				   {display:block;height:15px;width:15px;overflow:hidden;float:right;background: url('{ASSETS_IMAGES_PATH}icon-cancel.gif') no-repeat 50% 50%;right: 35%;position: relative;top: 10px;}

Наверх

#11 Equator

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

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

Отправлено 25 Июнь 2014 - 16:29

Все отлично, только одна проблема. Независимо от того, какое кол-во товара стоит в поле, при нажатии на кнопку "в корзину" добавляется только один товар.

Наверх

#12 Castiel

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

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

ГородНижний Новгород

Отправлено 25 Июнь 2014 - 16:51

Equator (25 Июнь 2014 - 16:29) писал:

Все отлично, только одна проблема. Независимо от того, какое кол-во товара стоит в поле, при нажатии на кнопку "в корзину" добавляется только один товар.

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

Наверх

#13 Equator

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

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

Отправлено 25 Июнь 2014 - 19:24

А можно это исправить?

Наверх

#14 Сake

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

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

Отправлено 26 Июнь 2014 - 00:35

Найдите в вашем шаблоне "Сравнение заказа" следующий код

<script type="text/javascript" >
																								 $(document).ready(function() {
																								 $('.minus').click(function () {
																								  var $input = $(this).parent().find('input');
																								  var count = parseInt($input.val()) - 1;
																								  count = count < 1 ? 1 : count;
																								  $input.val(count);
																								  $input.change();
																								  return false;
																								 });
																								$('.plus').click(function () {
																								var $input = $(this).parent().find('input');
																								$input.val(parseInt($input.val()) + 1);
																								$input.change();
																								return false;
																								});
																								});
																   </script>

и переместите его в самый конец шаблона. Далее найдите в этом же шаблоне строку

<input name="form[quantity][{goods_mod_info.GOODS_MOD_ID}]" value="1" style="width:50px;"/>

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

<input name="form[goods_mod_quantity]" value="1" style="width:50px;"/>

Наверх

Обратно в Сравнение товаров

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

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

Изменить Сравнение Товаров В Блоке Сбоку

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

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

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

Войти

Google поиск