Last update: December 25, 2018

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

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

  • Описание товара (формируется автоматически при существовании описания товара)
  • Характеристики товара (формируется автоматически при наличии хотя бы одной характеристики)
  • Отзывы о товаре
  • Отзывы "ВКонтакте"
  • Отзывы "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»

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

Was this article helpful? Yes No

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

  • если хотите создать вкладку для всех товаров, то в файле 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
    • Добрый день!

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

      1
      • Или где найти первоначальный кусок кода ?

        1
        • Откройте нужный файл(скорее всего product.html) вверху справа будет ссылка "Посмотреть оригинал".

          *Возможно у товара нет характеристик вообще?

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

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

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

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

          Добрый день.

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

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

          1
          • Александр Тирон Александр Тирон +15 October 18, 2016 11:55 #

            В файле product.html(Магазин-Витрина-Шаблоны) удалите полностью блок:

            <div class="info-block"> ... </div>

            1
          • Юрий Максименко Юрий Максименко +0 December 19, 2018 08:23 #

            а как сделать так, чтобы вкладки получали новый url?

            1
          • Юрий Максименко Юрий Максименко +0 December 20, 2018 19:45 #

            Да.

            1
            • Игорь Колмаков Игорь Колмаков +21 December 25, 2018 10:38 #

              Отзывы о товаре на отдельной странице

              в настройках темы в пункте "7.2. Отзывы о товаре "

              выбираем "отзывы с переходом на новую страницу"

              ссылки на отдельных страницах

              в файле product.html

              удаляем участки кода

              а)

              {foreach $product.pages as $page}<li class="tab-menu" data-tab="{$page@iteration+888}"><span>{$page.name|escape}</span></li>{/foreach}

              б)

              {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}


              в том же файле перед строкой

              <!-- tags -->


              пропишите

              {if $product.pages}
              <p id="product-categories">
              Страницы:
              {foreach $product.pages as $p}
              <a href="{$p.url|escape}">{$p.name|escape}</a>{if !$p@last}, {/if}
              {/foreach}
              </p>
              {/if}




              1

              Add comment

              To add a comment please sign up or login

              Контакты

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

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

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

              Internet Explorer

              от Microsoft

              Chrome

              от Google

              Safari

              от Apple

              Opera

              от Opera Software

              Firefox

              от Mozilla

              Вверх