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


Изменение Страницы Товара С Перемещением Модификаций, Описания И Арактеристик

название товара описание товара характеристики товара модификации товара страница товара

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

#1 Minna

Minna

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

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

Отправлено 20 Август 2014 - 13:57

Доброго дня!
Помогите изменить страницу товара.
Что и куда перенести - во вложении.
Что надо сделать:
1. Убрать название товара из серой строки и заменить им назвние вкладки Общее
2. Модификации переместить между ценой и кнопкой заказа, поставить их не столбиком, а в строку
3. Вкладку Описание не отображать, а информацию из нее разместить под кнопкой заказа.
4. Вкладку Характеристики также убрать, а сами характеристики разместить под уже перемещенным Описанием.
Спасибо

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

  • страница товара мой вариант.JPG


#2 Danil

Danil

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

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

Отправлено 20 Август 2014 - 14:42

Просмотр сообщенияMinna (20 Август 2014 - 13:57) писал:

Доброго дня!
Помогите изменить страницу товара.
Что и куда перенести - во вложении.
Что надо сделать:
1. Убрать название товара из серой строки и заменить им назвние вкладки Общее
2. Модификации переместить между ценой и кнопкой заказа, поставить их не столбиком, а в строку
3. Вкладку Описание не отображать, а информацию из нее разместить под кнопкой заказа.
4. Вкладку Характеристики также убрать, а сами характеристики разместить под уже перемещенным Описанием.
Спасибо

Здравствуйте.
1.В шаблоне html код на 363 строке и удалите
{% ELSEIF MOD_LNAME=goods %}
			 {GOODS_NAME}
Далее зайдите в шаблон товар и найдите код на 4 строке
<a href="javascript:tabSwitch(1);" id="tab_1" class="active">Общие</a>
И замените на
<a href="javascript:tabSwitch(1);" id="tab_1" class="active"> {GOODS_NAME}</a>

2. Зайдите в шаблоне товар.
Далее найдите код и вырежьте
<!-- Блок выбора модификаций для текущей товарной позиции -->
	 <div class="goodsDataMainModificationsBlock description" {% 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>				
	 {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="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	 {GOODS_MOD_DESCRIPTION}
	 </div>
</div>

Вставьте вырезанный код, после этого кода
	 <!-- По этому значению производится заказ товара -->
	 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />

И добавьте в main.css код
.goodsDataMainModificationsBlockProperty {
display: inline-block;
}

3 и 4.  Перемещение этих вкладок, может занять много времени и повлиять на адаптивность сайта.

#3 Minna

Minna

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

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

Отправлено 20 Август 2014 - 15:09

Спасибо, сделала. http://mihaleva.stor...lina#show_tab_1
Еще хочу 1. чтобы модификации встали в строку, 2. Уменьшить отступ до блока модификаций, 3. изменить размер шрифта слова "рублей" в старой цене. Подскажите.

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

  • модификации.JPG


#4 Danil

Danil

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

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

Отправлено 20 Август 2014 - 15:20

Просмотр сообщенияMinna (20 Август 2014 - 15:09) писал:

Спасибо, сделала. http://mihaleva.stor...lina#show_tab_1
Еще хочу 1. чтобы модификации встали в строку, 2. Уменьшить отступ до блока модификаций, 3. изменить размер шрифта слова "рублей" в старой цене. Подскажите.

1) Добавьте в main.css этот код
.goodsDataMainModificationsBlockProperty {
display: inline-block;
}
2)В main.css найдите код
.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
font-size: 24px;
color: #333333;
}
И замените на
.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
font-size: 24px;
color: #333333;
}

Найдите в main.css код
.product-info .price-old {
color: #cecece;
text-decoration: line-through;
font-size: 18px;
}
Font-size:18px(размер шрифта) измените на свое значение

#5 Minna

Minna

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

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

Отправлено 20 Август 2014 - 15:41

Отлично, спасибо вам!
А с пунктами
3. Вкладку Описание не отображать, а информацию из нее разместить под кнопкой заказа.
4. Вкладку Характеристики также убрать, а сами характеристики разместить под уже перемещенным Описанием.
описано здесь, http://forum.storela...арточку-товара/
но я не понимаю, что именно надо сделать, чтобы перенести только нужные мне блоки, а Отзывы оставить на месте.
Поможете разобраться?

#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 20 Август 2014 - 15:55

Просмотр сообщенияMinna (20 Август 2014 - 15:41) писал:

Отлично, спасибо вам!
А с пунктами
3. Вкладку Описание не отображать, а информацию из нее разместить под кнопкой заказа.
4. Вкладку Характеристики также убрать, а сами характеристики разместить под уже перемещенным Описанием.
описано здесь, http://forum.storela...арточку-товара/
но я не понимаю, что именно надо сделать, чтобы перенести только нужные мне блоки, а Отзывы оставить на месте.
Поможете разобраться?

Здравствуйте, для объединения вкладок используйте данную инструкцию

#7 Minna

Minna

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

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

Отправлено 22 Август 2014 - 11:06

Здравствуйте! После внесения изменений по частичному объединению вкладок получилось не совсем так как планировала.
Что хотела: переместить краткое SEO описание на первую вкладку, оставив при этом вкладку Описание для полного SEO-описания если оно будет у товара.
Что получилось: вкладка Описания появляется пустой при наличии краткого SEO описания продукта.
Вопрос: как сделать так, чтобы при отсутствии полного описания эта вкладка не отображалась?
http://mihaleva.stor...лтая#show_tab_1

#8 Dars

Dars

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

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

Отправлено 22 Август 2014 - 11:32

Просмотр сообщенияMinna (22 Август 2014 - 11:06) писал:

Здравствуйте! После внесения изменений по частичному объединению вкладок получилось не совсем так как планировала.
Что хотела: переместить краткое SEO описание на первую вкладку, оставив при этом вкладку Описание для полного SEO-описания если оно будет у товара.
Что получилось: вкладка Описания появляется пустой при наличии краткого SEO описания продукта.
Вопрос: как сделать так, чтобы при отсутствии полного описания эта вкладка не отображалась?
http://mihaleva.stor...лтая#show_tab_1
В шаблоне "Товар" 2 раза встречается условие:

  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}

в обоих местах замените его на:

  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_LARGE %}


#9 Minna

Minna

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

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

Отправлено 22 Август 2014 - 12:15

У меня такое условие встретилось только 1 раз. При внесении изменений исчезло краткое SEO-описание с вкладки товара.

#10 Dars

Dars

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

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

Отправлено 22 Август 2014 - 12:21

Просмотр сообщенияMinna (22 Август 2014 - 12:15) писал:

У меня такое условие встретилось только 1 раз. При внесении изменений исчезло краткое SEO-описание с вкладки товара.
У вас сейчас отображается краткое SEO-описание на общей вкладке, и нет вкладки "Описание".

#11 Minna

Minna

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

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

Отправлено 22 Август 2014 - 14:42

Да, спасибо, помогло.
Нужно еще доработать:
1. Информацию об участии товара в акции переместить над ценой
2. Блок с добавлением количества товара поставить рядом с модификациями
3. поставить полосу -Разделитель после Характеристик

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

  • страница товара.png


#12 Minna

Minna

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

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

Отправлено 22 Август 2014 - 15:08

И еще после всех моих манипуляций на странице Категории уехал вниз блок с описанием категории и сортировкой в товарной категории, как вернуть его на место сразу под товарами?
http://mihaleva.stor...etskaya-odezhda

Задала вопрос в другой теме.

А предыдущий вопрос пока без ответа. помогите.

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

  • нижний блок категории.JPG


#13 Dars

Dars

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

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

Отправлено 22 Август 2014 - 16:50

Просмотр сообщенияMinna (22 Август 2014 - 14:42) писал:

Да, спасибо, помогло.
Нужно еще доработать:
1. Информацию об участии товара в акции переместить над ценой
2. Блок с добавлением количества товара поставить рядом с модификациями
3. поставить полосу -Разделитель после Характеристик
В main.css найдите код:

/* Кнопки выбора количества товара */
  div.plus_minus_quantity {margin:5px 0 10px;}
  .cart .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .cart .qty-minus, .quantity .qty-minus, .cart .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #999999;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .cart .qty-plus:hover, .quantity .qty-plus:hover, .cart .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
  .goodsDataForm .plus_minus_quantity {margin: 0 10px 0 0;}
  .goodsDataForm .cart .qty-minus, .goodsDataForm .cart .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;vertical-align: middle;}
  .goodsDataForm  .quantity {height: 32px;margin: 0;vertical-align: middle;}
  /* END Кнопки выбора количества товара */

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

  /* Кнопки выбора количества товара */
  div.plus_minus_quantity {margin:5px 0 10px; display:inline;}
  .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;text-align:center !important;}
  .qty-minus, .quantity .qty-minus, .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px; padding: 2px 7px; margin: 0;text-align:center;background-color: #999999;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .qty-plus:hover, .quantity .qty-plus:hover, .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
  .goodsDataForm .plus_minus_quantity {margin: 0 10px 0 0;}
  .goodsDataForm .qty-minus, .goodsDataForm .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;vertical-align: middle;}
  .goodsDataForm  .quantity {height: 32px;margin: 0;vertical-align: middle;}
  /* END Кнопки выбора количества товара */

Затем в шаблоне "Товар" найдите код:

		  <!-- Доступность товара -->
		 <div class="goodsDataMainModificationAvailable">
		 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> Наличие товара:  <span>Товар есть в наличии </span></div>
		 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ </span></div>
		</div>
		</div>   
		 
		<div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
		  <!-- Цена сейчас -->
		  <div class="pricetag">
			Цена:
			<span class="price-new goodsDataMainModificationPriceNow" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
			  {GOODS_MOD_PRICE_NOW | money_format}
			</span>
			<!-- информация для поисковика о валюте товара -->
			<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 %}
		  </div>
		  <!-- Старая цена -->
		  <!-- Если на товар действует скидка -->
		  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб.">
			  {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
			</span>
		  <!-- Если старая цена была больше новой -->
		  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
			<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_OLD} руб.">
			  {GOODS_MOD_PRICE_OLD | money_format}
			</span>
		  {% ENDIF %}
		  <!-- /Старая цена -->
		</div>
	   
	 <!-- По этому значению производится заказ товара -->
	 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
 
  <!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% 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>				 
	  {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="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	  {GOODS_MOD_DESCRIPTION}
	 </div>
	</div>
	   
		<!-- Добавление в корзину -->
		<div class="cart">
		  <div>
			<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
		   <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>
			<input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<!-- input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		  </div>
		</div>
		<!-- /Добавление в корзину -->
	   {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <div>
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% 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 %}
				 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_SHORT}
				 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
		 </div>
{% ENDIF %}
{% IFNOT goods_features_empty %}
		 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
		 {% IFNOT goods_features_empty %}
<div>
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
				 <tr>
				 {% FOR goods_features%}
						 <td>
						 <p class="name"><span class="value">{goods_features.NAME}</span></p>
						 </td>
						 <td>
						 <span class="value">{goods_features.VALUE}</span>
						 </td>
						 {goods_features.index | is_divided("2","</tr><tr>","")}
				 {% ENDFOR %}
				 </tr>
		 </table>
</div>
		 {% ENDIF %}
		 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
{% ENDIF %}		
	<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
	{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		  <div class="description">
			{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			  <a class="add_to_compare_small added"
				data-action-is-add="0"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  >Удалить из сравнения</a>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Удалить из сравнения</a>
			{% ELSE %}
			  <a class="add_to_compare_small"
				data-action-is-add="1"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  >Сравнить</a>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Добавить к сравнению</a>
			{% ENDIF %}
		  </div>
	{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
	 
		<!-- Если есть возможность добавить товар в избранное -->
		<div class="description">
		  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			<a class="add_to_wishlist_small added"
			  data-action-is-add="0"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Удалить из избранного</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Удалить из избранного</a>
		  {% ELSE %}
			<a class="add_to_wishlist_small"
			  data-action-is-add="1"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Добавить в избранное</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Добавить в избранное</a>
		  {% ENDIF %}
		</div>
		<!-- END Если есть возможность добавить товар в избранное -->
			   
		<!-- Блок информации по акции действующей на товар, если таковая есть -->
		{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
	  <div class="goodsDataMainDiscountBlock description" 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 %}
	   
		</form>
	 
	  <!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->
	</div>
  </div> 

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

<!-- Доступность товара -->
		 <div class="goodsDataMainModificationAvailable">
		 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> Наличие товара:  <span>Товар есть в наличии </span></div>
		 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Под заказ </span></div>
		</div>
		</div>   
		  <!-- Блок информации по акции действующей на товар, если таковая есть -->
		{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
	   <div class="goodsDataMainDiscountBlock description" 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="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
		  <!-- Цена сейчас -->
		  <div class="pricetag">
			Цена:
			<span class="price-new goodsDataMainModificationPriceNow" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
			  {GOODS_MOD_PRICE_NOW | money_format}
			</span>
			<!-- информация для поисковика о валюте товара -->
			<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 %}
		  </div>
		  <!-- Старая цена -->
		  <!-- Если на товар действует скидка -->
		  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб.">
			  {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
			</span>
		  <!-- Если старая цена была больше новой -->
		  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
			<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на &laquo;{GOODS_NAME}&raquo;. Старая цена - {GOODS_MOD_PRICE_OLD} руб.">
			  {GOODS_MOD_PRICE_OLD | money_format}
			</span>
		  {% ENDIF %}
		  <!-- /Старая цена -->
		</div>
	   
	 <!-- По этому значению производится заказ товара -->
	 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
 
  <!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% 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>				 
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
  <div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
			  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% 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="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	  {GOODS_MOD_DESCRIPTION}
	 </div>
	</div>
	   
		<!-- Добавление в корзину -->
		<div class="cart">
		  <div>
			<input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<!-- input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		  </div>
		</div>
		<!-- /Добавление в корзину -->
	   {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <div>
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% 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 %}
				 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_SHORT}
				 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
		 </div>
{% ENDIF %}
{% IFNOT goods_features_empty %}
		 <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
		 {% IFNOT goods_features_empty %}
<div style="padding-bottom: 10px;border-bottom: 1px solid #E7E7E7;">
		 <h3>Характеристики {GOODS_NAME}</h3>
		 <table class="goodsDataFeatures" width="100%">
				 <tr>
				 {% FOR goods_features%}
						 <td>
						 <p class="name"><span class="value">{goods_features.NAME}</span></p>
						 </td>
						 <td>
						 <span class="value">{goods_features.VALUE}</span>
						 </td>
						 {goods_features.index | is_divided("2","</tr><tr>","")}
				 {% ENDFOR %}
				 </tr>
		 </table>
</div>
		 {% ENDIF %}
		 <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
{% ENDIF %}		
	<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
	{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		  <div class="description">
			{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			  <a class="add_to_compare_small added"
				data-action-is-add="0"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  >Удалить из сравнения</a>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Удалить из сравнения</a>
			{% ELSE %}
			  <a class="add_to_compare_small"
				data-action-is-add="1"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  >Сравнить</a>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Добавить к сравнению</a>
			{% ENDIF %}
		  </div>
	{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
	 
		<!-- Если есть возможность добавить товар в избранное -->
		<div class="description">
		  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			<a class="add_to_wishlist_small added"
			  data-action-is-add="0"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Удалить из избранного</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Удалить из избранного</a>
		  {% ELSE %}
			<a class="add_to_wishlist_small"
			  data-action-is-add="1"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>Добавить в избранное</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Добавить в избранное</a>
		  {% ENDIF %}
		</div>
		<!-- END Если есть возможность добавить товар в избранное -->
			   
	   
	   
		</form>
	 
	  <!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->
	</div>
  </div> 


#14 Minna

Minna

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

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

Отправлено 22 Август 2014 - 18:37

Спасибо, практически уже близко к желаемому, но помогите еще:
1. блок с количеством вернуть на прежнее место (уж простите, но он там вообще не смотрится),
2. изменился цвет "+" и "-" и теперь сливаются с фоном, в неактивном положении должны быть белыми
3. при малом разрешении экрана характеристики накладываются друг на друга, как их поставить в столбец?
4. уменьшить отступ между блоком с кнопкой заказа и полосой-разделителем.

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

  • страница товара.png


#15 Vaccina

Vaccina

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

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

Отправлено 23 Август 2014 - 04:09

1. В шаблоне Товар найдите:
<div class="plus_minus_quantity">
						  <span class="qty-minus">-</span>
						  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				  <span class="qty-plus">+</span>
				</div>
переместите его поставив перед:
<div>
						<input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/>
						<!-- input type="button" value="Заказать" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Добавить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				  </div>

2. В main.css найдите:
.product-info .description span {
	color: #999999;
}
замените на:
.product-info .description span {
	color: #fff;
}

3.В шаблоне Товар найдите:
{goods_features.index | is_divided("2","</tr><tr>","")}
замените на:
{goods_features.index | is_divided("1","</tr><tr>","")}

4. В main.css найдите:
.product-info .cart {
	border-bottom: 1px solid #e7e7e7;
	color: #4d4d4d;
	height: 62px;
	margin-bottom: 5px;
	padding: 12px 5px 10px;
	position: relative;
}
замените на:
.product-info .cart {
	border-bottom: 1px solid #e7e7e7;
	color: #4d4d4d;
	height: 45px;
	margin-bottom: 5px;
	padding: 12px 5px 10px;
	position: relative;
}


#16 Minna

Minna

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

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

Отправлено 24 Август 2014 - 20:23

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

#17 Minna

Minna

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

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

Отправлено 13 Сентябрь 2014 - 14:13

Добрый день! Подскажите, как переместить блок с доставкой в отдельную вкладку на странице товара?

#18 Dars

Dars

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

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

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

Просмотр сообщенияMinna (13 Сентябрь 2014 - 14:13) писал:

Добрый день! Подскажите, как переместить блок с доставкой в отдельную вкладку на странице товара?
Здравствуйте!
В шаблоне "Товар" после строк:

{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
	{% ENDIF %}

добавьте строку:

	  <a href="javascript:tabSwitch(5);" id="tab_5">Доставка</a>

Затем найдите и удалите следующий блок кода:

<!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->

И после строк:

<!-- END Если есть возможность добавить товар в избранное -->
					 
		</form>
	</div>
  </div> 

добавьте код:

<div id="content_5" class="tab-content">
	  <!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->
  </div>


#19 Minna

Minna

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

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

Отправлено 13 Сентябрь 2014 - 16:31

У меня нет таких строк:
<!-- END Если есть возможность добавить товар в избранное -->

</form>
</div>
  </div>

<!-- END Если есть возможность добавить товар в избранное -->

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add_to_compare_small added"
  data-action-is-add="0"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>убрать из сравнения</a>
  {% ELSE %}
<a class="add_to_compare_small"
  data-action-is-add="1"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>Сравнить</a>
  {% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
  </div>
</div>
</div>
  </div>
{% ENDFOR %}
  </div>
</div>
  {% ENDIF %}
  <!-- Вывод сопутствующих товаров таблицей-Конец -->

У меня нет таких строк:
<!-- END Если есть возможность добавить товар в избранное -->

</form>
</div>
  </div>
А есть вот такие:
<!-- END Если есть возможность добавить товар в избранное -->

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add_to_compare_small added"
  data-action-is-add="0"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>убрать из сравнения</a>
  {% ELSE %}
<a class="add_to_compare_small"
  data-action-is-add="1"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>Сравнить</a>
  {% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
  </div>
</div>
</div>
  </div>
{% ENDFOR %}
  </div>
</div>
  {% ENDIF %}
  <!-- Вывод сопутствующих товаров таблицей-Конец -->

В какую строку вставлять?

#20 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 13 Сентябрь 2014 - 16:37

Просмотр сообщенияMinna (13 Сентябрь 2014 - 16:31) писал:

У меня нет таких строк:
<!-- END Если есть возможность добавить товар в избранное -->

</form>
</div>
  </div>

<!-- END Если есть возможность добавить товар в избранное -->

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add_to_compare_small added"
  data-action-is-add="0"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>убрать из сравнения</a>
  {% ELSE %}
<a class="add_to_compare_small"
  data-action-is-add="1"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>Сравнить</a>
  {% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
  </div>
</div>
</div>
  </div>
{% ENDFOR %}
  </div>
</div>
  {% ENDIF %}
  <!-- Вывод сопутствующих товаров таблицей-Конец -->

У меня нет таких строк:
<!-- END Если есть возможность добавить товар в избранное -->

</form>
</div>
  </div>
А есть вот такие:
<!-- END Если есть возможность добавить товар в избранное -->

<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add_to_compare_small added"
  data-action-is-add="0"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>убрать из сравнения</a>
  {% ELSE %}
<a class="add_to_compare_small"
  data-action-is-add="1"
  data-action-add-url="{COMPARE_ADD_URL}"
  data-action-delete-url="{COMPARE_DELETE_URL}"
  data-action-add-title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  data-action-delete-title="Убрать &laquo;{related_goods.NAME}&raquo; из списка сравнения с другими товарами"
  title="Добавить &laquo;{related_goods.NAME}&raquo; в список сравнения с другими товарами"
  href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
>Сравнить</a>
  {% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
  </div>
</div>
</div>
  </div>
{% ENDFOR %}
  </div>
</div>
  {% ENDIF %}
  <!-- Вывод сопутствующих товаров таблицей-Конец -->

В какую строку вставлять?
после
<!-- END Если есть возможность добавить товар в избранное -->
</form>
</div>
  </div>
смотрите первые строчки в вашем присланом коде.





Темы с аналогичным тегами название товара, описание товара, характеристики товара, модификации товара, страница товара

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

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