Последнее обновление: 15 мая 2017

Вкладки страницы товара

Вкладки товара могут содержать:

  • Описание товара (формируется автоматически при существовании описания товара)
  • Характеристики товара (формируется автоматически при наличии хотя бы одной характеристики)
  • Отзывы о товаре
  • Отзывы "ВКонтакте"
  • Отзывы "facebook"
  • Список информационных страниц товаров

* Код вкладок можно редактировать в файле product.html находящийся в приложении Магазин -> Дизайн, после строки <!--description wrapper-->.
* Список информационных страниц товара формируется автоматически при создании «информационных страниц товара» (приложение «магазин»- вкладка «товары» - редактор товара – вкладка «страницы»)

Вкладка «обзор»

Вкладка «обзор» формируется из «описания товара». В случае если описание товара отсутствует – вкладка не отображается на сайте.

Вкладка «характеристики» (характеристики под ценой)

Вкладка «характеристики» формируется, если в редакторе товара, во вкладке «характеристики» присутствует хотя бы одна характеристика.

В «настройках темы» (приложение «магазин»-вкладка «витрина» -раздел «дизайн») пункт 7.4.1. Размещение блока "характеристик товара" на странице товара., Вы можете изменить расположение блока «характеристики» , разместив его в области «информации о товаре» (под ценой продукта).

Вкладка «отзывы» (новый тип/старый/отключить)

В шаблоне реализован функционал позволяющий пользователям оставлять отзывы не переходя на страницу отзывов.

Данный функционал включен по умолчанию.
Выключить его Вы можете в «настройках темы» (приложение «магазин»-вкладка «витрина» -раздел «дизайн») пункт 7.2. Отзывы о товаре

* Внимание! Тип отзывов "отзывы без перехода на новую старницу" формируется с помощью JS и не индексируется поисковыми роботами. Если Вам важна индексация отзывов - выберите тип "отзывы с переходом на новую страницу". Данный тип отобразит 5 последних отзывов и ссылку на страницу со всеми отзывами и формой добавления отзыва (данный тип отзывов позволит поискововому роботу индексировать отзывы товара).

Дополнительные вкладки

Список «дополнительных вкладок» товара формируется автоматически при создании «информационных страниц товара» (приложение «магазин»- вкладка «товары» - редактор товара – вкладка «страницы»)

виджет «отзывы ВКонтакте»NEW

Первое что нужно сделать – это зарегистрировать виджет на сайте «ВКонтакте»

в поле «Сайт/приложение:» выберите «подключить новый сайт» и укажите данные Вашего сайта Сохраните указанные Вами данные.

В поле «Код для вставки:», скопируйте «id виджета»

<!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?112"></script> <script type="text/javascript"> VK.init({apiId: 2057428, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Comments block will be --> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "520", attach: "*"}); </script>

И вставьте скопированный id виджета в поле «ID виджета комментариев ВКонтакте» пункта «7.5 Виджет отзывов ВКонтакте».

После сохранения «настроек темы» в каждом из товаров появится вкладка «отзывы» с иконкой «ВКонтакте»

Так же Вы можете указать кол-во отображаемых отзывов и включить/отключить «расширенные комментарии» («расширенные комментарии» позволяют пользователям вставлять медиа ресурсы (Граффити, Фотографии, Видео, Аудио, Ссылки) в отзыв.)

виджет «отзывы Facebook»NEW

Создайте виджет отзывов в Facebook

Шаг 1-й

перейдите по ссылке https://developers.facebook.com/docs/plugins/comments

Укажите в поле «URL to comment on» URL адрес Вашего сайта.
И кликните на кнопку «Get Code».

В предложенном Вам коде, скопируйте идентификатор виджета:

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&appId=486321451421925&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Вставьте скопированный идентификатор в поле «Facebook Application ID» (пункта 7.6 Виджет отзывов Facebook)


Шаг 2-й

Перейдите на главную страницу Вашего аккаунта Facebook, и в строке URL Скопируйте идентификатор Вашего аккаунта

https://www.facebook.com/profile.php?id=100001595531732

Вставьте скопированный идентификатор в поле «Facebook User ID» (пункта 12.4 Виджет отзывов Facebook)

После сохранения «настроек темы» в каждом из товаров появится вкладка «отзывы» с иконкой «Facebook»

Так же в «настройках темы» Вы можете выбрать кол-во отображаемых комментариев и цветовую схему блока виджета.

Эта статья была полезна? Да Нет

Комментарии (10)

  • Игорь Колмаков Игорь Колмаков +21 28 июня 2016 12:15 #

    если хотите создать вкладку для всех товаров, то в файле product.html

    1. перед строкой
    <!-- plugin hook: 'frontend_product.menu' -->
    пропишите
    <li data-tab="8"><span>Название вкладки</span></li>

    2. после блока

    {foreach $product.pages as $pagecon}
    <div class="tab-name-print"><h2>{$pagecon.name|escape}</h2></div>
    <div id="tab{$pagecon@iteration+888}" class="tab-content">
    {include file="product.page.html" page=$pagecon}
    </div>
    {/foreach}

    пропишите

    <div class="tab-name-print"><h2>НАзвание вкладки</h2></div>
    <div id="tab8" class="tab-content">
    <div class="description" id="product-description" itemprop="description">
    здесь содержимое вкладки
    </div>
    </div>

    1
    • Анатолий Малышев Анатолий Малышев +0 16 марта 2017 20:41 #

      Добрый день!

      Недавно удалили вкладку "Характеристики товара". Как можно ее вернуть обратно во вкладки?

      1
    • Дмитрий Дмитрий +0 13 мая 2017 17:18 #

      Хочу сделать еще одну вкладку для всех товаров, но чтобы информация была не в файле product.html, т.е. <div class="description" id="product-description" itemprop="description">
      здесь содержимое вкладки
      </div>

      как вот это содержимое, которое должно там отображаться вынести куда-нибудь на отдельную страницу, где его можно было бы периодически править? Можно ли сделать страницу, например в Магазин -> Страницы, скрыть, чтобы в блоке Информация ее не было видно, а во вкладке товара она была?

      1
    • Юрий Павлюченко Юрий Павлюченко +0 18 октября 2016 11:50 #

      Добрый день.

      Решил использовать плагин Вкладки на странице товара. Но для этого необходимо скрыть вкладки, изначально присутствующие в теме дизайна.

      Как скрыть вкладки?

      1

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите

      Контакты

      Дорогие друзья!

      К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

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

      Internet Explorer

      от Microsoft

      Chrome

      от Google

      Safari

      от Apple

      Opera

      от Opera Software

      Firefox

      от Mozilla

      Вверх