Как Переместить Описание Товара В Середину?

Добрый день.

Как переместить описание товара под фотографиии? Чтобы описание товара встало внизу фото по всему экрану.(фото во вложение)

Нужно как вот здесь на скрине

Нужно как вот здесь на скрине

Кто нибудь поможет? Есть тут профессионалы?

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

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

Да вопрос актуален. Хотела установить шаблон, но пока это не пойму как сделать не могу его поставить.

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

Если речь о стандартных шаблонах, то зайдите в раздел Сайт - Галерея тем и установите необходимую дизайн-тему. Если речь о скачанном шаблоне на сторонних сайтах, то устанавливать его придется вручную изменяя код структуры HTML и стили в main.css

шаблон установила, помогите переместить описание

Нужно переместить блок сюда! ПОмогите, уже 4 день никто ответить не может

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

	<!-- Основные вкладки описаний товара -->
	<div class="product-tabs f-fix clear">
	  <!-- Описание -->
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		<div class="acctab">Описание<a href="javascript:tabSwitch(1);" class="toggle-class" id="tab_1"></a></div>
		<div id="content_1" class="tab-content f-fix">
		  <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 class="product-tabs f-fix clear">
	  <!-- Характеристики -->

далее найдите:

<div class="related clear">
  <!-- С этим товаром смотрят -->
  {% IFNOT related_views_goods_empty %}

перед ним вставьте:

	  <!-- Описание -->
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <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>
	  {% ENDIF %}

Спасибо получилось, но как убрать недостатки белые поля справа и название товара по середине, вообщем нужно блок описание товара посередине сделать, ближе вправо.

И как сделать чтобы при наведении на товар в каталоге, менялось фото товара на вторую, третью, четвертую  И как перенести этот блок жёлтый ниже под фото, перед названием товара и цены.

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-tabs .tab-content .htmlDataBlock {margin: 0;padding: 0;}
.product-tabs .tab-content .htmlDataBlock p {margin: 0;}

после него вставьте:

.htmlDataBlock table {width: 100% !important;}

далее найдите:

.products-grid .item .product-image .actions {position: absolute;float: left;width: 100%;top: 50%;right: 100%;margin-top: -43px;}

замените на:

.products-grid .item .product-image .actions {position: relative;float: left;width: 100%;margin-top: -43px;height: 100px;}

далее найдите:

.products-grid .item .product-image .actions .add-to-links {position: absolute;top: 50%;right: -200%;margin-top: 30px;}

замените на:

.products-grid .item .product-image .actions .add-to-links {margin: 10px 0;}

далее найдите и удалите:

.products-grid .item:hover .product-image .actions .add-to-links {right: 24%;width: 144px;}

Инструкция по смене фото при наведении:
https://forum.storel...indpost__280817