Основные модули платформы. Типа данных и страниц.

☰

Типа данных/страниц

📄

Страницы

System Block

Страница — блок, располагающийся в центре сайта, в области для контента, который может содержать любые HTML данные (HTML, XHTML, JAVASCRIPT, CSS или другие).

Ajax загрузка контента страницы.

<a class="ajax_load_page" href="/index.htm" data-content-block=".contenth_ajax">ЗАГРУЗИТЬ СТРАНИЦУ</a>

loader.style.transition = "opacity 0.4s";
                loader.style.opacity = "0";
                setTimeout(() => { loader.style.opacity = "1"; }, 10);

fetch(`/ajax.php?p=${href}`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;

<div class="contenth_ajax">КОНТЕНТ</div>

Ссылка имеющая class ajax_load_page будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
Путь к загружаемой странице задан в параметре href.
Путь к странице может быть относительным, или полным, с http.
Вы так же можете использовать собственные скрипты, передавая GET или POST параметр p, с именем
(или полным адресом) страницы, по адресу /ajax.php

Кроме того, возможно использование прямых запросов без использования Ajax.
Например, для загрузки данных в iframe. Путь такой же как и при использовании Ajax.

Скрипт загрузки данных во всплывающем окне:
Скрипт всплывающего окна с загрузкой Ajax контента

📰

Каталог статей

Content Module

Каталог статей — такой же блок, как и страницы, который дополнительно имеет краткие описания, отображаемые в виде списка со ссылкой для просмотра полного текста, а также возможностью разделять списки по категориям.

Списки статей можно отображать не только внутри категорий, но и генерировать собственные списки.

Ajax загрузка контента статьи

Ajax загрузка контента статьи.

<a class="ajax_load_blog" href="https://boostore.pro/ru/blog/news_ru/1.htm" data-content-block=".contenth_ajax">ЗАГРУЗИТЬ СТАТЬЮ</a>

loader.style.transition = "opacity 0.4s";
                loader.style.opacity = "0";
                loader.style.display = "block";
                setTimeout(() => { loader.style.opacity = "1"; }, 10);

fetch(`/ajax.php?blog_cat_p=${href}`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;

<div class="contenth_ajax">КОНТЕНТ</div>

Ссылка имеющая class ajax_load_blog будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
Путь к загружаемой странице задан в параметре href.
Путь к странице может быть относительным, или полным, с http.
Вы так же можете использовать собственные скрипты, передавая GET или POST параметр blog_cat_p, с полным адресом
статьи, по адресу /ajax.php

Кроме того, возможно использование прямых запросов без использования Ajax.
Например, для загрузки данных в iframe. Путь такой же как и при использовании Ajax.

Скрипт загрузки данных во всплывающем окне:
Скрипт всплывающего окна с загрузкой Ajax контента

Пример Ajax скрипта загрузки собственного списка статей

Пример Ajax загрузки статьи в JSON формате

📐

Блок / Меню

Layout Module

Блок/Меню — это универсальный контейнер для любых HTML кодов и системных функций (корзина, фильтр, хиты продаж). Позволяет формировать структуру сайта, размещать скрипты в мета-тегах и управлять их видимостью на разных устройствах.

Используйте Header и Footer для общих элементов дизайна (логотип, контакты), а боковые или внутренние блоки — для контентных модулей и скриптов.

Позиции размещения:

Шапка сайта (Header): внутри элемента #hotengine-header, над контентом.
Низ сайта (Footer): внутри элемента #hotengine-footer, под контентом.
Слева / Справа: боковые панели возле основного блока с контентом.
Вверху / Внизу: внутри области контента, в верхней или нижней части.
Вверху > cat_tree: позиция сразу под деревом категорий.
Служебные теги (Header Meta): под Meta-тегами для вставки JavaScript и системных данных.

Ко всем меню автоматически добавляется CSS-класс позиции и уникальный menu_id.

📋 Основная разметка блоков сайта

Для расширенного мобильного меню используйте Конструктор мобильного меню.

🛒

Магазин

E-commerce Module

Магазин — модуль для организации каталога товаров с функционалом заказа. Поддерживает сегментацию по производителям, категориям, типам и характеристикам.

Виджет с товарами

Списки можно встраивать в страницы, блоки или статьи через Генератор слайдеров. Пример работы виджета с товарми

Виджеты категорий

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

Ajax загрузка товара

Ajax загрузка товара.

<a class="ajax_load_shop" href="https://boostore.pro/ru/blog/news_ru/pers_shop/store_ru/21956.htm" data-content-block=".contenth_ajax">ЗАГРУЗИТЬ ТОВАР</a>

fetch(`/ajax.php?shop_cat_p=${href}`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;

<div class="contenth_ajax">КОНТЕНТ</div>

Ссылка имеющая class ajax_load_shop будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
Путь к загружаемой странице задан в параметре href.
Путь к странице может быть относительным, или полным, с http.
Вы так же можете использовать собственные скрипты, передавая GET или POST параметр shop_cat_p, с полным адресом
товара, по адресу /ajax.php

Кроме того, возможно использование прямых запросов без использования Ajax.
Например, для загрузки данных в iframe. Путь такой же как и при использовании Ajax.
Скрипты добавления товара в корзину нужно подгружать дополнительно, если вы используете iframe.

Скрипт загрузки данных во всплывающем окне:
Скрипт всплывающего окна с загрузкой Ajax контента

Ajax загрузка отзывов к товарам ↓

Пример Ajax скрипта загрузки списка товаров + «Генератор списка товаров»

Ajax загрузка корзины

Ajax загрузка корзины.

<a class="ajax_load_cart" href="javascript://" data-content-block=".content_cart_ajax">ЗАГРУЗИТЬ КОРЗИНУ</a>

fetch(`/ajax.php?cart&load_cart_ajax`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;

<div class="content_cart_ajax">КОНТЕНТ</div>

Ссылка имеющая class ajax_load_cart будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
Для загрузики корзины достаточно выполнить обращение к странице «/ajax.php?cart&load_cart_ajax»

Пример Ajax скрипта загрузки корзины при наведении курсора мышки

Ajax загрузка списка изображений карточки товара

Ajax загрузка списка всех категорий в JSON формате

Ajax загрузка списка всех категорий в JSON формате.

Для получения списка всех категорий магазина достаточно выполнить запрос по адресу /ajax.php?json&shop_categories&start=0&param=:products

Где

&start= - ID категории с которой начать отображение.
&param= параметры, которые можно получить в Виджете с категориями (не обязательный параметр)
Запрос работает только с указанием вашего домена, например http://example.com/ajax.php?json&shop_categories&start=0

Пример результата: {"id":"ID категории","parentID":"ID родительской категории","child_cat":"Количество вложенных категорий","child_items":"Количество товаров в категории","image":"Путь к изображению категории","title":"Название категории"},

Ajax загрузка товара в JSON формате

Ajax загрузка товара в JSON формате.

Для получения данных карточек товаров в JSON формате, достаточно выполнить запрос по адресу /ajax.php?json&shop_products&id=0

При выгрузке товаров можно указать параметры сортировки и фильтрации по следующим параметрам:

id - ID карточки товара (одно или несколько значений, через запятую).
pers_shop_cat_page_catid - ID категории магазина (одно или несколько значений, через запятую)
producer – производитель (одно или несколько значений, через запятую)
collection - коллекция (одно или несколько значений, через запятую)
sort_by – сортировка
order_by – сортировка
sort_instock_priority – сортировка приоритет
price_from – цена от
price_to – цена до
stock - наличие

Запрос работает только с указанием вашего домена, например http://example.com/ajax.php?json&shop_products&id=0

Форма (Form)

📝

Формы

Data Capture Module

Форма — раздел документа, позволяющий пользователю вводить информацию для последующей обработки системой. На платформе BooStore.pro вы сможете создавать полноценные формы, с привязкой имен, id и class'ов для полей. Данные форм можно обрабатывать на нашей платформе или отправлять на любой другой ресурс.

✔ Гибкая настройка

Привязка уникальных имен и идентификаторов для каждого поля формы.

➡ Обработка данных

Возможность локальной обработки в системе или отправки на внешние ресурсы.

Ajax загрузка форм (всплывающие формы)

3 способа создания формы:

1 Конструктор форм (Наиболее гибкий)

Откройте конструктор форм и создайте структуру, задав нужные поля. Все инструкции доступны внутри модуля.

2 Функциональная страница

Создайте страницу типа feedback. При её открытии будет отображаться стандартная форма обратной связи.

3 Всплывающая форма (через код)

HTML

<a class="hotengine-dialog-email" data-site="XXXX" href="javascript://">Написать нам</a>

class="hotengine-dialog-email" — вызов окна. data-site="XXXX" — ваш ID сайта (указан в админ-панели).
Дополнительно можно использовать: data-title (заголовок), data-close-button (текст закрытия), data-width и data-height.

Пример стилизации полей (CSS)

Изменение названий полей для разных языков через псевдоэлементы:

CSS


:lang(ru) .hotengine-form-feedback-text-title:after{ content:"Текст:"; }
  :lang(en) .hotengine-form-feedback-text-title:after{ content:"Text:"; }
  :lang(uk) .hotengine-form-feedback-text-title:after{ content:"Текст:"; }
  :lang(de) .hotengine-form-feedback-text-title:after{ content:"Text:"; }
  :lang(es) .hotengine-form-feedback-text-title:after{ content:"Texto:"; }
  :lang(fr) .hotengine-form-feedback-text-title:after{ content:"Texte:"; }
  :lang(kk) .hotengine-form-feedback-text-title:after{ content:"Мәтін:"; }
  :lang(be) .hotengine-form-feedback-text-title:after{ content:"Тэкст:"; }
  :lang(ro) .hotengine-form-feedback-text-title:after{ content:"Text:"; }
  :lang(tr) .hotengine-form-feedback-text-title:after{ content:"Metin:"; }
  :lang(it) .hotengine-form-feedback-text-title:after{ content:"Testo:"; }
  :lang(sk) .hotengine-form-feedback-text-title:after{ content:"Text:"; }
  :lang(da) .hotengine-form-feedback-text-title:after{ content:"Tekst:"; }
  :lang(pl) .hotengine-form-feedback-text-title:after{ content:"Tekst:"; }
  :lang(zh) .hotengine-form-feedback-text-title:after{ content:"文本："; }
  :lang(hi) .hotengine-form-feedback-text-title:after{ content:"पाठ:"; }
  :lang(ar) .hotengine-form-feedback-text-title:after{ content:"النص:"; }
  :lang(pt) .hotengine-form-feedback-text-title:after{ content:"Texto:"; }
  :lang(bn) .hotengine-form-feedback-text-title:after{ content:"টেক্সট:"; }

:lang(ru) .hotengine-form-feedback-yourname-title:after{ content:"Ваше имя:"; }
  :lang(en) .hotengine-form-feedback-yourname-title:after{ content:"Your name:"; }
  :lang(uk) .hotengine-form-feedback-yourname-title:after{ content:"Ваше ім'я:"; }
  :lang(de) .hotengine-form-feedback-yourname-title:after{ content:"Ihr name:"; }
  :lang(es) .hotengine-form-feedback-yourname-title:after{ content:"Su nombre:"; }
  :lang(fr) .hotengine-form-feedback-yourname-title:after{ content:"Votre nom:"; }
  :lang(kk) .hotengine-form-feedback-yourname-title:after{ content:"Сіздің атыңыз:"; }
  :lang(be) .hotengine-form-feedback-yourname-title:after{ content:"Ваша імя:"; }
  :lang(ro) .hotengine-form-feedback-yourname-title:after{ content:"Numele dvs.:"; }
  :lang(tr) .hotengine-form-feedback-yourname-title:after{ content:"Adınız:"; }
  :lang(it) .hotengine-form-feedback-yourname-title:after{ content:"Il tuo nome:"; }
  :lang(sk) .hotengine-form-feedback-yourname-title:after{ content:"Vaše meno:"; }
  :lang(da) .hotengine-form-feedback-yourname-title:after{ content:"Dit navn:"; }
  :lang(pl) .hotengine-form-feedback-yourname-title:after{ content:"Twoje imię:"; }
  :lang(zh) .hotengine-form-feedback-yourname-title:after{ content:"你的名称："; }
  :lang(hi) .hotengine-form-feedback-yourname-title:after{ content:"आपका नाम:"; }
  :lang(ar) .hotengine-form-feedback-yourname-title:after{ content:"اسمك:"; }
  :lang(pt) .hotengine-form-feedback-yourname-title:after{ content:"Seu nome:"; }
  :lang(bn) .hotengine-form-feedback-yourname-title:after{ content:"আপনার নাম:"; }

:lang(ru) .hotengine-form-feedback-yoursoname-title:after{ content:"Ваша фамилия:"; }
  :lang(en) .hotengine-form-feedback-yoursoname-title:after{ content:"Your name:"; }
  :lang(uk) .hotengine-form-feedback-yoursoname-title:after{ content:"Ваше прізвище:"; }
  :lang(de) .hotengine-form-feedback-yoursoname-title:after{ content:"Ihr name:"; }
  :lang(es) .hotengine-form-feedback-yoursoname-title:after{ content:"Su nombre:"; }
  :lang(fr) .hotengine-form-feedback-yoursoname-title:after{ content:"Votre nom:"; }
  :lang(kk) .hotengine-form-feedback-yoursoname-title:after{ content:"Сіздің аты-жөні:"; }
  :lang(be) .hotengine-form-feedback-yoursoname-title:after{ content:"Ваша прозвішча:"; }
  :lang(ro) .hotengine-form-feedback-yoursoname-title:after{ content:"Numele dumneavoastră:"; }
  :lang(tr) .hotengine-form-feedback-yoursoname-title:after{ content:"Adınız:"; }
  :lang(it) .hotengine-form-feedback-yoursoname-title:after{ content:"Il tuo nome:"; }
  :lang(sk) .hotengine-form-feedback-yoursoname-title:after{ content:"Vaše meno:"; }
  :lang(da) .hotengine-form-feedback-yoursoname-title:after{ content:"Dit navn:"; }
  :lang(pl) .hotengine-form-feedback-yoursoname-title:after{ content:"Imię i nazwisko:"; }
  :lang(zh) .hotengine-form-feedback-yoursoname-title:after{ content:"你的名称："; }
  :lang(hi) .hotengine-form-feedback-yoursoname-title:after{ content:"आपका नाम:"; }
  :lang(ar) .hotengine-form-feedback-yoursoname-title:after{ content:"اسمك:"; }
  :lang(pt) .hotengine-form-feedback-yoursoname-title:after{ content:"O seu apelido:"; }
  :lang(bn) .hotengine-form-feedback-yoursoname-title:after{ content:"আপনার নাম:"; }
:lang(ru) .hotengine-form-feedback-yourphone-title:after{ content:"Ваш телефон:"; }
  :lang(en) .hotengine-form-feedback-yourphone-title:after{ content:"Your phone:"; }
  :lang(uk) .hotengine-form-feedback-yourphone-title:after{ content:"Ваш мобільний телефон:"; }
  :lang(de) .hotengine-form-feedback-yourphone-title:after{ content:"Ihr Telefon:"; }
  :lang(es) .hotengine-form-feedback-yourphone-title:after{ content:"Su teléfono:"; }
  :lang(fr) .hotengine-form-feedback-yourphone-title:after{ content:"Votre téléphone:"; }
  :lang(kk) .hotengine-form-feedback-yourphone-title:after{ content:"Телефон:"; }
  :lang(be) .hotengine-form-feedback-yourphone-title:after{ content:"Ваш тэлефон:"; }
  :lang(ro) .hotengine-form-feedback-yourphone-title:after{ content:"Telefonul dvs.:"; }
  :lang(tr) .hotengine-form-feedback-yourphone-title:after{ content:"Telefon:"; }
  :lang(it) .hotengine-form-feedback-yourphone-title:after{ content:"Il telefono:"; }
  :lang(sk) .hotengine-form-feedback-yourphone-title:after{ content:"Váš telefón:"; }
  :lang(da) .hotengine-form-feedback-yourphone-title:after{ content:"Din telefon:"; }
  :lang(pl) .hotengine-form-feedback-yourphone-title:after{ content:"Telefon:"; }
  :lang(zh) .hotengine-form-feedback-yourphone-title:after{ content:"你的电话："; }
  :lang(hi) .hotengine-form-feedback-yourphone-title:after{ content:"अपने फोन:"; }
  :lang(ar) .hotengine-form-feedback-yourphone-title:after{ content:"الهاتف:"; }
  :lang(pt) .hotengine-form-feedback-yourphone-title:after{ content:"Seu telefone:"; }
  :lang(bn) .hotengine-form-feedback-yourphone-title:after{ content:"আপনার ফোন:"; }

:lang(ru) .hotengine-form-feedback-youremail-title:after{ content:"Ваш e-mail:"; }
  :lang(en) .hotengine-form-feedback-youremail-title:after{ content:"Your e-mail:"; }
  :lang(uk) .hotengine-form-feedback-youremail-title:after{ content:"Ваш e-mail:"; }
  :lang(de) .hotengine-form-feedback-youremail-title:after{ content:"Ihre e-mail:"; }
  :lang(es) .hotengine-form-feedback-youremail-title:after{ content:"Su e-mail:"; }
  :lang(fr) .hotengine-form-feedback-youremail-title:after{ content:"Votre e-mail:"; }
  :lang(kk) .hotengine-form-feedback-youremail-title:after{ content:"Сіздің e-mail:"; }
  :lang(be) .hotengine-form-feedback-youremail-title:after{ content:"Ваш e-mail:"; }
  :lang(ro) .hotengine-form-feedback-youremail-title:after{ content:"Adresa de e-mail:"; }
  :lang(tr) .hotengine-form-feedback-youremail-title:after{ content:"E-mail:"; }
  :lang(it) .hotengine-form-feedback-youremail-title:after{ content:"Il tuo indirizzo e-mail:"; }
  :lang(sk) .hotengine-form-feedback-youremail-title:after{ content:"E-mail:"; }
  :lang(da) .hotengine-form-feedback-youremail-title:after{ content:"Din e-mail:"; }
  :lang(pl) .hotengine-form-feedback-youremail-title:after{ content:"Twój e-mail:"; }
  :lang(zh) .hotengine-form-feedback-youremail-title:after{ content:"你的电子邮件:"; }
  :lang(hi) .hotengine-form-feedback-youremail-title:after{ content:"अपने ई-मेल:"; }
  :lang(ar) .hotengine-form-feedback-youremail-title:after{ content:"البريد الإلكتروني:"; }
  :lang(pt) .hotengine-form-feedback-youremail-title:after{ content:"Seu e-mail:"; }
  :lang(bn) .hotengine-form-feedback-youremail-title:after{ content:"আপনার ই-মেইল:"; }
:lang(ru) .hotengine-form-feedback-youraddress-title:after{ content:"Ваш адрес:"; }
  :lang(en) .hotengine-form-feedback-youraddress-title:after{ content:"Your address:"; }
  :lang(uk) .hotengine-form-feedback-youraddress-title:after{ content:"Ваша адреса:"; }
  :lang(de) .hotengine-form-feedback-youraddress-title:after{ content:"Ihre Adresse:"; }
  :lang(es) .hotengine-form-feedback-youraddress-title:after{ content:"Su dirección:"; }
  :lang(fr) .hotengine-form-feedback-youraddress-title:after{ content:"Votre adresse:"; }
  :lang(kk) .hotengine-form-feedback-youraddress-title:after{ content:"Сіздің мекен-жайы:"; }
  :lang(be) .hotengine-form-feedback-youraddress-title:after{ content:"Ваш адрас:"; }
  :lang(ro) .hotengine-form-feedback-youraddress-title:after{ content:"Adresa:"; }
  :lang(tr) .hotengine-form-feedback-youraddress-title:after{ content:"Adresi:"; }
  :lang(it) .hotengine-form-feedback-youraddress-title:after{ content:"Indirizzo:"; }
  :lang(sk) .hotengine-form-feedback-youraddress-title:after{ content:"Adresa:"; }
  :lang(da) .hotengine-form-feedback-youraddress-title:after{ content:"Din adresse:"; }
  :lang(pl) .hotengine-form-feedback-youraddress-title:after{ content:"Adres:"; }
  :lang(zh) .hotengine-form-feedback-youraddress-title:after{ content:"你的地址："; }
  :lang(hi) .hotengine-form-feedback-youraddress-title:after{ content:"आपके पते की:"; }
  :lang(ar) .hotengine-form-feedback-youraddress-title:after{ content:"العنوان الخاص بك:"; }
  :lang(pt) .hotengine-form-feedback-youraddress-title:after{ content:"O seu endereço:"; }
  :lang(bn) .hotengine-form-feedback-youraddress-title:after{ content:"আপনার ঠিকানা:"; }

/*FORM TEXT TITTLES*/

Внимание! На сайте предусмотрена возможность создавать собственные формы в автоматическом режиме, а также использовать всплывающие окна для отправки необходимых от посетителя данных. Для этого воспользуйтесь Конструктор форм.

Комментарии / Отзывы

💬

Комментарии и Отзывы

Social & Feedback Module

Система позволяет оставлять комментарии на всех типах страниц. Поддерживаются гибкие настройки привязки к разделам, система оценок (рейтинг) и защита Captcha. Для товаров предусмотрена специализированная форма — Отзывы.

✔ Оценки

Возможность включения звездного рейтинга для наглядной обратной связи.

🔒 Защита

Встроенная проверка через защитное изображение для предотвращения спама.

Ajax загрузка комментариев

Ajax загрузка комментариев.

<span class="ajax_load_comments" data-nc="0" data-on-page="20" data-page-id="12" data-scpt="page" data-content-block=".contenth_comments_ajax">ЗАГРУЗИТЬ КОММЕНТАРИИ</span>

if (contentBlock) {
                contentBlock.insertAdjacentHTML("beforeend", `<div class="loading" align="center"><span class="loading-spin"></span></div>`);
                const loader = contentBlock.querySelector(`.loading`);
                
                loader.style.transition = "opacity 0.4s";
                loader.style.opacity = "0";
                setTimeout(() => { loader.style.opacity = "1"; }, 10);

fetch(`/ajax.php?hotengine_comments_hotengine_page_id=${pageId}&hotengine_comments_page_type=${pagetype}&nc=${nc}&snc_on_page=${sncOnPage}`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;
                        contentBlock.querySelector(`.hotengine-comments-replay-send`)?.remove();
                    }, 300);
                })
                .catch(error => {
                    if (error.name === "AbortError") {
                        alert("Request timeout. Please try again.");
                    } else {
                        alert(`Error executing Ajax request #ajaxloadcomments490. \n\nError result: ${error}`);
                    }
                    loader?.remove();
                });
            }
            e.preventDefault();
            return false;
        }
    });
});
</script>

<div class="contenth_comments_ajax">Комментарии</div>

Элемент имеющий class "ajax_load_comments" будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
ID загружаемой страницы задан в параметре data-page-id. Дополнительно можно отфильтровать комментарии по рейтингу, передав переменную starrating_quality, например starrating_quality=5.

Для комментариев используются 4 параметра:

hotengine_comments_hotengine_page_id - ID страницы.
nc - номер страницы комментариев.
snc_on_page - количество комментариев на странице (от 1 до 50).
hotengine_comments_page_type - тип страницы.

Типы доступных страниц (обязательный параметр):

page - страницы
shop_category - категории магазина
shop_collection - коллекции магазина
shop_producer - производители
blog_category - категория каталога статей
blog_page - статья

Вы можете использовать собственные скрипты, передавая GET или POST параметры hotengine_comments_hotengine_page_id и hotengine_comments_page_type, по адресу /ajax.php. nc - номер страницы, snc_on_page - количество комментариев на странице.

Для получения данных в JSON формате, достаточно добавить GET/POST переменную json.

Ajax загрузка отзывов к товарам

Ajax загрузка отзывов к товарам.

<a class="ajax_load_shop_comments" data-nc="0" data-on-page="20" href="https://boostore.pro/ru/blog/news_ru/pers_shop/store_ru/21956.htm" data-content-block=".contenth_shop_comments_ajax">ЗАГРУЗИТЬ ОТЗЫВЫ</a>

loader.style.transition = "opacity 0.4s";
                loader.style.opacity = "0";
                setTimeout(() => { loader.style.opacity = "1"; }, 10);

fetch(`/ajax.php?hotengine_shop_comments_shop_cat_page_id=${productId}&nc=${nc}&snc_on_page=${sncOnPage}`, {
                    method: "GET",
                    credentials: "same-origin",
                    headers: {
                        "X-Requested-With": "XMLHttpRequest"
                    },
                    signal: (() => {
                        const c = new AbortController();
                        setTimeout(() => c.abort(), 20000);
                        return c.signal;
                    })()
                })
                .then(response => response.text())
                .then(data => {
                    loader.style.opacity = "0";
                    setTimeout(() => {
                        loader.remove();
                        contentBlock.innerHTML = data;
                        contentBlock.querySelector(`.hotengine-shop-comments-replay-send`)?.remove();
                    }, 300);
                })
                .catch(error => {
                    if (error.name === "AbortError") {
                        alert("Request timeout. Please try again.");
                    } else {
                        alert(`Error executing Ajax request #ajaxloadcomments490. ajax.php Please try again. \n\nError result: ${error}`);
                    }
                    loader?.remove();
                });
            }
            e.preventDefault();
            return false;
        }
    });
});
</script>

<div class="contenth_shop_comments_ajax">ОТЗЫВЫ</div>

Ссылка имеющая class ajax_load_shop_comments будет открывать Ajax контент внутри блока, заданного в атрибуте data-content-block.
Путь к загружаемой странице задан в параметре href.

Для отзывов используются три параметра:
hotengine_shop_comments_shop_cat_page_id - ID товара.
nc - номер страницы комментариев.
snc_on_page - количество комментариев на странице (от 1 до 50).
Путь к странице может быть относительным, или полным, с http. Путь должен быть либо путем к товару, либо можно сразу указать ID товара, отзывы к которому необходимо загрузить.
Вы так же можете использовать собственные скрипты, передавая GET или POST параметр hotengine_shop_comments_shop_cat_page_id, с полным адресом
товара (или ID товара), по адресу /ajax.php. nc - номер страницы, snc_on_page - количество комментариев на странице. Дополнительно можно отфильтровать комментарии по рейтингу, передав переменную starrating_quality, например starrating_quality=5.

Кроме того, возможно использование прямых запросов без использования Ajax.
Например, для загрузки данных в iframe. Путь такой же как и при использовании Ajax.
Скрипты добавления товара в корзину нужно подгружать дополнительно, если вы используете iframe.

Скрипт загрузки данных во всплывающем окне:
Скрипт всплывающего окна с загрузкой Ajax контента
Для получения данных в json формате, достаточно добавить GET/POST переменную json.

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

Multilanding / Динамические страницы

🎯

Multilanding / Динамические страницы

Dynamic Content Module

Multilanding — это технология автоматического изменения контента страницы в зависимости от ключевого запроса посетителя, установленных в рекламе переменных (UTM) или его местоположения.

🔄 Гибкая подмена

При совпадении запроса система меняет содержимое целых блоков на страницах, в товарах или элементах меню.

📊 Источники данных

Используются поисковые фразы или GET-переменные, такие как utm_term в рекламных объявлениях.

Как использовать Multilanding?

Вы настраиваете правила подмены так, чтобы при частичном или полном совпадении ключевого слова посетитель видел максимально релевантный контент. Например, если в URL присутствует utm_term=купить_ноутбук, заголовок и баннер на странице могут автоматически измениться под этот запрос.

Сроки хранения данных:
• Информация об обычном источнике перехода хранится 24 часа.
• Данные о переходах по партнерской программе сохраняются в течение 120 дней.

Индивидуальные настройки Multilanding позволяют значительно повысить конверсию рекламного трафика за счет точного соответствия ожиданиям пользователя.

Пример работы с Блоком/Меню

📑

Работа с Блоками и Меню

Layout & Meta Module

Инструмент Блоки/Меню позволяет гибко управлять структурой сайта, от подтверждения прав собственности в поисковых системах до создания уникальных элементов дизайна.

✔ Верификация

Добавление тегов <meta> для Google Search Console, Яндекс.Вебмастер и других сервисов.

⚙ Кастомизация

Создание собственных Header (шапка) и Footer (подвал) сайта с использованием любого HTML-кода.

Пример подтверждения сайта:

Создайте новый Блок/Меню в панели управления.
Вставьте предоставленный сервисом <meta> код в поле содержимого.
В настройках отображения выберите расположение в служебных тегах (head).

Автоматическая оптимизация: Вы можете вставлять JavaScript и CSS прямо в блоки. Система интеллектуально обработает их и преобразует в отдельные файлы для ускорения загрузки страниц.

Пример совместного использования категорий и производителей (дополнительных категорий)

📦

Категории и Производители

Store Structure Module

Для каждого товара можно задать основную Рубрику (персональную категорию) и Производителя (дополнительную категорию). Это позволяет одному товару находиться одновременно в разных списках: например, телефон Samsung будет доступен и в разделе «Смартфоны», и в разделе «Samsung».

💡 Гибкость названий

Рубрику «Производитель» можно переименовать в любое подходящее вам слово.

📌 Рекомендация

Первую родительскую рубрику рекомендуется называть «Магазин» (Store).

Создание основной категории:

1. Откройте редактор категорий магазина.
2. Нажмите «Добавить категорию», выберите сайт и подтвердите.
3. Введите системное имя (URL). Например, для группы «Магазин» укажите store.

Управление разделом Производители (дополнительные категории) происходит аналогичным образом.

Фильтрация через URL:
Чтобы показать товары конкретной рубрики и конкретного производителя, добавьте GET-переменную producer (ID или имя).
Пример: /pers_shop/water/?producer=bonaqua — отобразит товары из категории «water» только бренда «bonaqua».

➠ Основные блоки и их расположение

Виджеты

🧱

Виджеты и ShortCodes

Interactive UI Module

«Виджет» — это интерактивный блок с данными для размещения на сайте. Виджет можно генерировать при помощи специального короткого кода («ShortCode»), который может содержать дополнительные параметры. Полученный код можно вставить непосредственно в текст страницы или в «Блоки/Меню».

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

✨ Динамика

Контент в виджетах обновляется автоматически при изменении данных в базе (новые товары, статьи).

📋 Универсальность

Один и тот же ShortCode можно использовать в разных частях сайта, сохраняя единство стиля.

Генераторы виджетов:

📁 Категории магазина

Генерация списка или сетки ваших категорий.

📦 Товары магазина

Слайдеры или сетки товаров с фильтрами.

🏭 Производители

Вывод логотипов и названий брендов.

📝 Статьи и новости

Виджет для вывода последних публикаций.

Как это работает: Перейдите в нужный генератор, настройте внешний вид и скопируйте полученный код типа [MENU:...]. Вставьте его в любое место на сайте, где должен появиться блок.

← Назад

Краткий обзор возможностей | | Рекомендации по продвижению | Скрипты для использования на сайтах