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


Изменение Формы Описания Товара


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

#1 Светлана У.

Светлана У.

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

  • Пользователи
  • PipPip
  • 37 сообщений
  • ГородСамара

Отправлено 16 Май 2017 - 20:34

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

Подскажите, пожалуйста, как в карточке товара:
  • Краткое описание, артикул, наличие товара - увеличить размер шрифта
  • Описание товара - поднять вверх вправо, в виде блока, чтобы ширина блока "краткое описание" и "описание" были одинаковыми (как в скриншоте)
  • Зафиксировать размер шрифта и цвет при заполнении карточки товара;
  • Показывать блок "описание" только при его заполнении.
Аккаунт 408993

Заранее большое спасибо !
2017-05-16_19-49-29.png

#2 Vaccina

Vaccina

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

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

Отправлено 17 Май 2017 - 05:56

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
</div>
	<div class="clear"></div>
  </form>
  <!-- /END Форма карточки товара -->
  <!-- Основные вкладки описаний товара -->
  <div class="product-tabs clear">
	<ul class="tabs">
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	  {% IFNOT goods_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 %}
	</ul>
	<!--  Описание  -->
	{% 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="item_desc">
		<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 %}

</div>
	<div class="clear"></div>
  </form>
  <!-- /END Форма карточки товара -->
  <!-- Основные вкладки описаний товара -->
  <div class="product-tabs clear">
	<ul class="tabs">
	  {% 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 %}
	</ul>
    
Далее зайдите в main.css - найдите:
.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
	margin: 3px 0;
}

замените на:
.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable, .product-view .product-shop .short-description {
	margin: 3px 0;
	font-size: 16px;
}
#item_desc, #item_desc p, #item_desc span {
	font: bold 16px PT Sans, arial, serif all-petite-caps !important;
	color: #000 !important;
}


#3 Светлана У.

Светлана У.

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

  • Пользователи
  • PipPip
  • 37 сообщений
  • ГородСамара

Отправлено 17 Май 2017 - 23:22

Здравствуйте!
Я все сделала (даже 2 раза меняла), но почему-то в карточке товара выдает ошибку:

2017-05-17_23-20-28.png

Спасибо!

#4 Vaccina

Vaccina

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

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

Отправлено 18 Май 2017 - 06:13

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

Уточните пожалуйста, актуален ли ещё ваш вопрос? На данный момент видны изменения и ошибка отсутствует.

#5 Светлана У.

Светлана У.

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

  • Пользователи
  • PipPip
  • 37 сообщений
  • ГородСамара

Отправлено 18 Май 2017 - 10:01

Добрый день ! Очистила кэш браузера, но почему-то ошибку все еще видно

#6 MikDark

MikDark

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

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

Отправлено 18 Май 2017 - 11:16

Просмотр сообщенияСветлана У. (18 Май 2017 - 10:01) писал:

Добрый день ! Очистила кэш браузера, но почему-то ошибку все еще видно

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

#7 Светлана У.

Светлана У.

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

  • Пользователи
  • PipPip
  • 37 сообщений
  • ГородСамара

Отправлено 18 Май 2017 - 13:01

Спасибо! Все получилось!




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

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