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


Страница Товара


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

#1 Александр86

Александр86

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

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

Отправлено 05 Февраль 2016 - 09:34

Здравствуйте! Помогите пожалуйста, необходимо в карточке товара "заполнить устое место" под кнопками в корзину,быстрый заказ,добавить в избранное.
Какой из вариантов более осуществим:
1. Перенести дополнительные отображения в это место.
2. Перенести полное описание справа от фотографии до этих кнопок.Но при этом создать дополнительный блок с видеообзором, то есть,чтобы можно было в эту вкладку загружать видео.
3. Нельзя ли краткое описание сделать редактируемым,тогда вообще ничего изменять особо не надо?
Еще хотелось бы кнопки быстрый заказ и в корзину сделать в одну линию
Спасибо большое,надеюсь нормально объяснил)

#2 Dars

Dars

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

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

Отправлено 05 Февраль 2016 - 15:59

Просмотр сообщенияАлександр86 (05 Февраль 2016 - 09:34) писал:

Здравствуйте! Помогите пожалуйста, необходимо в карточке товара "заполнить устое место" под кнопками в корзину,быстрый заказ,добавить в избранное.
Какой из вариантов более осуществим:
1. Перенести дополнительные отображения в это место.
2. Перенести полное описание справа от фотографии до этих кнопок.Но при этом создать дополнительный блок с видеообзором, то есть,чтобы можно было в эту вкладку загружать видео.
3. Нельзя ли краткое описание сделать редактируемым,тогда вообще ничего изменять особо не надо?
Еще хотелось бы кнопки быстрый заказ и в корзину сделать в одну линию
Спасибо большое,надеюсь нормально объяснил)
Здравствуйте!
В принципе всё из вышеперечисленного осуществимо, я только не очень понял, что вы имели в виду под редактируемостью краткого описания - оно доступно для заполнения в соответствующей карточке товара, сразу под названием.

Чтобы разместить кнопки на одном уровне, в main.css строку:

.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {clear: both;margin-top: 10px;}

замените на:

.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {margin-left: 10px;}

10px - расстояние между кнопками.

#3 Александр86

Александр86

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

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

Отправлено 06 Февраль 2016 - 00:08

Спасибо,получилось)Я имел в виду,чтобы было возможно редактировать как в полном описании, то есть выровнять текст,изменить стиль и т.п., Наверное этот вариант самый подходящий, а поле с полным описанием чтобы также оставалось прежним.Грубо говоря было два поля с поным описанием) Если получится буду очень признателен)

#4 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2016 - 02:25

Как вариант, можно использовать поле полное SEO описание, так как в нем можно также производить изменение стилей  и всатку видео.
В шаблоне Товар найдите:
{% 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_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</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 %}
	   

замените на:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Описание 2</a></li>{% ENDIF %}
	  {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</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 %}
	   

(название новой вкладки измените) Далее найдите:
<!--  Описание  -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <div id="content_1" class="tab-content effect-bounceInRight">
		<div class="htmlDataBlock">
		  <!-- Блок описания товара. Показываем его если есть описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE %}
			<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Блок описания товара. Показываем его если есть описание товара -->
		  <!-- Короткое SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		  {% ENDIF %}
		  <!-- END Короткое SEO-описание -->	 
		  <!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->
		</div>
	  </div>
	{% ENDIF %}

замените на:
<!--  Описание  -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <div id="content_1" class="tab-content effect-bounceInRight">
		<div class="htmlDataBlock">
		  <!-- Блок описания товара. Показываем его если есть описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE %}
			<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Блок описания товара. Показываем его если есть описание товара -->
		  <!-- Короткое SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		  {% ENDIF %}
		  <!-- END Короткое SEO-описание -->
		</div>
	  </div>
	{% ENDIF %}
  <!--  Описание 2 -->
	{% IF GOODS_SEO_DESCRIPTION_LARGE %}
	  <div id="content_5" class="tab-content effect-bounceInRight">
		<div class="htmlDataBlock">
		  <!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->
		</div>
	  </div>
	{% ENDIF %}

И остается добавить в товары полное сео описание.

#5 Александр86

Александр86

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

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

Отправлено 06 Февраль 2016 - 20:55

Здравствуйте,спасибо, но хотелось это описание сделать не в новой вкладке, а справа от фотографии товара, то есть там где краткое описание,возможно перенести этот блок?

#6 Firefly

Firefly

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

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

Отправлено 07 Февраль 2016 - 11:18

Просмотр сообщенияАлександр86 (06 Февраль 2016 - 20:55) писал:

Здравствуйте,спасибо, но хотелось это описание сделать не в новой вкладке, а справа от фотографии товара, то есть там где краткое описание,возможно перенести этот блок?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
	  <!-- Добавление товара в Корзину -->
	  <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		<div class="add-to-cart f-fix">

Замените на:
	  <!-- Добавление товара в Корзину -->
	  <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
	 
	  <div class="ldescription">
				  <!-- Полное SEO-описание -->
				  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				  {% ENDIF %}
				  <!-- END Полное SEO-описание -->
	  </div>
	 
		<div class="add-to-cart f-fix">


#7 Александр86

Александр86

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

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

Отправлено 07 Февраль 2016 - 22:25

Спасибо большое!то,что надо, скажите,а возможно убрать отступ перед текстом?

#8 Firefly

Firefly

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

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

Отправлено 08 Февраль 2016 - 10:37

Просмотр сообщенияАлександр86 (07 Февраль 2016 - 22:25) писал:

Спасибо большое!то,что надо, скажите,а возможно убрать отступ перед текстом?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
	 <!-- Краткое описание -->
	 <div class="short-description f-fix">
	 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	 </div>

Замените на:
	 <!-- Краткое описание -->
	 {% IF GOODS_DESCRIPTION_SHORT %}
	 <div class="short-description f-fix">
	 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	 </div>
	 {% ENDIF %}

Найдите код:
		 <div class="ldescription">
								 <!-- Полное SEO-описание -->
								 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
											 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
								 {% ENDIF %}
								 <!-- END Полное SEO-описание -->
		 </div>

Замените на:
		 <div class="ldescription">
								 <!-- Полное SEO-описание -->
								 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
											 {GOODS_SEO_DESCRIPTION_LARGE}
								 {% ENDIF %}
								 <!-- END Полное SEO-описание -->
		 </div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.ldescription {padding-top:10px;}


#9 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 21 Апрель 2016 - 14:59

Здравствуйте! Аккаунт SL-205650
Прочел все что написано выше, не совсем подходит тк полное сео используется. Возможно в краткое описание (+скрыть от индексации) вставлять картинки (какой оптимальный-адаптивный размер), а лучше как писали выше полный редактор текста и тп.

#10 Vaccina

Vaccina

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

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

Отправлено 22 Апрель 2016 - 06:07

Если речь идет об инструкции #4:
http://forum.storela...ра/#entry225791

То
{% 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_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</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 %}
		  

замените на:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Описание 2</a></li>{% ENDIF %}
		  {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</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 %}
		

далее найдите:
<!--  Описание  -->
		{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <div id="content_1" class="tab-content effect-bounceInRight">
				<div class="htmlDataBlock">
				  <!-- Блок описания товара. Показываем его если есть описание товара -->
				  {% IF GOODS_DESCRIPTION_LARGE %}
						<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
				  {% ENDIF %}
				  <!-- END Блок описания товара. Показываем его если есть описание товара -->
				  <!-- Короткое SEO-описание -->
				  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
						<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
				  {% ENDIF %}
				  <!-- END Короткое SEO-описание -->	
				  <!-- Полное SEO-описание -->
				  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				  {% ENDIF %}
				  <!-- END Полное SEO-описание -->
				</div>
		  </div>
		{% ENDIF %}

замените на:
<!--  Описание  -->
		{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_LARGE %}
		  <div id="content_1" class="tab-content effect-bounceInRight">
				<div class="htmlDataBlock">
				  <!-- Блок описания товара. Показываем его если есть описание товара -->
				  {% IF GOODS_DESCRIPTION_LARGE %}
						<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
				  {% ENDIF %}
				  <!-- END Блок описания товара. Показываем его если есть описание товара -->
				  <!-- Короткое SEO-описание -->
				  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
						<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				  {% ENDIF %}
				  <!-- END Короткое SEO-описание -->
				</div>
		  </div>
		{% ENDIF %}
  <!--  Описание 2 -->
		{% IF GOODS_SEO_DESCRIPTION_SHORT %}
		  <div id="content_5" class="tab-content effect-bounceInRight">
				<div class="htmlDataBlock">
				  <!-- Полное SEO-описание -->
				  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
						<noindex><p>{GOODS_SEO_DESCRIPTION_SHORT|htmlspecialchars_decode}</p></noindex>
				  {% ENDIF %}
				  <!-- END Полное SEO-описание -->
				</div>
		  </div>
		{% ENDIF %}

Картинку необходимо будет вставлять следующим образом <img src="ссылка на картинку" alt="" /> и для стилизации текста необходимо будет использовать теги, как например, для переноса строки <br/>

#11 Alex87

Alex87

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

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

Отправлено 01 Июль 2016 - 23:31

Здравствуйте. Помогите внести дополнение в карточке товара: примерно над строкой выбора вкуса надо дополнительно продублировать

Производитель  название бренда
В упаковке         такое то количество товара (вес, объем, количество капсул, в зависимости что указано в том или ином товаре)

Заранее спасибо!

#12 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2016 - 04:25

В шаблоне Товар найдите:
<!-- Краткое описание -->
		 <div class="short-description f-fix">
		 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
		 </div>

после него добавьте:
<!--  Характеристики  -->
	{% IFNOT goods_features_empty %}
	  <div class="characters">
		<table class="table-box">
		  <tbody>
			{% FOR goods_features%}
			  <tr class="odd">
				<th class=""><span class="value">{goods_features.NAME}</span></th>
				<td class="data">{goods_features.VALUE}</td>
			  </tr>
			{% ENDFOR %}
		  </tbody>
		</table>
	  </div>
	{% ENDIF %}


#13 Alex87

Alex87

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

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

Отправлено 08 Июль 2016 - 12:34

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

Заранее спасибо!!!

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

  • Карточка товара.png
  • Как надо.png


#14 Alex87

Alex87

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

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

Отправлено 10 Июль 2016 - 17:37

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

Заранее спасибо!!! Жду третий день, вопрос так и не решен. Помогите пжл!

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

  • Карточка товара.png
  • Как надо.png


#15 MikDark

MikDark

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

  • Модераторы
  • 6 463 сообщений

Отправлено 11 Июль 2016 - 09:59

Просмотр сообщенияAlex87 (10 Июль 2016 - 17:37) писал:

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

Заранее спасибо!!! Жду третий день, вопрос так и не решен. Помогите пжл!

В шаблоне Товар Вам нужно заменить код:
<h5 style="text-transform:none; font-weight: bolder;">Доставка</h5>
<!--span>Условия доставки:</span-->
		 {% FOR goods_delivery %}
				 <div class="delivery">
				 <!-- h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5 -->
				 <p class="green-circle">{goods_delivery.NAME} <span style="font-size: 0.8em;">({goods_delivery.DESC})</span></p>
				 {% IF goods_delivery.rules_empty %}
						 {% IF goods_delivery.PRICE=0 %}
						 <span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
						 {% ELSE %}
						 <span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span>
						 {% ENDIF %}
				 {% ELSE %}
						 <h6>Стоимость доставки <span style="font-size: 0.8em;">(зависит от суммы заказа)</span></h6>
<!--						 {% FOR rules %}
						 <div>Для заказов больше <strong>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.rules.PRICE | money_format}</strong></div>
						 {% ENDFOR %}
						 <div>Для заказов меньше <strong>{goods_delivery.SUM_LESS_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.PRICE | money_format}</strong></div>
-->						 {% FOR rules %}
						 <div class="green-circle"><strong>{goods_delivery.rules.PRICE | money_format}</strong> <span style="font-size: 0.8em;">(Для заказов больше <strong style="white-space: nowrap;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong>)</span></div>
						 {% ENDFOR %}
						 <div class="green-circle"><strong>{goods_delivery.PRICE | money_format}</strong> <span style="font-size: 0.8em;">(Для заказов меньше <strong style="white-space: nowrap;">{goods_delivery.SUM_LESS_PRICE | money_format}</strong>)</span></div>
				 {% ENDIF %}
				 </div>
		 {% ENDFOR %}

на

<!--  Характеристики  -->
	{% IFNOT goods_features_empty %}
	  <div>
		<table class="table-box">
		  <tbody>
			{% FOR goods_features%}
			  <tr class="odd">
				<th class=""><span class="value">{goods_features.NAME}</span></th>
				<td class="data">{goods_features.VALUE}</td>
			  </tr>
			{% ENDFOR %}
		  </tbody>
		</table>
	  </div>
	{% ENDIF %}

Упаковка и Производитель должны быть внесены в характеристики товара.

#16 praim2

praim2

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

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

Отправлено 29 Август 2016 - 14:48

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

1) Разместить посредине меню описание характеристики условия доставки отзывы
2)Убрать добавить в избранное и добавить к сравнению
3) Сделать блок с информацией как на скриншоте

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

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


#17 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 09 Сентябрь 2016 - 13:18

Просмотр сообщенияpraim2 (29 Август 2016 - 14:48) писал:

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

1) Разместить посредине меню описание характеристики условия доставки отзывы
2)Убрать добавить в избранное и добавить к сравнению
3) Сделать блок с информацией как на скриншоте
Здравствуйте, извините за долгий ответ.
1. Добавьте в конец файла main.css
.product-tabs .tabs {
	text-align: center;
}
2.Добавьте в конец файла main.css
.add-to-links {
	display: none;
}

3. Найдите в шаблоне Товар код
  <div class="product-shop col-md-7 col-sm-12 col-sms-12">
	  <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
	  <meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
	  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
	 
	  <!-- Цена товара -->
	  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
		<!-- информация для поисковика о наличии товара -->
		<meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
		<!-- информация для поисковика о валюте товара -->
		<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
		{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
		  </p>
		{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
		  </p>
		{% ENDIF %}
		  <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
			<span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
		  </p>
	  </div>
	  <!-- Артикул -->
	  <div class="goodsDataMainModificationArtNumber f-fix" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}>
		Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	  </div>
	  <!-- Доступность товара -->
	  <div class="goodsDataMainModificationAvailable f-fix">
		<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>
	  <!-- Блок информации по акции действующей на товар, если таковая есть -->
	  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		<div class="goodsDataMainDiscountBlock f-fix" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
		  <span>Товар участвует в акции <strong>&laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong></span><br />
		  <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span>
		</div>
	  {% ENDIF %}
	  <!-- Краткое описание -->
	  <div class="short-description f-fix">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	  </div>
	  <!-- Модификации -->
	  <div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
				<span>{goods_modifications_properties.NAME}:</span>
				<select name="form[properties][]" class="selectBox">
			  {% 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" itemprop="description">{goods_modifications.DESCRIPTION}</div>
		  </div>
		{% ENDFOR %}
		<!-- Блок описания модификации -->
		  <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			<div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		  </div>
	  </div>
	  <!-- Добавление товара в Корзину -->
	  <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		<div class="add-to-cart f-fix">
		  <div class="wrap-qty">
			<div class="qty-title"><span>Количество:</span></div>
			<div class="qty-set">
			  <span class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span>
			  <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
			  <span class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span>
			</div>
		  </div>
		  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
		  <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Быстрый заказ</button>
		  <button type="submit" class="add-cart quickview button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Купить</button>
		</div>
		<!-- Добавление товара в Избранное, Сравнение -->
		<ul class="add-to-links f-fix">
		  <li class="wishlist">
			<!-- Если есть возможность добавить товар в избранное -->
			{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			  <a class="add-wishlist fa 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; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Удалить из избранного</a>
			{% ELSE %}
			  <a class="add-wishlist fa"
				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; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Добавить в избранное</a>
			{% ENDIF %}
		  </li>
		  <li class="compare">
			<!-- Если есть возможность добавить товар в сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
				<a class="add-compare fa 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; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  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>
			  {% ELSE %}
				<a class="add-compare fa"
				  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; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  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>
			  {% ENDIF %}
			{% ENDIF %}
		  </li>
		</ul>
	  </div>	 
	 
	</div>
замените на
<div class="product-shop col-md-7 col-sm-12 col-sms-12">
	  <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
	  <meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
	  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
	  <div class="new_goods_block">
	  <!-- Цена товара -->
	  <div>
	  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
		<!-- информация для поисковика о наличии товара -->
		<meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
		<!-- информация для поисковика о валюте товара -->
		<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
		{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
		  </p>
		{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span>
		  </p>
		{% ENDIF %}
		  <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
		  Цена:  <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
		  </p>
	  </div>
	  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}/>Купить</button>
		
	  </div>
	  <!-- Добавление товара в Корзину -->
	  <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		<div class="add-to-cart f-fix">
		
		  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		   <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Купить в 1 клик</button>
		  <button type="submit" class="add-cart quickview button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Купить</button>
		  <br>
		  <a href=""><span>Нашли дешевле?</span></a>
		</div>
		<!-- Добавление товара в Избранное, Сравнение -->
	  
	  </div>	 
   
	  <!-- Артикул -->
	  <div class="goodsDataMainModificationArtNumber f-fix" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}>
		Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	  </div>
	  <!-- Доступность товара -->
	  <div class="goodsDataMainModificationAvailable f-fix">
		<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>
	  <!-- Блок информации по акции действующей на товар, если таковая есть -->
	  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		<div class="goodsDataMainDiscountBlock f-fix" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
		  <span>Товар участвует в акции <strong>&laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong></span><br />
		  <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span>
		</div>
	  {% ENDIF %}
		 <!-- Модификации -->
	  <div class="goodsDataMainModificationsBlock f-fix" {% 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 %}
				<span>{goods_modifications_properties.NAME}:</span>
				<select name="form[properties][]" class="selectBox">
			  {% 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" itemprop="description">{goods_modifications.DESCRIPTION}</div>
		  </div>
		{% ENDFOR %}
		<!-- Блок описания модификации -->
		  <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			<div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		  </div>
	  </div>
	  <div class="goods_delivery">
		<span>Способы доставки</span>
		 {% FOR goods_delivery %}
		<p>{goods_delivery.NAME}</p>
		{% ENDFOR %}
	  </div>
		<div class="goods_painent">
		<span>Способы оплаты</span>
		
		<p>Наличными курьеру</p>
	   <p>Безначичным курьеру</p>
	  </div>
		</div>
	</div>

в конец файла main.css добавьте
.new_goods_block .price:after {
	font-size: 32px;
}
.new_goods_block .price span {
	font-size: 36px;
}
.goods_delivery, .goods_painent {
	float: left;
   
	border-top: 1px solid #ccc;
	padding: 9px;
}
.new_goods_block .f-fix {
	width: auto;
}
.new_goods_block {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 7% 0 0;
	border: 1px solid #ccc;
	margin: 4%;
}


#18 praim2

praim2

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

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

Отправлено 12 Сентябрь 2016 - 07:35

Спасибо. Помогите так же внести эти изменения.

1) Поле Артикул не должно отображаться
2) Фото товара должно быть на одной линии с правым болком
3) Характеристики должны стоять первыми
4) Название товара должно быть в одну строчку.

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

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


#19 Danil

Danil

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

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

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

Просмотр сообщенияpraim2 (12 Сентябрь 2016 - 07:35) писал:

Спасибо. Помогите так же внести эти изменения.

1) Поле Артикул не должно отображаться
2) Фото товара должно быть на одной линии с правым болком
3) Характеристики должны стоять первыми
4) Название товара должно быть в одну строчку.
Здравствуйте.
Изменения Вам произвели, проверьте.

#20 praim2

praim2

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

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

Отправлено 14 Сентябрь 2016 - 10:25

Спасибо. Помогите так же внести следующие изменения.

1) Фото товара должно быть одинакового размера с правым блоком
2) Правый блок сделать меньшим по ширине
3) уменьшенные изображения должны отображаться слева от основного изображения товара

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

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





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

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