Последнее обновление: 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»
Так же в «настройках темы» Вы можете выбрать кол-во отображаемых комментариев и цветовую схему блока виджета.
Комментарии (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>
Добрый день!
Недавно удалили вкладку "Характеристики товара". Как можно ее вернуть обратно во вкладки?
Или где найти первоначальный кусок кода ?
Откройте нужный файл(скорее всего product.html) вверху справа будет ссылка "Посмотреть оригинал".
*Возможно у товара нет характеристик вообще?
Хочу сделать еще одну вкладку для всех товаров, но чтобы информация была не в файле product.html, т.е. <div class="description" id="product-description" itemprop="description">
здесь содержимое вкладки
</div>
как вот это содержимое, которое должно там отображаться вынести куда-нибудь на отдельную страницу, где его можно было бы периодически править? Можно ли сделать страницу, например в Магазин -> Страницы, скрыть, чтобы в блоке Информация ее не было видно, а во вкладке товара она была?
В приложении Сайт есть меню блоки, воспользуйтесь его функционалом.
Спасибо большое. Сделал одну вкладку. Работает! Такой дополнительный вопрос. Если вкладок несколько какой будет код?
Продублируйте код описанный тут:
http://wm-site.ru/buy_simply/40/vkladki-stranitsy-tovara/#comment1875
замените число 8 на 9(число 888 не меняйте). Вместо "здесь содержимое вкладки" вставьте код нового блока.
Добрый день.
Решил использовать плагин Вкладки на странице товара. Но для этого необходимо скрыть вкладки, изначально присутствующие в теме дизайна.
Как скрыть вкладки?
В файле product.html(Магазин-Витрина-Шаблоны) удалите полностью блок:
<div class="info-block"> ... </div>
а как сделать так, чтобы вкладки получали новый url?
Да.
Отзывы о товаре на отдельной странице
в настройках темы в пункте "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}