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


Изменить Отображение Блоков На Странице Товара


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

#1 Grownchild

Grownchild

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

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

Отправлено 19 Апрель 2017 - 22:32

Добрый день,

Прошу помочь с изменением отображения товара,
Спасибо,

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

  • product page.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 20 Апрель 2017 - 07:35

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
		  <div class="ratings">
				<div class="rating-box" title="Рейтинг товара">
				  {% IF GOODS_OPINION_RATING_VALUE_ROUND %}
				  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
						<meta itemprop="worstRating" content = "1">
						<meta itemprop="bestRating" content = "10">
						<meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}">
						<meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}">
						<div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div>
				  </span>
				  {% ELSE %}
						<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
				  {% ENDIF %}
				</div>
		  </div>

<div class="wrap-qty">
		  <div class="qty-title"><span>Количество:</span></div>
		  <div class="qty-set">
			<span class="quantity-minus fa fa-minus unselectable"></span>
			<input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress(this, event);" onpaste="return false;">
			<span class="quantity-plus fa fa-plus unselectable"></span>
		  </div>
		</div>

Это удалит звезды рейтинга и поле количества.

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

#3 Grownchild

Grownchild

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

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

Отправлено 20 Апрель 2017 - 09:04

Да, название категорий можно скрыть вообще.
Все таблицы тоже скрыть.
Описание товара перенести.

#4 Stasya

Stasya

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

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

Отправлено 20 Апрель 2017 - 15:47

Просмотр сообщенияGrownchild (20 Апрель 2017 - 09:04) писал:

Да, название категорий можно скрыть вообще.
Все таблицы тоже скрыть.
Описание товара перенести.
Вам необходимо в шаблоне Товар найти блок
</div>
<div class="clear"></div>
</form>
<!-- /END Форма карточки товара -->
<!-- Основные вкладки описаний товара -->
и заменить его на
<!-- Описание -->
{% 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 %}
</div>
<div class="clear"></div>
</form>
<!-- /END Форма карточки товара -->
<!-- Основные вкладки описаний товара -->
Далее найдите строку
<div class="product-tabs clear">
и заменить ее на
<div class="product-tabs clear" style="display:none">

Чтобы скрыть блок с количеством Вам необходимо найти строку
<div class="wrap-qty">
и заменить ее на
<div class="wrap-qty" style="display:none">


#5 Grownchild

Grownchild

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

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

Отправлено 20 Апрель 2017 - 16:01

Все получилось, спасибо.

В описании товара повылазили пару не нужных групп
- краткое описание
- краткое SEO-описание
- звезды

1. как их можно убрать?
2. как добавить отступ между кнопками и описанием товара?

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

  • product page.png


#6 Vaccina

Vaccina

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

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

Отправлено 21 Апрель 2017 - 06:11

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Краткое описание -->
	  {% IF GOODS_DESCRIPTION_SHORT %}
	  <div class="short-description">
		<p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	  </div>
	  {% ENDIF %}

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

Далее найдите:
<!-- Короткое SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
				 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
				 {% ENDIF %}

замените на:
<!-- Короткое SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
				 <p style="display:none;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
				 {% ENDIF %}


Как удалить звезды рейтинга я вам написала в первой инструкции выше.

#7 Grownchild

Grownchild

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

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

Отправлено 21 Апрель 2017 - 08:45

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

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Апрель 2017 - 09:21

Просмотр сообщенияGrownchild (21 Апрель 2017 - 08:45) писал:

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

Здравствуйте.
В этом случае вам необходимо в шаблоне main.css найти следующий код:

.product-view .product-shop .add-to-box {
	float: left;
	width: 100%;
}

И замените его вот этим вот кодом:


.product-view .product-shop .add-to-box {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}


#9 Grownchild

Grownchild

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

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

Отправлено 21 Апрель 2017 - 10:31

Теперь все отлично
Спасибо!

#10 Grownchild

Grownchild

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

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

Отправлено 21 Апрель 2017 - 15:28

Нашел небольшой баг,
на странице товара - фото товара перекрывает выпадающие меню

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

  • Screen Shot 2017-04-21 at 15.26.44.png


#11 Stasya

Stasya

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

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

Отправлено 21 Апрель 2017 - 17:26

Просмотр сообщенияGrownchild (21 Апрель 2017 - 15:28) писал:

Нашел небольшой баг,
на странице товара - фото товара перекрывает выпадающие меню
В файле main.css найдите блок
.product-view .product-img-box .general-img #wrap {
	display: inline-block;
	margin: auto;
}
  и замените его на
.product-view .product-img-box .general-img #wrap {
	display: inline-block;
	margin: auto;
	z-index: 0 !important;
}


#12 Grownchild

Grownchild

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

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

Отправлено 21 Апрель 2017 - 21:25

Спасибо!




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

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