Установка виджетов с вопросами и ответами в карточках товаров
На продуктовых страницах / карточках товара по-умолчанию располагаются два виджета с отзывами и рейтингом. Если у вас предусмотрен тарифом функционал "Вопросы и ответы", необходимо также добавить и эти виджеты на страницу товара.
Внимание: Перед установкой виджетов убедитесь, что у вас уже:
Добавлены и настроены виджеты в личном кабинете.
Добавлены DOM контейнеры под виджеты на сайте.
Установлен скрипта Aplaut на сайте.
Добавляем виджеты
Теперь, добавьте в установленный скрипту следующие команды:
// Стили виджетов
_shoppilot.push(['_addStyles', 'widgets']);
// Идентификатор товара в карточке товара
_shoppilot.push(['_setProductId', '<?= PRODUCT_ID ?>']);
// Команды для отображения виджетов
_shoppilot.push(['_addProductWidget',
'product-questions', '#sp-questions-container']);
где PRODUCT_ID — идентификатор товара (вашего offer.id из YML файла).
Эти команды подключать виджеты отзывы и рейтинги в карточках товара.
Проверьте
Произведенные изменения в шаблоне страницы карточки товара должны включать контейнеры для отзывов, инлайн-рейтинга, и вопросов и ответов, а также скрипт Aplaut. У вас должно получиться так:
<script>
(function() {
window._shoppilot = window._shoppilot || [];
// Стили виджетов
_shoppilot.push(['_addStyles', 'widgets']);
// Идентификатор товара в карточке товара
_shoppilot.push(['_setProductId', '<?= PRODUCT_ID ?>']);
// Команды для отображения виджетов
_shoppilot.push(['_addProductWidget',
'product-reviews', '#sp-reviews-container']);
_shoppilot.push(['_addProductWidget',
'inline-rating', '#sp-inline-rating-container']);
_shoppilot.push(['_addProductWidget',
'product-questions', '#sp-questions-container']);
// Загрузчик скрипта
var store_id = '<?= APLAUT_STORE_ID ?>';
var theme_id = 'default';
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = '//get.aplaut.io/f/v1/'
+ store_id + '/' + theme_id + '/app.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(script, s);
})();
</script>