- [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. [     Hogyan kell használni a Mergadót  ](/kategorie/hogyan-kell-hasznalni-mergadot)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Ismerje meg a MERGADO 2. újdonságait! Hogyan teszi hatékonyabbá a táblázatos megjelenítés a munkáját?** </a>
 
  

 

#  **Ismerje meg a MERGADO 2. újdonságait! Hogyan teszi hatékonyabbá a táblázatos megjelenítés a munkáját?** 

 

 

 [  Izabela Štěpáníková  ](/blog/izabela-stepanikova) [Hogyan kell használni a Mergadót](/kategorie/hogyan-kell-hasznalni-mergadot) 

20. 4. 2023

3 perc olvasás

 

 

 

 

 

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

A [Mergado 2](https://www.mergado.hu/blog/bemutatjuk-a-mergado2) **alapvető változásokat** hoz alkalmazásunk lényegét és felhasználói felületét tekintve. Az új eszköz felhozatal a Termékek oldalon a legszembetűnőbb, ahol az elemek **továbbfejlesztett táblázatos megjelenítését** találja. Ismerkedjen meg a hozzáadott funkciókkal, és azok gyakorlati alkalmazásával.



 

 

 
                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 [Mergado 2](https://www.mergado.hu/blog/bemutatjuk-a-mergado2) **alapvető változásokat** hoz alkalmazásunk lényegét és felhasználói felületét tekintve. Az új eszköz felhozatal a Termékek oldalon a legszembetűnőbb, ahol az elemek **továbbfejlesztett táblázatos megjelenítését** találja. Ismerkedjen meg a hozzáadott funkciókkal, és azok gyakorlati alkalmazásával.



 

## Lássa át jobban a termékeket

- Az új, átdolgozott táblázat megfelel a Google Sheets vagy az Excel színvonalának. A marketinges szakemberek és a webáruház tulajdonosok, akik ezeket naponta használják, innentől a Mergado-ban is megtalálják ezt a lehetőséget. Az eredeti verzióhoz képest **áttekinthetőbb**, és minden alapvető feladat néhány kattintással elvégezhető.
- A táblázat az adatokat hasonlóan jeleníti meg, mint pl. a [CSV feed](https://www.mergado.hu/tema/csv-fajlformatum) – egy sor egy termék, egy oszlop pedig egy elem.
- A táblázatos megjelenítés a termékellenőrzést is bővíti. Elődefiniált, pl. *bidding*-re, *termékpárosításra*vagy **Custom** segítségével *egyéni elemkombinációk definiálására* alkalmas elemcsoportok állnak rendelkezésére. A felhasználó maga választhatja ki, hogy milyen elemcsoportokra van szüksége.
- A táblázat most már **paraméterekkel és attribútumokkal is képes dolgozni**.
- Egy adott lekérdezés kiválasztásával **dinamikusan megváltoztathatja**, hogy milyen termékek esetében jelennek meg az adatok. Azonnal láthatja, ha valamelyik terméknél az érték nem egyezik meg például a karakterek számával, netán valahol hiányzik az érték.



 

Van olyan elemcsoportja, amit **definiálhatnánk és tárolhatnánk**, mint pl. a bidding vagy a pairing csoportot? Írjon nekünk a [fórumon](https://forum.mergado.com/c/magyar-mergado/32). Átgondoljuk, és esetleg felvesszük a Mergado-ba.

 

 

 

 

 

 [  ![](https://www.mergado.hu/sites/default/files/perm/paragraph-image/merg2-tablazatos-nezet.png)  ](https://www.mergado.hu/sites/default/files/perm/paragraph-image/merg2-tablazatos-nezet.png) 

### Mit tartalmaz az új eszköztár?

1\. **Speciális oszlopikonokat** (horgony, kép, Mergado ID, Terméknév, Akciós termék).

![](https://lh3.googleusercontent.com/SmC49uiqeUzSUBZ-cCPQAtqpDe8LkFuNJ_r7VqSWPXQhaLAKgorUGhnoloADxJ5-14TBLfPXJSSi6ujVS-d79SUiIM5pvkAIoAMJh4uDqQUt7fjYmg1UMsNx0RHsMH0tO7wsB6ic4CN7fD_-oknUrRs)  
2\. **Preset** könyvjelző (párosítás, bidding stb.) + **egyéni preset** ld. alább.

![](/sites/default/files/users/articles/graphs/merg2-tablazatos-nezet-lehetosegek.png)  
3\. A **bemeneti és kimeneti értékek** megjelenítésének beállítására szolgáló ikonblokk (csak bemeneti/​kimeneti értékek megjelenítése, mindkettő, változások).

![](/sites/default/files/users/tabulka-4.png)  
4\. Ikon az **oszlopok manuális módosításának** engedélyezésére.

![](/sites/default/files/users/tabulka-5.png)  
5\. Ikonblokk **többszörös értékkel kapcsolatos megjelenítés** beállításához (első, egy érték soronként, értékelválasztók választéka).

![](/sites/default/files/users/tabulka-3.png)  
6\. **Oldalszámozás** (az aktuális Mergado is használja, csak máshol).  
![](/sites/default/files/users/tabulka-6.png)  
7\. Ikon a **teljes képernyőre** váltáshoz (az aktuális Mergado-ban is van).  
 ![](/sites/default/files/users/tabulka-7.png)

### A fejlécben a következőket találja:

- ikon a **rendezéshez** (a speciális oszlopoknál nem)
- fejlesztések az **EP információkat tartalmazó oszlop nevének megjelenítésére**
- kereszt az **oszlop ideiglenes elrejtéséhez** (ideiglenes = elveszik pl. az oldal frissítése vagy a preset módosítás során, az elmentett egyéni preset-re pedig nincs hatással).

###    
Továbbfejlesztettük a táblázat megjelenítését

Változtattunk a megjelenítésen, hogy az **megfeleljen a táblázatszerkesztők** (pl. Google Sheets, Excel) **normáinak**:

- **a bemenet mindig a bal, a kimenet a jobb oldalon**
- eltérő értékek megjelenítésének lehetősége
- numerikus értékek **jobbra** igazodnak (azonosítók, árak stb.)
- markánsabban vannak elhatárolva **az oszlopok és a cellák közti** különbségek
- új lehetőség az oszlopok speciális oszlopokkal történő zárolására
- a kurzor úgy működik, mint az Excelben
- a billentyűzetvezérlés ugyanaz marad, mint az aktuális Mergado-ban

### Hogyan működik az egyéni preset?

- ez egy element path lista
- az egyéni preset lap legördülő listájában beállíthatja, hogy **milyen oszlopok jelenjenek meg**
- **a preset minden felhasználó számára mentésre kerül**
- sorrend megváltoztatása drag and drop segítségével



 

A *Mergado 2*. **leegyszerűsíti** a felhasználók számára **a hirdetéskezelést és felgyorsítja a fontos funkciókat.** Kíváncsi, mi a különbség a Mergado jelenlegi és új verziója között? Nézze meg a [bevezető cikket](https://www.mergado.hu/blog/bemutatjuk-a-mergado2).



 

  ![](https://www.mergado.hu/themes/custom/mergado/static/images/banner/mergado.svg) Mergado 30 napig ingyen

- kezelje termékfeedjeit egyedül, programozó segítsége nélkül
- teljes hozzáférés minden funkcióhoz már a próbaidőszak alatt

 

 [Kipróbálom a Mergadót](https://accounts.mergado.com/register/) 

  ![](https://www.mergado.hu/themes/custom/mergado/static/images/banner/mergado.svg)  

 

## Ezeket olvasta már?

 [    ![esettnaulmany](https://www.mergado.hu/sites/default/files/perm/image/clanek-pripadovka-klikkmania.png)  

### Sikeres webshop feed-migráció a Mergado segítségével — 40+ feed 5 nyelven

 

 ](/blog/sikeres-webshop-feed-migracio-mergado-segitsegevel) 

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

### **Hogyan hozd ki többet a bannereidből extra költés nélkül: 6 gyakorlati tipp**

 

 ](/blog/sikeres-kreativok) 

 [    ![](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) 

 

 

###  [ 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/5_hiba_javitasa_me.png)  

### Az 5 leggyakoribb hiba a termékfeedben és hogyan javítsuk azokat a Mergadoban

 

 ](/5-leggyakoribb-hiba-a-termekfeedben-es-azok-javitasa) 

 [    ![](https://www.mergado.hu/sites/default/files/perm/image/makra-hu-blog-112023.png)  

### Hogyan segíthetnek az automatizációk és milyen előnyökkel rendelkeznek

 

 ](/hogyan-segithetnek-az-automatizaciok-es-elonyeik) 

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

### Hogyan segít a Mergado az árösszehasonlítóknak vagy a marketplaceknek?

 

 ](/blog/hogyan-segit-a-mergado-az-arosszehasonlitoknak-vagy-a-marketplaceknek) 

 

 

 

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