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


Изменение Оформления Карточки Товара

Автор Sh_salic, 03 нояб. 2016 20:35

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

#1 Sh_salic

Sh_salic

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

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

Отправлено 03 Ноябрь 2016 - 20:35

Здравствуйте.

аккаунт SL-392628

Помогите, пожалуйста, сделать две вещи:

1. Поменять местами Описание и Характеристики
2. Изменить расположение кнопки выбора кол-ва товара.

образец во вложении.

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

  • кол_нов.jpg

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 06 Ноябрь 2016 - 10:03

Просмотр сообщенияSh_salic (03 Ноябрь 2016 - 20:35) писал:

Здравствуйте.

аккаунт SL-392628

Помогите, пожалуйста, сделать две вещи:

1. Поменять местами Описание и Характеристики
2. Изменить расположение кнопки выбора кол-ва товара.

образец во вложении.
Здравствуйте.

1.В шаблоне Товар
найдите
<!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(1);" id="tab_1" class="active theme-color">Описание</a>
			 {%ENDIF%}
<!--END Если есть какое-либо описание товара -->
<!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a>
			 {% ENDIF %}
<!--END Если есть характеристики товара -->

замените на

			   <!-- Если есть характеристики товара -->
			   {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(2);" id="tab_2" class="active theme-color">Характеристики</a>
			   {% ENDIF %} 
			   <!--END Если есть характеристики товара -->
			  
			   <!-- Если есть какое-либо описание товара -->
			   {% IF GOODS_DESCRIPTION_LARGE %}
				<a href="javascript:tabSwitch(1);" id="tab_1" >Описание</a>
			   {%ENDIF%}
			   <!--END Если есть какое-либо описание товара -->
2.Изменения Вам произвёл, проверьте пожалуйста.

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

  • 06-11-2016 10-02-59.jpg

Сообщение отредактировал Mr.Nito: 07 Ноябрь 2016 - 00:51
Исправлена ошибка в инструкции

#3 Sh_salic

Sh_salic

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

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

Отправлено 06 Ноябрь 2016 - 22:57

Просмотр сообщенияMr.Nito (06 Ноябрь 2016 - 10:03) писал:

Здравствуйте.

1.В шаблоне Товар
найдите
<!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(1);" id="tab_1" class="active theme-color">Описание</a>
			 {%ENDIF%}
<!--END Если есть какое-либо описание товара -->
<!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a>
			 {% ENDIF %}
<!--END Если есть характеристики товара -->

замените на

			 <!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(1);" id="tab_1"class="active theme-color">Характеристики</a>
			 {% ENDIF %}
			 <!--END Если есть характеристики товара -->
			
			 <!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(2);" id="tab_2" >Описание</a>
			 {%ENDIF%}
			 <!--END Если есть какое-либо описание товара -->

2.Изменения Вам произвёл, проверьте пожалуйста.


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

Второй пункт оставим как есть.

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

  • кол_нов1.jpg

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 07 Ноябрь 2016 - 00:55

Просмотр сообщенияSh_salic (06 Ноябрь 2016 - 22:57) писал:

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

Второй пункт оставим как есть.

1. Изменения произвёл, проверьте пожалуйста, сейчас должно отображаться правильно.

Заменил стандартный код
						 <!-- Если есть какое-либо описание товара -->
						 {% IF GOODS_DESCRIPTION_LARGE %}
						 <a href="javascript:tabSwitch(1);" id="tab_1" class="active theme-color">Описание</a>
						 {%ENDIF%}
						 <!--END Если есть какое-либо описание товара -->
						 <!-- Если есть характеристики товара -->
						 {% IFNOT goods_features_empty %}
								 <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a>
						 {% ENDIF %}
						 <!--END Если есть характеристики товара -->

на

			 <!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
				 <a href="javascript:tabSwitch(2);" id="tab_2" class="active theme-color">Характеристики</a>
			 {% ENDIF %}
			 <!--END Если есть характеристики товара -->
			
			 <!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(1);" id="tab_1" >Описание</a>
			 {%ENDIF%}
			 <!--END Если есть какое-либо описание товара -->

#5 Sh_salic

Sh_salic

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

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

Отправлено 10 Ноябрь 2016 - 02:12

Здравствуйте.

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

Напомню, что изначально вопрос стоял так: поменять характеристики и описание местами. Не название, а вместе с содержимым. Что бы по умолчанию, при открытии карточки  товара, отображались характеристики. А описание должно быть второй закладкой.

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

  • primer-8.jpg
  • primer-9.jpg

#6 Razon

Razon

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

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

Отправлено 10 Ноябрь 2016 - 09:29

Просмотр сообщенияSh_salic (10 Ноябрь 2016 - 02:12) писал:

Здравствуйте.

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

Напомню, что изначально вопрос стоял так: поменять характеристики и описание местами. Не название, а вместе с содержимым. Что бы по умолчанию, при открытии карточки  товара, отображались характеристики. А описание должно быть второй закладкой.

Здравствуйте,  в файле Товар,  найдите:
			 <!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(1);" id="tab_1" class="active theme-color">Описание</a>
			 {%ENDIF%}
			 <!--END Если есть какое-либо описание товара -->
			 <!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
							 <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a>
			 {% ENDIF %}
			 <!--END Если есть характеристики товара -->
			
			 <!--Способы доставки-->
			 <a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a>		
			 <!--END Способы доставки-->
			 <!-- Если подключен модуль отзывов о товарах -->
			 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			 <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
			 {% ENDIF %}
			 {% IFNOT related_views_goods_empty %}
			 <a href="javascript:tabSwitch(5);" id="tab_5">С этим товаром смотрят</a>
			 {%ENDIF%}
			 {% IFNOT related_goods_empty %}
			 <a href="javascript:tabSwitch(6);" id="tab_6">Сопутствующие товары</a>
			 {%ENDIF%}
		 </div>
			 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			 <div id="content_1" class="tab-content">
				 <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-описание -->
				
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
					 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
					 {GOODS_SEO_DESCRIPTION_LARGE}
					 </div>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </div>
			 </div>
			 {% ENDIF %}
			
			 <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
					
			 <div class="properties">
			 <h3>Характеристики "{GOODS_NAME}"</h3>
			
				 {% FOR goods_features %}
				 <div class="oneprop">
				 <div class="attr_name">{goods_features.NAME} :</div>
				 <div class="attr_value">{goods_features.VALUE}</div>
				 </div>
				 {% ENDFOR %}
			
			 </div>
		
			 </div>

Замените на:
			 <!-- Если есть характеристики товара -->
			 {% IFNOT goods_features_empty %}
			 <a href="javascript:tabSwitch(1);" id="tab_1" class="active theme-color">Характеристики</a>
			 {% ENDIF %}
			 <!--END Если есть характеристики товара -->
			 <!-- Если есть какое-либо описание товара -->
			 {% IF GOODS_DESCRIPTION_LARGE %}
			 <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>
			 {%ENDIF%}
			 <!--END Если есть какое-либо описание товара -->
			
			 <!--Способы доставки-->
			 <a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a>		
			 <!--END Способы доставки-->
			 <!-- Если подключен модуль отзывов о товарах -->
			 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			 <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
			 {% ENDIF %}
			 {% IFNOT related_views_goods_empty %}
			 <a href="javascript:tabSwitch(5);" id="tab_5">С этим товаром смотрят</a>
			 {%ENDIF%}
			 {% IFNOT related_goods_empty %}
			 <a href="javascript:tabSwitch(6);" id="tab_6">Сопутствующие товары</a>
			 {%ENDIF%}
		 </div>
			  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			  <div id="content_1" class="tab-content">

			 <div class="properties">
				<h3>Характеристики "{GOODS_NAME}"</h3>

				 {% FOR goods_features %}
				 <div class="oneprop">
				  <div class="attr_name">{goods_features.NAME} :</div>
				  <div class="attr_value">{goods_features.VALUE}</div>
				 </div>
				 {% ENDFOR %}

			 </div>

			  </div>
			  {% ENDIF %}
			 <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display:none;"{%ENDIF%}>
				 <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-описание -->
				
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
					 <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
					 {GOODS_SEO_DESCRIPTION_LARGE}
					 </div>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
				 </div>
			 </div>

#7 Sh_salic

Sh_salic

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

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

Отправлено 11 Ноябрь 2016 - 00:22

Все получилось, спасибо!
Обратно в Страница товара


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

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

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