FrontendComponents/hotspots
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Bug fix dla generowania ramek z HTML + dodatkowe source i dataatrybuty dla HTML

Browse Source
This commit is contained in:
pawel.gaca
2025-11-24 12:37:38 +01:00
parent 49ff211062
commit 2d4cb1c44e
4 changed files with 93 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
README.md
View File

@@ -96,11 +96,17 @@ new IdmHotspot({
* @property {string} [source.hotspotType] - Typ hotspotu (np. "promotion").
* @property {number[]} [source.productsId] - Tablica ID produktów.
* @property {number} [source.productsMenu] - Identyfikator menu produktów.
* @property {number[]} [source.producersId] - Tablica ID producentów.
* @property {number[]} [source.seriesId] - Tablica ID serii.
* @property {number[]} [source.parametersId] - Tablica ID grup parametrów.
* @property {object} [source.priceRange] - Obiekt z ceną od do.
* @property {number} [source.priceRange.from] - cena od
* @property {number} [source.priceRange.to] - cena do
* @property {object} query - Dane zapytania, nadpisują source (DEV).
* @property {string} query.string - Zapytanie w formacie GraphQL.
* @property {Function} query.graphFn - Funkcja do pobierania danych.
* @property {object} [query] - Dane zapytania, nadpisują source (DEV).
* @property {string} [query.string] - Zapytanie w formacie GraphQL.
* @property {Function} [query.graphFn] - Funkcja do pobierania danych.
* @property {object} options - Ustawienia dla hotspotu (required).
@@ -144,9 +150,6 @@ new IdmHotspot({
</h3>
</div>
</section>
<script>
idmInsertHotspotElement(document.getElementByid("idmBlogHotspot1"));
</script>
```
Żeby zmienić resztę ustawień trzeba zmieniać defaultowe ustawienia!
@@ -159,9 +162,14 @@ new IdmHotspot({
* @property {string} id - Identyfikator elementu (np. "idmBlogHotspot1").
* @property {string} class - Klasy CSS używane do stylowania.
*
* @attribute {string} data-products-id - Lista ID produktów (rozdzielona przecinkami).
* @attribute {number} data-products-menu - Identyfikator menu produktów.
* @attribute {string} data-hotspots-type - Typ hotspotu (np. "promotion").
* @attribute {number[]} data-products-id - Lista ID produktów (rozdzielona przecinkami).
* @attribute {number} data-products-menu - Identyfikator menu produktów.
* @attribute {number[]} data-producers-id - Lista id producentów (rozdzielona przecinkami).
* @attribute {number[]} data-series-id - Lista id serii (rozdzielona przecinkami).
* @attribute {number[]} data-parameters-id - Lista id grup parametrów (rozdzielona przecinkami).
* @attribute {number} data-price-from - "cena od" produktów w hotspocie
* @attribute {number} data-price-to - "cena do" produktów w hotspocie
* @attribute {boolean} data-lazy - Czy sekcja ma być ładowana w trybie lazy.
*
* @example