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


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


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

#1 Ирина1985

Ирина1985

    Новичок

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

Отправлено 06 Февраль 2019 - 18:45

Добрый день.

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

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

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

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

  • 1200x-1-1.jpg
  • 2.jpg


#2 Ирина1985

Ирина1985

    Новичок

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

Отправлено 07 Февраль 2019 - 13:07

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

#3 Vaccina

Vaccina

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

  • Модераторы
  • 23 494 сообщений

Отправлено 09 Февраль 2019 - 06:11

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

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

#4 Ирина1985

Ирина1985

    Новичок

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

Отправлено 09 Февраль 2019 - 09:14

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

#5 Vaccina

Vaccina

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

  • Модераторы
  • 23 494 сообщений

Отправлено 11 Февраль 2019 - 04:33

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

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

#6 Ирина1985

Ирина1985

    Новичок

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

Отправлено 11 Февраль 2019 - 10:26

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

#7 Ирина1985

Ирина1985

    Новичок

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

Отправлено 11 Февраль 2019 - 13:43

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

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

  • проблема.jpg


#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 494 сообщений

Отправлено 12 Февраль 2019 - 02:23

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	<!-- Основные вкладки описаний товара -->
	<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 %}


#9 Ирина1985

Ирина1985

    Новичок

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

Отправлено 12 Февраль 2019 - 16:50

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

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

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

  • проблема 1.jpg
  • проблема2.jpg


#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 494 сообщений

Отправлено 19 Февраль 2019 - 01:48

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

Зайдите в раздел Сайт - Редактор шаблонов - 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




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

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