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


Помогите, Пожалуйста, Исправить!

Автор Voprosiki, 03 окт. 2013 23:33

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

#1 Voprosiki

Voprosiki

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

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

Отправлено 03 Октябрь 2013 - 23:33

Здравствуйте, пыталась изменить вид страницы товара, передвинув цену. Получилось, НО! В айфоне получилось так, что цена "уехала" вправо настолько, что ее не видно. Покупатели никогда не догадаются, что надо сильно сдвинуть картинку, чтобы увидеть цену и получить возможность сделать заказ. Можно ли сделать так, чтобы цена вместе с кнопкой заказать съезжала вниз под картинку?

Или как еще можно исправить недоразумение? Заранее большое спасибо!

#2 Vaccina

Vaccina

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

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

Отправлено 04 Октябрь 2013 - 02:42

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

#3 Voprosiki

Voprosiki

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

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

Отправлено 04 Октябрь 2013 - 03:12

Тут была ветка на форуме (не могу найти), которой я воспользовалась, чтобы передвинуть блок с ценой, модификациями и заказать ближе к фото товара. На обычном компе смотрится нормально, но через айфон и, возможно, андроид товар купить невозможно. Дело в том, что положение блока цены, модификаций и заказать фиксировано, а поскольку дизайн адаптивный, все подстраивается под экран смартфона, а блок с ценой, модификациями и заказать нет, они все остаются "за экраном". Не знаю понятно ли я объяснила.

Я бы в идеале хотела оставить блок с ценой, модификациями и заказать (на экране компа) там, где он есть, если это возможно, но так, чтобы весь этот блок мог передвигаться и оставаться в поле зрения на смартфоне.

#4 Vaccina

Vaccina

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

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

Отправлено 04 Октябрь 2013 - 06:29

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

#5 Voprosiki

Voprosiki

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

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

Отправлено 04 Октябрь 2013 - 06:54

я не знаю разрешения экранов смартфонов, но вот фото 1 как выглядит карточка товара на мобильном устройстве. Как вы видите, там нет цены (так как ее положение фиксировано). Т.е. если двигать экран вниз, после фото идет описание товара, затем сопутствующие. Но купить этот товар невозможно, так как никому из юзеров смартфонов не придет в голову, что надо сдвинуть изображение вправо, чтобы увидеть блок с ценой, модификациями и кнопкой заказать, как показано на второй картинке. Т.е. физически расстояние между правым видимым краем карточки и блоком около 2 см.

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

Просто мои мысли: если сделать положение блока цены, модификаций и кнопки заказать нефиксированным, то, может быть, он (когда смотришь на смарфоне) будет адаптированно опускаться под фото, например? Чтобы товар можно было нормально выбрать и купить.

P.S. для меня это важно, так как у меня более 20% посетителей заходят с мобильных устройств.

Вот, если поможет, мой код шаблона Товар


<div itemscope itemtype="http://data-vocabulary.org/Product">
  <script type="text/javascript">
	$(document).ready(function(){
	 $("body").addClass("two-column");
	 $("body").addClass("item");
	});
  </script>

  <section role="main">
	<header>
	  <h1 itemprop="name">{GOODS_NAME}</h1>
	</header>

	<div class="goodsData">

	  <!-- Артикул, если указан --> 
	  <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
		  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	  </div>
	  <meta itemprop="category" content="{% FOR upper_navigation %}{% IFNOT upper_navigation.first %} > {% ENDIF %}{upper_navigation.NAME}{% ENDFOR %}" />



	  <figure class="main-image" style="width:100%;float:none;margin-bottom: 20px;z-index:50">
	   <div>
   {% IF GOODS_IMAGE_EMPTY %}
			<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" />
		  {% ELSE %}			
			<a  itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}"  class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}"  class="main"/></a>
		  {% ENDIF %}
   </div>

		{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
			{% IF goods_images.first %}
			  <ul class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images">
			{% ENDIF %}   
				<li> 
				  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
				</li>
				{goods_images.index | is_divided("4"," ","")}
			{% IF goods_images.last %}
			  </ul>
			{% ENDIF %}			
		  {% ENDFOR %}
		{% ENDIF %}
   </figure>
		<div id="formatik">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" >
		 <input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

<div class="goodsDataMain">
		 <div class="goodsDataMainOrder cornerAll">
				 <!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
		 <div class="goodsDataMainModificationDataBlock">
		 <!-- По этому значению производится заказ товара -->
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />

				 <div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer" style="margin-left: 0px;">
				 <!-- Цена сейчас -->
				 <h1 itemprop="price" content="{GOODS_MOD_PRICE_NOW}" class="goodsDataMainModificationPriceNow" title="Цена сейчас" style="margin-left: 0px;">
				 {GOODS_MOD_PRICE_NOW | money_format}
				 </h1>
						 <!-- информация для поисковика о валюте товара -->
						 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						 <!-- информация о числе товаров на складе -->
						 <meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
						 <!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
						 {% IF GOODS_MOD_REST_VALUE>0 %}
						 <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
						 {% ENDIF %}
				 <!-- Старая цена -->
				 <h3 class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
				 <!-- Если на товар действует скидка -->
				 {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
				 {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
				 <!-- Если старая цена была больше новой -->
				 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				 {GOODS_MOD_PRICE_OLD | money_format}
				 {% ENDIF %}
				 </h3>
				 </div>
				 <div class="clear"></div>

		 </div>

				 <div class="goodsDataFormSubmitButton">

				 <!-- Добавление в корзину -->
		 <div class="buy-item">
						 <input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">

						 <button type="submit" onclick="quickorder('.goodsDataForm');return false;" title="Быстро оформить заказ" style="float: left;">Заказать</button>
						 <!--button type="submit" onclick="$('.goodsDataForm').submit();" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" style="float: left;">В корзину</button-->
		 </div>



				 <!-- /Добавление в корзину -->
		 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
		 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
		 <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
		 {% IFNOT SETTINGS_COMPARE_DISABLE %}
				 <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
				 <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
		 {% ENDIF %}
		 {% ENDIF %}
				 </div>

				 <!-- Блок информации по акции действующей на товар, если таковая есть -->
				 {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		 <div class="goodsDataMainDiscountBlock" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
		 <!-- Акция на товар -->
				 <strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
						 По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
		 </div>
				 {% ENDIF %}

				 <!-- Блок выбора модификаций для текущей товарной позиции -->
				 <div class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
				 {% FOR goods_modifications_properties %}
		 <div class="goodsDataMainModificationsBlockProperty">
		 <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
		 {% FOR values %}
		 <!-- Если это первый элемент в списке -->
		 {% IF goods_modifications_properties.values.first %}
				 <strong>{goods_modifications_properties.NAME}:</strong><br />
				 <select name="form[properties][]">
		 {% ENDIF %}
				 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
		 <!-- Если это последний элемент в списке -->
		 {% IF goods_modifications_properties.values.last %}
				 </select>
		 {% ENDIF %}
		 {% ENDFOR %}
		 </div>
				 <div class="clear"></div>							  
		 {goods_modifications_properties.index | is_divided("2","","")}
										 {% ENDFOR %}

				 <!-- Данные по модификациям для текущей товарной позиции -->
				 {% FOR goods_modifications %}
						 <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
				 <input type="hidden" name="id" value="{goods_modifications.ID}" />
				 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
				 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
				 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
				 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
				 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
				 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
				 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
				 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
				 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
				 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
				 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
				 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
						 </div>
				 {% ENDFOR %}
				 <div class="clear"></div>
		 <!-- Блок описания модификации -->
		 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		 {GOODS_MOD_DESCRIPTION}
		 </div>
				 <div class="clear"></div>
		 </div>
		 </div>
</div>
</form>

</div>
	  <div class="tabbed_area">
		<ul class="tabs">
		  <!-- Если есть какое-либо описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>
		  {% ENDIF %}



		  <!-- Если есть информация о доставке товара -->
		  {% IFNOT goods_delivery_empty %}
			<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		  {% ENDIF %}

		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>
		  {% ENDIF %}
		</ul>

		<!-- Если есть какое-либо описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <div id="content_1" class="content">
			<!-- Блок описания товара. Показываем его есть описание товара -->
			{% IF GOODS_DESCRIPTION_LARGE %}
			  <h3>{GOODS_NAME}</h3>
			  <div class="htmlDataBlock" itemprop="description">
				{GOODS_DESCRIPTION_LARGE}
			  </div>
			{% ENDIF %}
			<!-- END Блок описания товара. Показываем его есть описание товара -->

			<!-- Короткое SEO-описание -->
			{% IF GOODS_SEO_DESCRIPTION_SHORT %}
			  <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
			{% ENDIF %}
			<!-- END Короткое SEO-описание -->

			<!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						 <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->

		 {% ENDIF %}

		 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
		 {% IFNOT goods_features_empty %}

				 <h3>Характеристики {GOODS_NAME}</h3>
			<table class="goodsDataFeatures">
			  <tr>
				{% FOR goods_features%}
				  <td>
					<p class="dotted"><span>{goods_features.NAME}</span></p>
				  </td>
				  <td>
					{goods_features.VALUE}
				  </td>
				  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				{% ENDFOR %}
			  </tr>
			</table>
		  </div>
		{% ENDIF %}
		<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->

		<!-- Блок с информацией о доставке товара -->
		{% IFNOT goods_delivery_empty %}
		  <div id="content_3" class="content">
			<!-- Блок описания вариантов доставки -->
			<h3>Условия доставки</h3>
			{% FOR goods_delivery %}
			  <br /><h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
			  <div class="goodsDataMainDeliveryItem" >
				<p>{goods_delivery.DESC}</p>

				{% IF goods_delivery.rules_empty %}
				  Стоимость доставки: {goods_delivery.PRICE | money_format}
				{% ELSE %}
				  <div class="goodsDataMainDeliveryItemRules">
					<table>
					  <thead>
						<tr>
						  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
						</tr>
						<tr>
						  <td>Для заказов больше</td>
						  <td>Стоимость доставки</td>
						</tr>
					  </thead>
					  <tbody class="num">
						{% FOR rules %}
						  <tr>
							<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.rules.PRICE | money_format}</td>
						  </tr>
						{% ENDFOR %}
						  <tr>
							<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.PRICE | money_format}</td>
						  </tr>
					  </tbody>
					</table>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDFOR %}
		  </div>
		{% ENDIF %}
		<!-- END Блок с информацией о доставке товара -->

		<!-- Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
		{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		  <div id="content_4" class="content">
			<div class="goodsDataOpinion">
			  <h3>Отзывы о {GOODS_NAME}</h3><br />

			  <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
			  {% IF opinion_list_empty_without_filter %}
				<div class="goodsDataOpinionMessage empty"><h2>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></h2></div>

			  <!-- Если по товару есть хотя бы один отзыв -->
			  {% ELSE %}
				<table>
				  <!-- Верхняя навигация (Фильтры и страницы) -->
				  <thead>
					<tr class="goodsDataOpinionListNavigateTop">
					  <td>
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
						  <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
						{% ELSE %}
						  <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
						{% ENDIF %}

						<!-- Фильтры отзывов -->
						<span class="goodsDataOpinionAverageInfo">
						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
							Все ({GOODS_OPINION_RATING_CNT_ALL}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
						  {% ENDIF %}

						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
							Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
						  {% ENDIF %}

						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
							Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
						  {% ENDIF %}

						  <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
						</span>
					  </td>
					  <td>
						<!-- Страницы отзывов -->
						{% IF opinion_show_pages %}
						  <div class="square_pages">
							<span>Страницы: </span>
							  {% FOR opinion_pages_list %}
								{% IF opinion_pages_list.CURRENT %}
								  <b>{opinion_pages_list.PAGE}</b>
								{% ELSE %}
								  <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
								{% ENDIF %}
							  {% ENDFOR %}
						  </div>
						{% ENDIF %}
					  </td>
					</tr>
				  </thead>
				  <!-- END Верхняя навигация (Фильтры и страницы) -->

				  <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
				  {% IF opinion_list_empty %}
					<tbody>
					  <tr>
						<td colspan="2">
						  <div class="goodsDataOpinionMessage empty">
							{% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
							  Положительных
							{% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
							  Отрицательных
							{% ENDIF %}
							отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
						  </div>
						</td>
					  </tr>
					</tbody>

				  <!-- Если отзывы по товару уже есть, покажем их список -->
				  {% ELSE %}
					<!-- Список отзывов о товарах -->
					<tbody>
					  <tr>
						<td colspan="2">
						  <table class="goodsDataOpinionListTable" itemprop="review">
							<tbody>
							{% FOR opinion_list %}
							  <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
								<td class="ceil1 a-center" width="15%">
								  <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span><br />
								  <span class="goodsDataOpinionListTableDate"><b>{opinion_list.DATE}</b></span>
								  <br />
								  {% IF opinion_list.DELETE_URL %}
									<a href="{opinion_list.DELETE_URL}">Удалить</a>
								  {% ENDIF %}
								</td>
								<td class="ceil2">
								  {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
								  {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />

								  {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.ANSWER %}
									<div class="goodsDataOpinionListTableAnswer">
									  {opinion_list.ANSWER | nl2br}<br />
									</div>
								  {% ENDIF %}
								</td>
							  </tr>
							{% ENDFOR %}
							</tbody>
						  </table>
						</td>
					  </tr>
					</tbody>
					<!-- END Список отзывов о товаре -->

					<!-- Нижняя навигация (страницы) -->
					<tfoot>
					  <tr class="goodsDataOpinionListNavigateBottom">
						<td colspan="2">
						  <!-- Страницы отзывов -->
						  {% IF opinion_show_pages %}
							<div class="square_pages">
							  <span>Страницы: </span>
								{% FOR opinion_pages_list %}
								  {% IF opinion_pages_list.CURRENT %}
									<b>{opinion_pages_list.PAGE}</b>
								  {% ELSE %}
									<a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
								  {% ENDIF %}
								{% ENDFOR %}
							</div>
						  {% ENDIF %}
						</td>
					  </tr>
					</tfoot>
					<!-- END Нижняя навигация (страницы) -->
				  {% ENDIF %}
				</table>
			  {% ENDIF %}
			  <!-- END Если по товару есть хотя бы один отзыв -->

			  <!-- Форма добавления нового отзыва о товаре -->
			  <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm">
				<div id="goodsDataOpinionAdd">

				  {% IF FORM_NOTICE %}<div class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}

				  <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}>

					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" />
					<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" />

					<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
					{ANTISPAM_CODE}

					<h3>Новый отзыв о &laquo;{GOODS_NAME}&raquo;</h3>

					<table class="goodsDataOpinionAddTable">
					  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
						{% IFNOT CLIENT_IS_LOGIN %}
						  <thead>
							<tr>
							  <td colspan="2">
								<div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
							  </td>
							</tr>
						  </thead>
						{% ENDIF %}
					  {% ENDIF %}

					  <!-- Тело таблицы. Форма добавления отзыва о товаре -->
					  <tbody>

						{% IFNOT CLIENT_IS_LOGIN %}
						<tr>
						  <td><label for="goods_opinion_name" class="required">Ваше имя</label></td>
						  <td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]"  value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required cornerAll"/></td>
						</tr>
						{% ENDIF %}
						<tr>
						  <td><label for="goods_opinion_title">Заголовок</label></td>
						  <td><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="cornerAll" /></td>
						</tr>
						<tr>
						  <td class="valignTop"><label>Оценка товара</label></td>
						  <td>
							<div class="goodsDataOpinionTableRating">
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" />
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/>
							</div>
							<span class="goodsDataOpinionMsg"></span>
						  </td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_accomplishments">Достоинства</label></td>
						  <td><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_limitations">Недостатки</label></td>
						  <td><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_comment" class="required">Комментарий</label></td>
						  <td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="7" class="required cornerAll">{FORM_GOODS_OPINION_COMMENT}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label></td>
						  <td>
							<div class="generally">
							  <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label>
							  <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label>
							</div>
						  </td>
						</tr>
						{% IF USE_CAPTCHA %}
						<tr>
						  <td><label for="opinion_captcha_string" class="required" title="Введите код с картинки">Введите код</label></td>
						  <td class="goodsDataOpinionCaptcha">
						  <table>
							<tr>
							  <td rowspan="2" style="width: 20%"><img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /></td>
							  <td><img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /></td>
							</tr>
							<tr>
							  <td><input id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="required captcha cornerAll" value="{FORM_}" /></td>
							</tr>
						  </table>
						  </td>
						</tr>
						{% ENDIF %}

					  </tbody>

					  <!-- Низ таблицы. Кнопка отправки формы -->
					  <tfoot>
						<tr>
						  <td><a href="#" class="goodsDataOpinionFormReset jsAction">Отменить</a></td>
						  <td><button type="button" title="Добавить отзыв о &laquo;{GOODS_NAME}&raquo;" class="submit" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button></td>
						</tr>
					  </tfoot>
					</table>
				  </div>
				</div>
			  </form>

			  <!-- Для того чтобы добавляющий увидел результат добавления отзыва - изменим хэш -->
			  {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %}
			</div>
		  </div>
		{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->

	  </div>
	</div>
	<div class="clear"></div>
  </section>
	 
  <aside>
	<div class="container">

<div class="breadcrumb">
		<p>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.last %}
			<span>></span><a href="{upper_navigation.URL}" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;"><b>Вернуться в категорию {upper_navigation.NAME}</b></a>
		  {% ENDIF %}
		{% ENDFOR %}
	   </p>
	  </div>

	  <!-- Сопутствующие товары -->
	  {% IFNOT related_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>Сопутствующие товары</h4>
		   <ul class="mycarousel2">
			  {% FOR related_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSE %} 
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" /> 
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;">{related_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				</p>  
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %} 
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF related_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}

				  {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{related_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-{related_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
					<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE %}
					  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					  {% IFNOT SETTINGS_COMPARE_DISABLE %}
						  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
							<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						  {% ELSE %}
							<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						  {% ENDIF %}
					  {% ENDIF %}
					{% ENDIF %}
				  </span>
			  </li>
			  {% ENDFOR %}  
		   </ul>  
		</div>
	  </div>
	   {% ENDIF %}
	  <!-- END Сопутствующие товары -->

	  <!-- С этим товаром смотрят -->
	  {% IFNOT related_views_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>С этим товаром смотрят</h4>
		   <ul class="mycarousel2">
			{% FOR related_views_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{related_views_goods.NAME}" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{related_views_goods.NAME}" />
				  </a>
				{% ELSE %}			  
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" /> 
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
				</p>  
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
					<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
					<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %} 
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF related_views_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{related_views_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_views_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}

				  {% IF related_views_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{related_views_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_views_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{related_views_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-{related_views_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
						  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
				</span>
			  </li>
			{% ENDFOR %}
		  </ul>  
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- END С этим товаром смотрят -->

	  <!-- Недавно просмотренные товары -->
	  {% IFNOT recently_viewed_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>Недавно просмотренные товары</h4>
		   <ul class="mycarousel2">
			{% FOR recently_viewed_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
				  </a>
				{% ELSE %}			  
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> 
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</a>
				</p>  
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
					<a href="{recently_viewed_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
					<a href="{recently_viewed_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %} 
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF recently_viewed_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{recently_viewed_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}

				  {% IF recently_viewed_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{recently_viewed_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({recently_viewed_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{recently_viewed_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-{recently_viewed_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
						  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
				</span>
			  </li>
			{% ENDFOR %}
		  </ul>  
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- END Недавно просмотренные товары -->

	</div>
  </aside>
  <script type="text/javascript">
	jQuery(function() {
	  $.fn.startCarousel = function() {
		var bodywidth2 = $('.car').width(),
   itemwidth2 = $('.mycarousel2 li').outerWidth(true), 
   mycontwidth2 = bodywidth2 > itemwidth2 ? bodywidth2 - bodywidth2%itemwidth2 : itemwidth2,
   licount2 = $('.mycarousel2 li').size(),
   jscroll2 = 1;

   if(licount2 > mycontwidth2/itemwidth2){
   jscroll2 =  mycontwidth2/itemwidth2;
   } else {
   jscroll2 = 0;
   mycontwidth2 = licount2 * itemwidth2;}
   $('.mycont2').width(mycontwidth2);
	   $('.mycarousel2').jcarousel({
	   scroll:jscroll2,
			wrap: 'circular'
	 }); };
	 $(this).startCarousel();
	 $(window).resize(function(){
	 $(this).startCarousel();
	 });
	 $('.mycarousel2').jcarousel();
	});
  </script>
</div>

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

  • IMG_2.jpg
  • IMG_1.jpg

#6 Taisia

Taisia

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

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

Отправлено 04 Октябрь 2013 - 14:31

так как у вас установлено абсолютное позиционирование для блока с кнопкой заказать то вариантов не так много
попробуйте в конец файла style.css добавить код

@media handheld and (min-width: 300px) and (max-width: 700px) {
	 #formatik {
position: absolute;
top: 272px;
left: 5px;
z-index: 999;
background-color: none;
width: 205px;
}
.main-image {
	margin-bottom: 390px !important;
}
 
   }

#7 Voprosiki

Voprosiki

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

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

Отправлено 04 Октябрь 2013 - 17:01

Просмотр сообщенияTaisia (04 Октябрь 2013 - 14:31) писал:

так как у вас установлено абсолютное позиционирование для блока с кнопкой заказать то вариантов не так много
попробуйте в конец файла style.css добавить код

@media handheld and (min-width: 300px) and (max-width: 700px) {
	 #formatik {
position: absolute;
top: 272px;
left: 5px;
z-index: 999;
background-color: none;
width: 205px;
}
.main-image {
margin-bottom: 390px !important;
}

}

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

#8 Vaccina

Vaccina

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

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

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

1. Сайт - Редактор шаблонов - Товар - найдите:

<div class="tabbed_area">
перед ним вставьте:

<div style="clear:both;"></div>

2. Сайт - Редактор шаблонов - style.css - найдите:

figure {
	float: left;
	position: relative;
	width: 22%;
}
#formatik {
	left: 460px;
	position: absolute;
	top: 83px;
	width: 205px;
	z-index: 999;
}

замените на:

figure {
	float: left;
	position: relative;
	width: 74% !important;
}
#formatik {
	float: left;
	width: 205px;
	z-index: 999;
}

После этого, при уменьшении размера окна, цена с кнопкой должны под фото быть.

#9 Voprosiki

Voprosiki

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

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

Отправлено 05 Октябрь 2013 - 09:43

Просмотр сообщенияVaccina (05 Октябрь 2013 - 05:09) писал:

1. Сайт - Редактор шаблонов - Товар - найдите:

<div class="tabbed_area">
перед ним вставьте:

<div style="clear:both;"></div>

2. Сайт - Редактор шаблонов - style.css - найдите:

figure {
float: left;
position: relative;
width: 22%;
}
#formatik {
left: 460px;
position: absolute;
top: 83px;
width: 205px;
z-index: 999;
}

замените на:

figure {
float: left;
position: relative;
width: 74% !important;
}
#formatik {
float: left;
width: 205px;
z-index: 999;
}

После этого, при уменьшении размера окна, цена с кнопкой должны под фото быть.

Сделала, но на компьютере выглядит как на картинке. На айфоне блок с ценой заезжает на описание. Где я ошиблась?

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

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

  • 3.png

#10 Voprosiki

Voprosiki

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

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

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

Просмотр сообщенияVaccina (05 Октябрь 2013 - 05:09) писал:

1. Сайт - Редактор шаблонов - Товар - найдите:

<div class="tabbed_area">
перед ним вставьте:

<div style="clear:both;"></div>

2. Сайт - Редактор шаблонов - style.css - найдите:

figure {
float: left;
position: relative;
width: 22%;
}
#formatik {
left: 460px;
position: absolute;
top: 83px;
width: 205px;
z-index: 999;
}

замените на:

figure {
float: left;
position: relative;
width: 74% !important;
}
#formatik {
float: left;
width: 205px;
z-index: 999;
}

После этого, при уменьшении размера окна, цена с кнопкой должны под фото быть.


Сейчас мне удалось немного "поиграв" с кодом, рекомендованным Вами выше, сделать как на картинке. Как мне при просмотре через обычный комп добиться того, чтобы цена была на уровне фото товара справа от него? А при просмотре через мобильные устройства "соскальзывала" под фото товара?

Спасибо.

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

  • PastedGraphic-1.png

#11 Vaccina

Vaccina

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

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

Отправлено 08 Октябрь 2013 - 05:42 

<figure style="width: 100%; margin-bottom: 20px; z-index: 50; float: none;" class="main-image">

уберите float: none;

После изменений не забываем чистить кэш браузера =)

#12 Voprosiki

Voprosiki

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

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

Отправлено 08 Октябрь 2013 - 06:26

Просмотр сообщенияVaccina (08 Октябрь 2013 - 05:42) писал:

<figure style="width: 100%; margin-bottom: 20px; z-index: 50; float: none;" class="main-image">

уберите float: none;

После изменений не забываем чистить кэш браузера =)

Нашла в шаблоне Товар вот такой код: <figure style="width: 100%; margin-bottom: 20px;  z-index: 50;" class="main-image"> float: none; убрала. Ничего не изменилось, кроме того, что когда карточка товара загружается блок цены на долю секунды мелькает на том самом месте, где я хочу его видеть, а затем опускается вниз. Что делать? Спасибо!

#13 Vaccina

Vaccina

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

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

Отправлено 08 Октябрь 2013 - 06:46

На данный момент у меня отображается и как хотелось.
Пришлите пожалуйста скриншот и укажите под каким браузером смотрите.

Кэш браузера чистили?

#14 Voprosiki

Voprosiki

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

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

Отправлено 08 Октябрь 2013 - 07:27

Просмотр сообщенияVaccina (08 Октябрь 2013 - 06:46) писал:

На данный момент у меня отображается и как хотелось.
Пришлите пожалуйста скриншот и укажите под каким браузером смотрите.

Кэш браузера чистили?

Кэш чистила. Браузер Сафари и Firefox (последний для мака)

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

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

  • PastedGraphic-2.png

#15 shnafix

shnafix

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

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

Отправлено 08 Октябрь 2013 - 13:02

Просмотр сообщенияVoprosiki (08 Октябрь 2013 - 07:27) писал:

Кэш чистила. Браузер Сафари и Firefox (последний для мака)

скриншот (одинаковый практически для обоих браузеров) в приложении, причем это для "короткой" горизонтальной по высоте фотографии товара, если смотреть на карточку товара с вертикальной фотографией, то у меня экрана не хватит, чтобы сделать содержательный скриншот. То же самое и в горизонтальном формате айпада на сафари.
Здравствуйте.
Сейчас кнопка отображается выше, чем на Вашем скриншоте.
Попробуйте еще раз почистить кэш браузера.

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

  • Безымянный.png

#16 Voprosiki

Voprosiki

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

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

Отправлено 08 Октябрь 2013 - 13:57

Просмотр сообщенияshnafix (08 Октябрь 2013 - 13:02) писал:

Здравствуйте.
Сейчас кнопка отображается выше, чем на Вашем скриншоте.
Попробуйте еще раз почистить кэш браузера.

Здравствуйте. Почистила еще раз, но не помогает. Firefox вообще новый перед просмотром установила, так что дело не в кэше. Посмотрите 2 скриншота из сафари и firefox - оба смотрятся странно с большим пустым местом на экране. В чем может быть проблема?

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

  • Safari.png
  • Firefox.png

#17 shnafix

shnafix

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

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

Отправлено 08 Октябрь 2013 - 17:54

Просмотр сообщенияVoprosiki (08 Октябрь 2013 - 13:57) писал:

Здравствуйте. Почистила еще раз, но не помогает. Firefox вообще новый перед просмотром установила, так что дело не в кэше. Посмотрите 2 скриншота из сафари и firefox - оба смотрятся странно с большим пустым местом на экране. В чем может быть проблема?
Проблема такого отображения заключена в разрешении. На данный момент при ширине окна браузера шире 1351px изображение карточки товара соответствует скриншоту, который был приложен мной выше, у Вас видимо разрешение меньше. Чтобы добиться такого отображения, Вы можете найти в main.css найти блок 
figure {
	 float: left;
	 position: relative;
	 width: 73% !important;
}
и подобрать иное значение для параметра 
width: 73% !important;
, который здесь отвечает за ширину изображения.

#18 Voprosiki

Voprosiki

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

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

Отправлено 08 Октябрь 2013 - 18:29

Гениально! спасибо огромное!
Обратно в Страница товара


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

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

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