Główne moduły platformy. Typy danych i stron.

☰

Typy danych/stron

📄

Strony

System Block

Strona — blok znajdujący się w centrum witryny, w obszarze treści, który może zawierać dowolne dane HTML (HTML, XHTML, JAVASCRIPT, CSS lub inne).

Ajax ładowanie treści strony.

<a class="ajax_load_page" href="/index.htm" data-content-block=".contenth_ajax">ZAŁADUJ STRONĘ</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">TREŚĆ</div>

Link posiadający klasę ajax_load_page będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
Ścieżka do ładowanej strony jest określona w parametrze href.
Ścieżka do strony może być względna lub pełna, z http.
Możesz także używać własnych skryptów, przekazując parametr GET lub POST p, z nazwą
(lub pełnym adresem) strony, pod adresem /ajax.php

Ponadto możliwe jest użycie bezpośrednich zapytań bez użycia Ajax.
Na przykład do ładowania danych w iframe. Ścieżka jest taka sama jak przy użyciu Ajax.

Skrypt ładowania danych w oknie popup:
Skrypt okna popup z ładowaniem treści Ajax

📰

Katalog artykułów

Content Module

Katalog artykułów — taki sam blok jak strony, który dodatkowo posiada krótkie opisy wyświetlane w formie listy z linkiem do pełnego tekstu, a także możliwością dzielenia list według kategorii.

Listy artykułów można wyświetlać nie tylko wewnątrz kategorii, ale także generować własne listy.

Ajax ładowanie treści artykułu

Ajax ładowanie treści artykułu.

<a class="ajax_load_blog" href="https://boostore.pro/pl/blog/news_pl/1.htm" data-content-block=".contenth_ajax">ZAŁADUJ ARTYKUŁ</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=${encodeURIComponent(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">TREŚĆ</div>

Link posiadający klasę ajax_load_blog będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
Ścieżka do ładowanej strony jest określona w parametrze href.
Ścieżka do strony może być względna lub pełna, z http.
Możesz także używać własnych skryptów, przekazując parametr GET lub POST blog_cat_p, z pełnym adresem
artykułu, pod adresem /ajax.php

Ponadto możliwe jest użycie bezpośrednich zapytań bez użycia Ajax.
Na przykład do ładowania danych w iframe. Ścieżka jest taka sama jak przy użyciu Ajax.

Skrypt ładowania danych w oknie popup:
Skrypt okna popup z ładowaniem treści Ajax

Przykład skryptu Ajax do ładowania własnej listy artykułów

Przykład Ajax ładowania artykułu w formacie JSON

📐

Blok / Menu

Layout Module

Blok/Menu — to uniwersalny kontener dla dowolnych kodów HTML i funkcji systemowych (koszyk, filtr, bestsellery). Pozwala kształtować strukturę witryny, umieszczać skrypty w meta-tagach i zarządzać ich widocznością na różnych urządzeniach.

Używaj Header i Footer dla wspólnych elementów projektu (logo, kontakty), a boczne lub wewnętrzne bloki — dla modułów treści i skryptów.

Pozycje umieszczenia:

Nagłówek witryny (Header): wewnątrz elementu #hotengine-header, nad treścią.
Stopka witryny (Footer): wewnątrz elementu #hotengine-footer, pod treścią.
Lewo / Prawo: panele boczne obok głównego bloku z treścią.
Góra / Dół: wewnątrz obszaru treści, w górnej lub dolnej części.
Nad > cat_tree: pozycja bezpośrednio pod drzewem kategorii.
Tagi pomocnicze (Header Meta): pod Meta-tagami do wstawiania JavaScript i danych systemowych.

Do wszystkich menu automatycznie dodawana jest klasa CSS pozycji i unikalny menu_id.

📋 Podstawowe rozmieszczenie bloków witryny

Do rozszerzonego menu mobilnego użyj Konstruktora menu mobilnego.

🛒

Sklep

E-commerce Module

Sklep — moduł do organizacji katalogu produktów z funkcjonalnością zamówień. Obsługuje segmentację według producentów, kategorii, typów i cech.

Widget z produktami

Listy można osadzać w stronach, blokach lub artykułach poprzez Generator sliderów. Przykład działania widgetu z produktami

Widgety kategorii

Wyświetlanie struktury działów w dowolnym miejscu witryny za pomocą Widgeta kategorii.

Ajax ładowanie produktu

Ajax ładowanie produktu.

<a class="ajax_load_shop" href="https://boostore.pro/pl/blog/news_pl/pers_shop/store_pl/21956.htm" data-content-block=".contenth_ajax">ZAŁADUJ PRODUKT</a>

fetch(`/ajax.php?shop_cat_p=${encodeURIComponent(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">TREŚĆ</div>

Link posiadający klasę ajax_load_shop będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
Ścieżka do ładowanej strony jest określona w parametrze href.
Ścieżka do strony może być względna lub pełna, z http.
Możesz także używać własnych skryptów, przekazując parametr GET lub POST shop_cat_p, z pełnym adresem
produktu, pod adresem /ajax.php

Ponadto możliwe jest użycie bezpośrednich zapytań bez użycia Ajax.
Na przykład do ładowania danych w iframe. Ścieżka jest taka sama jak przy użyciu Ajax.
Skrypty dodawania produktu do koszyka należy ładować dodatkowo, jeśli używasz iframe.

Skrypt ładowania danych w oknie popup:
Skrypt okna popup z ładowaniem treści Ajax

Ajax ładowanie opinii do produktów ↓

Przykład skryptu Ajax do ładowania listy produktów + «Generator listy produktów»

Ajax ładowanie koszyka

Ajax ładowanie koszyka.

<a class="ajax_load_cart" href="javascript://" data-content-block=".content_cart_ajax">ZAŁADUJ KOSZYK</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">TREŚĆ</div>

Link posiadający klasę ajax_load_cart będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
Do załadowania koszyka wystarczy wykonać zapytanie do strony «/ajax.php?cart&load_cart_ajax»

Przykład skryptu Ajax do ładowania koszyka po najechaniu kursorem myszy

Ajax ładowanie listy obrazów karty produktu

Ajax ładowanie listy wszystkich kategorii w formacie JSON

Ajax ładowanie listy wszystkich kategorii w formacie JSON.

Aby uzyskać listę wszystkich kategorii sklepu wystarczy wykonać zapytanie pod adres /ajax.php?json&shop_categories&start=0&param=:products

Gdzie

&start= - ID kategorii, od której rozpocząć wyświetlanie.
&param= parametry, które można uzyskać w Widgetcie kategorii (parametr opcjonalny)
Zapytanie działa tylko z podaniem Twojej domeny, np. http://example.com/ajax.php?json&shop_categories&start=0

Przykład wyniku: {"id":"ID kategorii","parentID":"ID kategorii nadrzędnej","child_cat":"Liczba podkategorii","child_items":"Liczba produktów w kategorii","image":"Ścieżka do obrazu kategorii","title":"Nazwa kategorii"},

Ajax ładowanie produktu w formacie JSON

Ajax ładowanie produktu w formacie JSON.

Aby uzyskać dane kart produktów w formacie JSON, wystarczy wykonać zapytanie pod adres /ajax.php?json&shop_products&id=0

Przy eksporcie produktów można określić parametry sortowania i filtrowania według następujących parametrów:

id - ID karty produktu (jedna lub kilka wartości, oddzielone przecinkami).
pers_shop_cat_page_catid - ID kategorii sklepu (jedna lub kilka wartości, oddzielone przecinkami)
producer – producent (jedna lub kilka wartości, oddzielone przecinkami)
collection - kolekcja (jedna lub kilka wartości, oddzielone przecinkami)
sort_by – sortowanie
order_by – sortowanie
sort_instock_priority – priorytet sortowania
price_from – cena od
price_to – cena do
stock - dostępność

Zapytanie działa tylko z podaniem Twojej domeny, np. http://example.com/ajax.php?json&shop_products&id=0

Formularz (Form)

📝

Formularze

Data Capture Module

Formularz — sekcja dokumentu, pozwalająca użytkownikowi wprowadzać informacje do późniejszego przetworzenia przez system. Na platformie BooStore.pro możesz tworzyć pełnoprawne formularze z przypisaniem nazw, id i class dla pól. Dane formularzy można przetwarzać na naszej platformie lub wysyłać na dowolny inny zasób.

✔ Elastyczna konfiguracja

Przypisanie unikalnych nazw i identyfikatorów dla każdego pola formularza.

➡ Przetwarzanie danych

Możliwość lokalnego przetwarzania w systemie lub wysyłania na zewnętrzne zasoby.

Ajax ładowanie formularzy (formularze popup)

3 sposoby tworzenia formularza:

1 Konstruktor formularzy (Najbardziej elastyczny)

Otwórz konstruktor formularzy i utwórz strukturę, ustawiając potrzebne pola. Wszystkie instrukcje są dostępne wewnątrz modułu.

2 Strona funkcyjna

Utwórz stronę typu feedback. Po jej otwarciu wyświetli się standardowy formularz kontaktowy.

3 Formularz popup (przez kod)

HTML

<a class="hotengine-dialog-email" data-site="XXXX" href="javascript://">Napisz do nas</a>

class="hotengine-dialog-email" — wywołanie okna. data-site="XXXX" — Twój ID witryny (określony w panelu administracyjnym).
Dodatkowo można użyć: data-title (tytuł), data-close-button (tekst zamknięcia), data-width i data-height.

Przykład stylizacji pól (CSS)

Zmiana nazw pól dla różnych języków za pomocą pseudoelementów:

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*/

Uwaga! Na stronie istnieje możliwość tworzenia własnych formularzy w trybie automatycznym, a także używania okien popup do wysyłania danych od odwiedzających. W tym celu skorzystaj z Konstruktora formularzy.

Komentarze / Opinie

💬

Komentarze i Opinie

Social & Feedback Module

System umożliwia pozostawianie komentarzy na wszystkich typach stron. Obsługiwane są elastyczne ustawienia przypisania do sekcji, system ocen (rating) i ochrona Captcha. Dla produktów przewidziana jest specjalistyczna forma — Opinie.

✔ Oceny

Możliwość włączenia oceny gwiazdkowej dla przejrzystej informacji zwrotnej.

🔒 Ochrona

Wbudowane sprawdzanie za pomocą obrazka ochronnego w celu zapobiegania spamowi.

Ajax ładowanie komentarzy

Ajax ładowanie komentarzy.

<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">ZAŁADUJ KOMENTARZE</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">Komentarze</div>

Element posiadający klasę "ajax_load_comments" będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
ID ładowanej strony jest określone w parametrze data-page-id. Dodatkowo można filtrować komentarze według oceny, przekazując zmienną starrating_quality, np. starrating_quality=5.

Dla komentarzy używane są 4 parametry:

hotengine_comments_hotengine_page_id - ID strony.
nc - numer strony komentarzy.
snc_on_page - liczba komentarzy na stronie (od 1 do 50).
hotengine_comments_page_type - typ strony.

Dostępne typy stron (parametr wymagany):

page - strony
shop_category - kategorie sklepu
shop_collection - kolekcje sklepu
shop_producer - producenci
blog_category - kategoria katalogu artykułów
blog_page - artykuł

Możesz używać własnych skryptów, przekazując parametry GET lub POST hotengine_comments_hotengine_page_id i hotengine_comments_page_type, pod adresem /ajax.php. nc - numer strony, snc_on_page - liczba komentarzy na stronie.

Aby uzyskać dane w formacie JSON, wystarczy dodać zmienną GET/POST json.

Ajax ładowanie opinii do produktów

Ajax ładowanie opinii do produktów.

<a class="ajax_load_shop_comments" data-nc="0" data-on-page="20" href="https://boostore.pro/pl/blog/news_pl/pers_shop/store_pl/21956.htm" data-content-block=".contenth_shop_comments_ajax">ZAŁADUJ OPINIE</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">OPINIE</div>

Link posiadający klasę ajax_load_shop_comments będzie otwierać treść Ajax wewnątrz bloku określonego w atrybucie data-content-block.
Ścieżka do ładowanej strony jest określona w parametrze href.

Dla opinii używane są trzy parametry:
hotengine_shop_comments_shop_cat_page_id - ID produktu.
nc - numer strony komentarzy.
snc_on_page - liczba komentarzy na stronie (od 1 do 50).
Ścieżka do strony może być względna lub pełna, z http. Ścieżka powinna być albo ścieżką do produktu, albo można od razu podać ID produktu, dla którego należy załadować opinie.
Możesz także używać własnych skryptów, przekazując parametr GET lub POST hotengine_shop_comments_shop_cat_page_id, z pełnym adresem
produktu (lub ID produktu), pod adresem /ajax.php. nc - numer strony, snc_on_page - liczba komentarzy na stronie. Dodatkowo można filtrować komentarze według oceny, przekazując zmienną starrating_quality, np. starrating_quality=5.

Ponadto możliwe jest użycie bezpośrednich zapytań bez użycia Ajax.
Na przykład do ładowania danych w iframe. Ścieżka jest taka sama jak przy użyciu Ajax.
Skrypty dodawania produktu do koszyka należy ładować dodatkowo, jeśli używasz iframe.

Skrypt ładowania danych w oknie popup:
Skrypt okna popup z ładowaniem treści Ajax
Aby uzyskać dane w formacie JSON, wystarczy dodać zmienną GET/POST json.

Można skonfigurować komentarze dla każdej sekcji indywidualnie lub w ogólnych ustawieniach witryny. Konfiguracja jest dostępna dla kategorii sklepu, producentów, kolekcji, a także dla stron, kart produktów lub artykułów.

Multilanding / Strony dynamiczne

🎯

Multilanding / Strony dynamiczne

Dynamic Content Module

Multilanding — to technologia automatycznej zmiany treści strony w zależności od zapytania kluczowego odwiedzającego, zmiennych ustawionych w reklamie (UTM) lub jego lokalizacji.

🔄 Elastyczna podmiana

Przy dopasowaniu zapytania system zmienia zawartość całych bloków na stronach, w produktach lub elementach menu.

📊 Źródła danych

Używane są frazy wyszukiwania lub zmienne GET, takie jak utm_term w reklamach.

Jak używać Multilanding?

Ustawiasz reguły podmiany tak, aby przy częściowym lub pełnym dopasowaniu słowa kluczowego odwiedzający widział maksymalnie odpowiednią treść. Na przykład, jeśli w URL występuje utm_term=kup_laptop, tytuł i baner na stronie mogą automatycznie zmienić się dla tego zapytania.

Okresy przechowywania danych:
• Informacja o zwykłym źródle przejścia jest przechowywana 24 godziny.
• Dane o przejściach z programu partnerskiego są przechowywane przez 120 dni.

Indywidualne ustawienia Multilanding pozwalają znacząco zwiększyć konwersję ruchu reklamowego dzięki dokładnemu dopasowaniu do oczekiwań użytkownika.

Przykład pracy z Blokiem/Menu

📑

Praca z Blokami i Menu

Layout & Meta Module

Narzędzie Bloki/Menu pozwala elastycznie zarządzać strukturą witryny, od potwierdzenia praw własności w wyszukiwarkach po tworzenie unikalnych elementów projektu.

✔ Weryfikacja

Dodawanie tagów <meta> dla Google Search Console, Yandex.Webmaster i innych usług.

⚙ Personalizacja

Tworzenie własnego Header (nagłówek) i Footer (stopka) witryny z użyciem dowolnego kodu HTML.

Przykład potwierdzenia witryny:

Utwórz nowy Blok/Menu w panelu zarządzania.
Wklej kod <meta> dostarczony przez usługę w pole treści.
W ustawieniach wyświetlania wybierz lokalizację w tagach pomocniczych (head).

Automatyczna optymalizacja: Możesz wstawiać JavaScript i CSS bezpośrednio do bloków. System inteligentnie je przetworzy i przekształci w osobne pliki w celu przyspieszenia ładowania stron.

Przykład wspólnego używania kategorii i producentów (kategorii dodatkowych)

📦

Kategorie i Producenci

Store Structure Module

Dla każdego produktu można ustawić główną Rubrykę (kategorię osobistą) i Producenta (kategorię dodatkową). Pozwala to jednemu produktowi znajdować się jednocześnie na różnych listach: na przykład telefon Samsung będzie dostępny zarówno w dziale «Smartfony», jak i w dziale «Samsung».

💡 Elastyczność nazw

Rubrykę «Producent» można przemianować na dowolne odpowiednie dla Ciebie słowo.

📌 Zalecenie

Pierwszą rubrykę nadrzędną zaleca się nazywać «Sklep» (Store).

Tworzenie głównej kategorii:

1. Otwórz edytor kategorii sklepu.
2. Kliknij «Dodaj kategorię», wybierz witrynę i potwierdź.
3. Wprowadź nazwę systemową (URL). Na przykład dla grupy «Sklep» podaj store.

Zarządzanie sekcją Producenci (kategorie dodatkowe) odbywa się w analogiczny sposób.

Filtrowanie przez URL:
Aby pokazać produkty konkretnej rubryki i konkretnego producenta, dodaj zmienną GET producer (ID lub nazwa).
Przykład: /pers_shop/water/?producer=bonaqua — wyświetli produkty z kategorii «water» tylko marki «bonaqua».

➠ Główne bloki i ich rozmieszczenie

Widgety

🧱

Widgety i ShortCodes

Interactive UI Module

«Widget» — to interaktywny blok z danymi do umieszczenia na stronie. Widget można generować za pomocą specjalnego krótkiego kodu («ShortCode»), który może zawierać dodatkowe parametry. Otrzymany kod można wstawić bezpośrednio do tekstu strony lub do «Bloki/Menu».

Konfiguracja widgetu odbywa się w specjalnym interaktywnym bloku zarządzania. Możesz szczegółowo skonfigurować wygląd i zachowanie elementu przed otrzymaniem gotowego kodu do wstawienia.

✨ Dynamika

Treść w widgetach aktualizuje się automatycznie przy zmianie danych w bazie (nowe produkty, artykuły).

📋 Uniwersalność

Ten sam ShortCode można używać w różnych częściach witryny, zachowując jedność stylu.

Generatory widgetów:

📁 Kategorie sklepu

Generowanie listy lub siatki Twoich kategorii.

📦 Produkty sklepu

Slider lub siatki produktów z filtrami.

🏭 Producenci

Wyświetlanie logo i nazw marek.

📝 Artykuły i aktualności

Widget do wyświetlania najnowszych publikacji.

Jak to działa: Przejdź do potrzebnego generatora, skonfiguruj wygląd i skopiuj otrzymany kod typu [MENU:...]. Wstaw go w dowolne miejsce na stronie, gdzie ma pojawić się blok.

← Temu

Krótki przegląd możliwości | | Zalecenia dotyczące promocji | Skrypty do użytku na stronach