- [Esettanulmányok](/kategoriak/esettanulmanyok)
- [E‑kereskedelmi tippek](/kategoriak/e-kereskedelmi-tippek)
- [Mergado Pack](/kategoriak/mergado-pack)
- [Mergado hírek](/kategorie/mergado-hirek)
- [E‑kereskedelmi hírek](/kategoriak/e-kereskedelmi-hirek)
- [Hogyan kell használni a Mergadót](/kategorie/hogyan-kell-hasznalni-mergadot)
- [Alkalmazások](/kategorie/alkalmazasok)
 



 

 1. [  Címlap  ](/)
2. [     Blog  ](/blog)
3. [     Mergado hírek  ](/kategorie/mergado-hirek)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **A MERGADO 2 új eszközzel rendelkezik. Kipróbálhatja vele az elemhez vezető utat vázlatként** </a>
 
  

 

#  **A MERGADO 2 új eszközzel rendelkezik. Kipróbálhatja vele az elemhez vezető utat vázlatként** 

 

 

 [  Izabela Štěpáníková  ](/blog/izabela-stepanikova) [Mergado hírek](/kategorie/mergado-hirek) 

6. 10. 2023

2 perc olvasás

 

 

 

 

 

  ![](https://www.mergado.hu/sites/default/files/perm/image/mergado2-vazlat-elementpath.png)  

A MERGADÓBAN folyamatosan azon dolgozunk, hogy alkalmazásunkat könnyen lehessen kezelni, ezzel a vele való munka is egyszerű legyen. A [MERGADO Editor új verziójában](https://www.mergado.hu/blog/bemutatjuk-a-mergado2) egy olyan új eszközt talál, amellyel **kipróbálhatja az** **Elemhez vezető útvonalat anélkül**, hogy azt a feedre azonnal alkalmazná.



 

 

 
                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. <a :class="{ 'border-r-[3px] border-secondary': item.active, 'text-sm': item.level === 'h3' }" :href="'#' + item.id" class="inline-block text-balance hover:underline p-0.5 pr-3">  — </a>
  



 

A MERGADÓBAN folyamatosan azon dolgozunk, hogy alkalmazásunkat könnyen lehessen kezelni, ezzel a vele való munka is egyszerű legyen. A [MERGADO Editor új verziójában](https://www.mergado.hu/blog/bemutatjuk-a-mergado2) egy olyan új eszközt talál, amellyel **kipróbálhatja az** **Elemhez vezető útvonalat anélkül**, hogy azt a feedre azonnal alkalmazná. Ebben a cikkben megmutatjuk, hogyan használhatja ezt az új funkciót.

Mielőtt rátérnénk a funkció konkrét bemutatására, tekintsük meg újra, hogy mi is valójában az *Element-path* és az *Elemhez vezető út*.

### Mi az az Element-Path?

Az *Element-Path* egy **nyelv**, amelynek mi (MERGADO) vagyunk a szerzői, és amelynek segítségével az **elemekhez** (és értékeikhez) **vezető utak írhatók**.

### Mi az az Elemhez vezető út?

Az *Elemhez vezető út* egy olyan **eszköz, amelynek segítségével megcélozhatjuk egy elem értékeit**. Célzás alatt azt értjük, hogy vagy el akarunk venni egy értéket az elemből, és máshol akarunk vele dolgozni, vagy írni akarunk bele, és szerkeszteni akarjuk.

**Példa**: Ha a termék nevére (pl. a NAME elem értékére) szeretnénk célozni, akkor az útvonal a “NAME” lesz. Ezt [az útvonalat a MERGADO Editor beolvassa](https://forum.mergado.hu/t/element-path-elemhez-vezeto-ut/753) és ezáltal tudni fogja, hogy melyik elembe nézzen bele, és melyik értéket vegye/​szerkessze.



 

A **MERGADO 1** verzióban az *Element-Path* nyelvet nem lehetett használni, mivel ebben a verzióban nem volt többszörösség vagy [elemstruktúra](https://forum.mergado.hu/t/elemekk/501).

 

 

 

 

 

## Hogyan próbáljuk ki a MERGADÓBAN az Elemhez vezető utat?

Az eszköz első verziója megtalálható az [alkalmazásunkban](https://app.mergado.com/tools/ep-playground/) a bal oldali menüben:



 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/mergado-element-path-app_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/mergado-element-path-app_0.png) 

Videófájl

  

 



 

Itt **kipróbálhatja az** [**Elemhez vezető út**](https://forum.mergado.hu/t/element-path-elemhez-vezeto-ut/753) **megadását olvasáshoz és íráshoz**, akár a saját termékével, vagy akár az előre elkészített példák segítségével a [Google](https://www.mergado.hu/tema/google-shopping) vagy a [Shoptet](https://www.mergado.hu/tema/shoptet) számára.

**Két lépésben** feltölthető a termék, és kiderítheti, hogy milyen útvonalra van szüksége az egyes elemekhez vagy értékekhez:

1. Illessze be saját termékét a feedből, vagy válasszon ki egy integrációt a bemutatás kedvéért



 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado_0.png) 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-2_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-2_0.png) 

2. Állítson be mindent **saját igényei szerint**. Az elemhez vezető út megadása után alább látható, hogy milyen értékekre céloz. Egy másik lehetőségként a kattintható menü segítségével is kiválaszthatja az elemeket.

## Példák

**1. példa:**  
A feed összes paraméterének megcélzása:

```plaintext
PARAM | PARAM_NAME
```



 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-param_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-param_0.png) 

**2. példa:**  
Egy konkrét paraméter (**Szín**) értékeinek megcélzása.

```plaintext
PARAM { PARAM_NAME = "Barva" } | VAL
```



 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-color_0_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-color_0_0.png) 

**3. példa:**  
A g:additional\_image\_link elem **összes értékének** megcélzása

```plaintext
g:additional_image_link
```



 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-google_0.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/element-path-mergado-google_0.png) 

Az utat ennek az ikonnak a segítségével másolja be: ![Icon](https://forum.mergado.com/uploads/secondsite/original/1X/f4581389e227f49bc2178f48b95b29d904c1bc7f.svg).





 

 

 

Még több példa érdekli Önt a célzással kapcsolatban? A [fórumunkon](https://forum.mergado.hu/t/element-path-celzasra-vonatkozo-peldak-heureka-google-shoptet/754) egy külön bejegyzésben megtalálja őket.

Írja meg nekünk, hogy milyen az új eszközünkkel dolgozni! Ha bármilyen kérdése van, forduljon bátran ügyfélszolgálatunkhoz a [**mergado@mergado.hu**](mailto:mergado@mergado.hu) címen.



 

## Ezeket olvasta már?

 [    ![](https://www.mergado.hu/sites/default/files/perm/image/new-nahledovky_na_blog-1200_x_628_px-1.png)  

### Mutasd meg a legmegfelelőbb alternatív termékeket. Így több vásárló fog tőled vásárolni

 

 ](/blog/alternativni-produkty) 

 [    ![](https://www.mergado.hu/sites/default/files/perm/image/vizjelek-ai-mergado_0.png)  

### Forradalmi megoldás a vízjelek eltávolításában. A Feed Image Editorban ezt az AI segítségével megteheti

 

 ](/blog/vizjelek-eltavolitasa-mesterseges-intelligenciaval) 

 [    ![](https://www.mergado.hu/sites/default/files/perm/image/new-hu_nahladovky_na_blog.hu-1200_x_628_px-26-1.png)  

### 4+1 tipp, hogyan készítse elő feedjét webáruháza külföldi terjeszkedésére

 

 ](/blog/4-1-tipp-feed-elokeszitesere-kulfoldi-terjeszkedes-eseten) 

 

 

- [  Mergado ](/tema/tippek-a-mergado-hasznalatahoz)
 
###  [ Izabela Štěpáníková ](/blog/izabela-stepanikova) 

Nézd meg Izabela Štěpáníková külsős szakértő további cikkeit!

 

 

 

 

 

 

 

 

 

## Ami *legközelebb érdekelhet*

 

 [    ![](https://www.mergado.hu/sites/default/files/perm/image/mergado_chatgpt_2.jpg)  

### ChatGPT Shopping: Itt a vásárlás jövője

 

 ](/blog/chatgpt-shopping-itt-a-vasarlas-jovoje) 

 [    ![](https://www.mergado.hu/sites/default/files/users/articles/ujrageneralas-tervezo-bemutatas.png)  

### A MERGADÓBAN az újragenerálás-tervezővel a feedek frissítését saját igényei szerint állíthatja be

 

 ](/blog/ujrageneralas-tervezo-bemutatas) 

 [    ![](https://www.mergado.hu/sites/default/files/users/articles/m2-projekt-atiranyitas.png)  

### Projektek átirányítása a MERGADO 2‑re: Tekintse meg mikorra várható és készüljön fel az új verzió használatára

 

 ](/blog/mergado2-projekt-atiranyitasa) 

 

 

 

## Ne maradj le *semmiről*

 Iratkozz fel hírlevelünkre 

   

       

   A bejelentkezéssel elfogadod, hogy adataidat a [személyes adatok védelmére vonatkozó feltételek](/hasznalati-feltetelek) szerint kezeljük. 

  Köszönjük, Ön sikeresen csatlakozott előfizetőink listájához. 

 

 

 
      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()
      }