This commit is contained in:
2025-12-08 14:29:54 +01:00
parent 5f194e862f
commit 03a0ab0029
3 changed files with 216 additions and 64 deletions

View File

@@ -93,7 +93,7 @@ new IdmHotspot({
* @property {object} source - Dane źródłowe dla hotspotu.
* @property {string} [source.link] - link do listingu z którego mają być pobierane produkty (NIEZALECANE)
* @property {string} [source.link] - link do listingu z którego mają być pobierane produkty (NIEZALECANE)(Reszta opcji source nie zadziała!!)
* @property {string} [source.hotspotType] - Typ hotspotu (np. "promotion").
* @property {number[]} [source.productsId] - Tablica ID produktów.
* @property {number} [source.productsMenu] - Identyfikator menu produktów.
@@ -119,6 +119,7 @@ new IdmHotspot({
* @property {boolean} [options.addToFavorites] - Czy włączać dodawanie do ulubionych(DZIAŁA TYLKO PO ZMIANACH SZABLONOWYCH)
* @property {boolean} [options.addToCompare] - Czy włączać dodawanie do porównywania
* @property {boolean|string} [options.addToBasket] - Obsługa koszyka:
* - true = włącz
* - false = wyłącz
@@ -129,14 +130,24 @@ new IdmHotspot({
* - false = nieaktywny
* - object = konfiguracja Swiper
* @property {boolean} [options.swiperScrollbar] - Czy włączać scrollbar w swiperze - DO DZIAŁANIA WYMAGA WŁĄCZONEGO SWIPERA
* @property {boolean} [options.showOpinions] - Czy wyświetlać opinie o produkcie w formie gwiazdek nad nazwą
* @property {boolean} [options.showSecondImage] - Czy wyświetlać drugie zdjęcie na hover
* @property {boolean} [options.selectVersion] - Pokazywanie multiwersji
*
* @property {object} cssVariables - Obiekt z opcjami zmiennych CSS wgrywanymi do danej ramki rekomendacji
* @property {object} [cssVariables.version] - Obiekt ze zmiennymi css dla wersji
* @property {number} [cssVariables.version.columnDesktop] - liczba kolumn wersji na desktop
* @property {number} [cssVariables.version.columnTablet] - liczba kolumn wersji na tablecie
* @property {number} [cssVariables.version.columnMobile] - liczba kolumn wersji na mobile
* @property {number} [cssVariables.nameClamp] - liczba wyświetlanych linijek tekstu nazwy produktu
* @type {Hotspot[]}
*/
```
###### Jedna ramka - HTML ######
```
<section id="idmBlogHotspot1"
@@ -144,7 +155,7 @@ new IdmHotspot({
data-products-id="589,180,181590"
data-lazy="true"
>
<div class="hotspot --initialized">
<div class="hotspot">
<h3 class="hotspot__name headline__wrapper">
<span class="headline">
<span class="headline__name" aria-label="aaa">aaa</span>