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


Дополнительное Описание Товара Во Вкладках

Дополнительное описание товар

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

#1 wm-mkp

wm-mkp

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

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

Отправлено 09 Январь 2016 - 18:30

Приветствую всех!
Подскажите пожалуйста, как добавить дополнительно вкладку с описанием товара как на примере?
Возможно ли каждую вкладку отдельным текстом заполнить?
Или движок не умеет наш так?

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

  • 2016-01-09 18-03-56 VAG COM 409.1 (KKL) USB - диагностический кабель. Купить адаптер VAG COM с доставкой!.png


#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 10 Январь 2016 - 10:47

Просмотр сообщенияwm-mkp (09 Январь 2016 - 18:30) писал:

Приветствую всех!
Подскажите пожалуйста, как добавить дополнительно вкладку с описанием товара как на примере?
Возможно ли каждую вкладку отдельным текстом заполнить?
Или движок не умеет наш так?

Здравствуйте! У Вас установлен шаблон "Мокко". В нем описание товара, и другая информация располагаются не во вкладках, а друг под другом. Правильно ли я Вас понимаю, что нужно добавить еще один пункт под "Описание"?
Это можно сделать вручную для каждого товара. Зайдите в админ-панели в раздел Товары --> Товары, выберите конкретный товар, и заполните его Полное SEO-описание.
1.jpg
Чтобы сделать заголовок, таким же, как на сайте, нажмите в этом окне кнопку "Источник", и оформите заголовок так:
<h3 style="color:#BE9E4C"><em>Здесь будет заголовок</em></h3>
<br/>
Таким образом, заполните все Полное SEO-описания у товаров. На сайте отобразится новое дополнительное поле.
2.jpg

#3 wm-mkp

wm-mkp

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

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

Отправлено 10 Январь 2016 - 14:36

Вы меня немного не правильно поняли, мне нужно что бы появлялась новая вкладка(как в примере), а не доп. описание товара ниже.
Мне нужно несколько таких вкладок дополнительных, с разным текстом и для каждого товара разное описание будет.
У меня аккаунт SL-363298, тема установлена ЛАЗУРЬ
Помогите пожалуйста найти решение

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 10 Январь 2016 - 16:31

Просмотр сообщенияwm-mkp (10 Январь 2016 - 14:36) писал:

Вы меня немного не правильно поняли, мне нужно что бы появлялась новая вкладка(как в примере), а не доп. описание товара ниже.
Мне нужно несколько таких вкладок дополнительных, с разным текстом и для каждого товара разное описание будет.
У меня аккаунт SL-363298, тема установлена ЛАЗУРЬ
Помогите пожалуйста найти решение

Решение данного вопроса решается аналогичным способом: новые вкладки будем делать с помощью пустых полей в карточке товара.
Например, будем делать две новые вкладки: "Вкладка 1" и "Вкладка 2".
Для "Вкладки 1" в каждой карточке товара заполните поле "Полное SEO-описание".
Для "Вкладки 2" в каждой карточке товара заполните поле "Краткое SEO-описание".
(Текст, естественно, можно сделать уникальным для каждого товара).

После в редакторе шаблонов откройте шаблон Товар, найдите блок кода:
<!-- Основные вкладки описаний товара -->
<div class="tab_products 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 %}
	 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
</ul>
<!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="content_1" class="tab-content">
	 <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="tab_products clear">
<ul class="tabs">
{% IF GOODS_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_SEO_DESCRIPTION_LARGE %}<li><li><a href="javascript:tabSwitch(5);" id="tab_5">Вкладка 1</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><li><a href="javascript:tabSwitch(6);" id="tab_6">Вкладка 2</a></li>{% ENDIF %}
</ul>
<!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
<div id="content_1" class="tab-content">
<div class="htmlDataBlock">
<!-- Блок описания товара. Показываем его если есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
{% ENDIF %}
</div>
</div>
{% ENDIF %}

далее найдите строки
</div>
<!-- /END Основные вкладки описаний товара -->
перед ними вставьте:
<!-- Вкладка 1 -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div id="content_5" class="tab-content" style="display: none;">
<div class="htmlDataBlock">
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>
</div>
{% ENDIF %}
<!-- /END Вкладка 1 -->

<!-- Вкладка 2 -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div id="content_6" class="tab-content" style="display:none;">
<div class="htmlDataBlock">
<!-- Краткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
{% ENDIF %}
<!-- END Краткое SEO-описание -->
</div>
</div>
{% ENDIF %}
<!-- /END Вкладка 2 -->

1.jpg

2.jpg

#5 wm-mkp

wm-mkp

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

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

Отправлено 10 Январь 2016 - 20:41

большое спасибо получилось)
еще вопросы появились:
1)вывод 2ух дополнительных полей это максимум, возможно добавить еще поля?
2)возможно ли менять их очередность, к примеру что бы доп. вкладки выводились следующие за основным описанием?
Заранее спасибо)

#6 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 10 Январь 2016 - 20:53

Просмотр сообщенияwm-mkp (10 Январь 2016 - 20:41) писал:

большое спасибо получилось)
еще вопросы появились:
1)вывод 2ух дополнительных полей это максимум, возможно добавить еще поля?
2)возможно ли менять их очередность, к примеру что бы доп. вкладки выводились следующие за основным описанием?
Заранее спасибо)

Для того, чтобы перенести новые вкладки после Полного описания товара, в шаблоне Товар, замените блок кода
<ul class="tabs">
{% IF GOODS_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_SEO_DESCRIPTION_LARGE %}<li><li><a href="javascript:tabSwitch(5);" id="tab_5">Программное обеспечение</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><li><a href="javascript:tabSwitch(6);" id="tab_6">Инструкции</a></li>{% ENDIF %}
</ul>
на
<ul class="tabs">
{% IF GOODS_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><li><a href="javascript:tabSwitch(5);" id="tab_5">Программное обеспечение</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><li><a href="javascript:tabSwitch(6);" id="tab_6">Инструкции</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 %}
</ul>
То есть, просто меняйте очередность пунктов меню в коде.

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

#7 wm-mkp

wm-mkp

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

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

Отправлено 10 Январь 2016 - 20:56

Огромное Вам спасибо) в будущем прошу внести пожелание, Возможность использования 3ех и более дополнительных полей в виде вкладок, в блоке с описанием товара.

Еще раз спасибо)




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

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