- [Case Studies](https://www.mergado.sk/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.sk/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](https://www.mergado.sk/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](https://www.mergado.sk/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.sk/kategorie/mergado-tipy)
- [Novinky v Mergade](https://www.mergado.sk/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](https://www.mergado.sk/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](https://www.mergado.sk/kategorie/pracujeme-s-mergadom)
- [Rozhovory](https://www.mergado.sk/kategorie/rozhovory)
- [Rozšírenia](https://www.mergado.sk/kategorie/aplikacie)
- [S Mergadom do zahraničia](https://www.mergado.sk/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](https://www.mergado.sk/kategorie/zo-zivota-mergada)
1. [ Domov ](https://www.mergado.sk/)
2. [ Blog ](https://www.mergado.sk/blog)
3. [ Novinky v Mergade ](https://www.mergado.sk/kategorie/novinky-v-mergade)
4. **MERGADO 2 má nový nástroj. Vyskúšate s ním cestu k elementu nanečisto**
# **MERGADO 2 má nový nástroj. Vyskúšate s ním cestu k elementu nanečisto**
[  Veronika Kusalíková ](https://www.mergado.sk/blog/veronika-kusalikova) [Novinky v Mergade](https://www.mergado.sk/kategorie/novinky-v-mergade)
2. 8. 2023
2 minúty čítania
V MERGADE neustále pracujeme na tom, aby sa vám s našou aplikáciou *dobre pracovalo*. V novej verzii MERGADO Editora nájdete **nástroj**, s ktorým si nanečisto vyskúšate **zadanie Cesty k elementu** bez toho, aby ste ho hneď aplikovali na váš feed.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
V MERGADE neustále pracujeme na tom, aby sa vám s našou aplikáciou *dobre pracovalo*. V [novej verzii MERGADO Editora](https://forum.mergado.cz/t/co-je-mergado-2/2483) nájdete **nástroj**, s ktorým si nanečisto vyskúšate **zadanie Cesty k elementu** bez toho, aby ste ho hneď aplikovali na váš feed.
Než sa pustíme do samotnej ukážky funkcie, poďme si zopakovať, **čo to vlastne Element-path a Cesta k elementu je**.
### Čo je Element-Path?
*Element-Path je jazyk,* ktorého autorom sme my (MERGADO) a pomocou ktorého sa zapisujú **cesty k elementom** (a ich hodnotám).
### Čo je cesta k elementu?
*Cesta k elementu* je **nástroj, pomocou ktorého cielime na hodnoty elementu**. Cielením je myslené to, že chceme buď hodnotu z elementu vziať a ďalej s ňou pracovať trebárs niekde inde, alebo do nej zapisovať a upravovať ju.
**Príklad:** Ak chceme zacieliť na názov produktu (napr. na hodnotu elementu NAME), cesta bude “NAME”. Túto cestu si [MERGADO Editor prečíta](https://forum.mergado.cz/t/element-path/2493#jak-st-cestu-11) a podľa nej vie, do akého elementu sa má pozerať a akú hodnotu má vziať/upraviť.
V *MERGADE 1* jazyk Element-Path používať nešlo, pretože v tejto verzii **neexistovala ani žiadna viacnásobnosť alebo** [**štruktúra elementov**](https://forum.mergado.cz/t/elementy/2098#element-v-mergado-editoru-4).
## Ako si v MERGADE vyskúšať Cestu k elementu
Prvú verziu nástroja nájdete v [našej aplikácii](https://app.mergado.com/tools/ep-playground/) v ľavom menu:
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path.png)
Video file
Tu si môžete **vyskúšať zadanie** [cesty k elementu](https://forum.mergado.cz/t/element-path/2493#co-je-cesta-k-elementu-2) na čítanie i zápis, a to buď s vlastným produktom, alebo využiť predpripravené príklady pre *Heureku, Google alebo Shoptet*.
V **dvoch krokoch** si produkt nahráte a zistíte, akú cestu potrebujete pre konkrétne elementy alebo hodnoty:
1. Vložte vlastný produkt z feedu alebo vyberte integráciu pre ukážku
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path2.png)
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path3.png)
2. Nastavte si všetko **podľa vlastných požiadaviek**. Po zadaní cesty k elementu sa vám nižšie zobrazí, na aké hodnoty cielite. Prípadne môžete vybrať elementy pomocou rozklikávacieho menu.
## Príklady
**Príklad 1:**
Zacielenie na všetky parametre vo feede:
```plaintext
PARAM | PARAM_NAME
```
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path4.png)
**Príklad 2:**
Zacielenie na hodnoty konkrétneho parametra (Farba).
```plaintext
PARAM { PARAM_NAME = "Barva" } | VAL
```
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path5.png)
**Príklad 3:**
Zacielenie na **všetky hodnoty** elementu g:additional\_image\_link
```plaintext
g:additional_image_link
```
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/element-path6.png)
Cestu skopírujete pomocou ikonky .
Zaujímajú vás ďalšie príklady zacielenia? Nájdete ich v samostatnom príspevku [na našom fóre](https://forum.mergado.cz/t/element-path-priklady-cileni-heureka-google-shoptet/2501/1).
**Dajte nám vedieť**, ako sa vám s našim novým nástrojom pracuje! Zároveň pokiaľ máte nejaké otázky, neváhajte sa obrátiť na našu podporu [**mergado@mergado.sk**](mailto:mergado@mergado.sk)**.**
## Mohlo by vás zaujímať:
[ 
### Ako sme s Mergadom previedli e‑shop zo Shoptetu na Shopify: kompletná migrácia bez straty dát
](https://www.mergado.sk/blog/ako-sme-s-mergadom-previedli-e-shop-zo-shoptetu-na-shopify-kompletna-migracia-bez-straty-dat)
[ 
### Ako nastavovať užívateľské účty agentúrnych pracovníkov v Mergade
](https://www.mergado.sk/blog/opravnenie-uzivatelskych-uctov-pre-agentury)
[ 
### 5 najčastejších chýb v produktovom feede a ako ich upraviť v Mergade
](https://www.mergado.sk/blog/najcastejsie-chyby-v-produktovom-feede)
- [ Tipy pre prácu s Mergadom ](https://www.mergado.sk/tema/tipy-pro-praci-s-mergadem)
[  ](https://www.mergado.sk/blog/veronika-kusalikova)### [ Veronika Kusalíková ](https://www.mergado.sk/blog/veronika-kusalikova)
Copywriterka a obsahová špecialistka Veronika má pod palcom anglicky hovoriaci trh. Slová o Mergadu i novinky zo sveta e‑commerce šíri a prekladá na blogu alebo sociálnych sieťach. Keď práve neťuká do klávesnice, spoznáva rôzne časti Európy, pletie si sveter alebo hľadá poklady v bazároch.
## Mohlo by vás *zaujímať*
[ 
### ChatGPT Shopping: Budoucnost nakupování je tady
](https://www.mergado.sk/blog/chatgpt-shopping-budoucnost-nakupovani-je-tady)
[ 
### Presaďte svoje tipy na vylepšenie MERGADA. Odteraz nám môžete hovoriť do práce v rámci Research Group
](https://www.mergado.sk/blog/mergado-research-group)
[ 
### S plánovačom pregenerovania si v MERGADE nastavíte aktualizácie feedu podľa vlastných potrieb
](https://www.mergado.sk/blog/planovac-pregenerovania-predstavenie)
## Nenechajte si nič *ujsť*
Prihláste sa k odberu nášho newslettera
Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](https://www.mergado.sk/vyhlasenie-o-cookies).
Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}