- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
1. [ Domov ](/)
2. [ Blog ](/blog)
3. [ Pracujeme s Mergadom ](/kategorie/pracujeme-s-mergadom)
4. **Spoznajte novinky v Mergado 2. Ako vám tabuľkové zobrazenie zefektívni prácu?**
# **Spoznajte novinky v Mergado 2. Ako vám tabuľkové zobrazenie zefektívni prácu?**
[  Petra Marková ](/blog/petra-markova) [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
18. 8. 2022
3 minúty čítania
[Mergado 2](https://www.mergado.sk/blog/predstavujeme-mergado-2) predstavuje **zásadné zmeny** v jadre a UI našej aplikácie. Nová škála nástrojov je najviditeľnejšia na stránke Produkty, kde nájdete **vylepšené tabuľkové zobrazenie** elementov. Zoznámte sa s pridanými funkciami a ich využitím v praxi.
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. —
[Mergado 2](https://www.mergado.sk/blog/predstavujeme-mergado-2) predstavuje **zásadné zmeny** v jadre a UI našej aplikácie. Nová škála nástrojov je najviditeľnejšia na stránke Produkty, kde nájdete **vylepšené tabuľkové zobrazenie** elementov. Zoznámte sa s pridanými funkciami a ich využitím v praxi.
Potrebujete sa zorientovať aj v ďalších **zmenách v Mergado 2**? Na [našom fóre ](https://forum.mergado.cz/tag/mergado-2)nájdete prehľadne spísané témy:
[1. Čo je Element-Path a ako funguje](https://forum.mergado.cz/t/mergado-2-element-path/2124)
[2. Aké novinky nájdete na stránke Elementy](https://forum.mergado.cz/t/mergado-2-elementy/2132)
[3. Všetky vylepšenia stránky Produkty](https://forum.mergado.cz/t/mergado-2-stranka-produkty/2137)
[4. Práca s pravidlami a viacnásobnými elementami](https://forum.mergado.cz/t/mergado-2-stranka-pravidla/2156/4)
[5. Ako vytvoriť export v Mergado 2](https://forum.mergado.cz/t/mergado-2-tvorba-exportu-ci-jeho-prevedeni/2161)
## Zlepšite prehľad o produktoch
- Úplne nová a prepracovaná tabuľka zodpovedá **štandardu Google Sheets alebo Excel**. Ocenia to marketéri a e‑shopári, ktorí ich denne využívajú a po novom nájdu túto možnosť aj v Mergade. Oproti pôvodnej verzii je **prehľadnejšia** a všetky základné úkony zvládnete na pár klikov.
- Tabuľka zobrazuje dáta podobne ako napr. [CSV feed](https://www.mergado.sk/tema/csv) – jeden riadok je jeden produkt, jeden stĺpec je jeden element.
- Tabuľkové zobrazenie zároveň **rozširuje kontrolu produktov**. K dispozícií máte preddefinované skupiny elementov vhodné napríklad na *bidding, párovanie produktov* alebo *nadefinovanie vlastnej kombinácie elementov* pomocou **Custom**. Užívateľ si dokáže sám zvoliť, aké skupiny elementov potrebuje.
- Po novom dokáže tabuľka **pracovať aj s parametrami a atribútmi**.
- Voľbou konkrétneho výberu môžete **dynamicky meniť**, pri akých produktoch sa dáta zobrazia. Na prvý pohľad uvidíte, či u niektorého produktu hodnota nesedí napríklad počtom znakov alebo hodnota niekde nechýba.
Máte skupinu elementov, ktorú by sme mohli **nadefinovať a uložiť** podobne ako napríklad skupina bidding alebo pairing? Napíšte nám na [naše fórum](https://forum.mergado.cz/tag/mergado-2). Radi to zvážime a pridáme do Mergada.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/tabulka-mergado2.png)
### Čo obsahuje nová lišta nástrojov?
1\. Ikonky pre **špeciálne stĺpce** (ukotvenie, obrázok, Mergado ID, Názov produktu, Akcia produktu).
2\. Záložky pre **presety** (párovanie, bidding a ďalšie) + **vlastný preset** viď nižšie.
3\. Blok ikoniek pre nastavenie zobrazenia **vstupných a výstupných hodnôt** (zobraziť len vstup/výstup, obe, zmeny).
4\. Ikonka pre umožnenie **ručných zmien v stĺpcoch**.
5\. Blok ikoniek pre nastavenie zobrazenia ohľadom **viacnásobných hodnôt** (prvá, jednu hodnotu na riadok, výber oddeľovača hodnôt).
6\. **Stránkovanie** (má aj aktuálnu Mergado, ale na inom mieste).
7\. Ikonka pre **prepnutie do fullscreenu** (má aj aktuálnu Mergado).
### V hlavičke nájdete:
- ikonku pre možnosť **radenia** (nie pri špeciálnych stĺpcoch)
- vylepšenie pre zobrazenie **názvu stĺpca s informáciami o EP**
- krížik pre **dočasné skrytie stĺpca** (dočasné = stratí sa ak sa napr. obnoví stránka alebo zmení preset a neovplyvňuje uložený vlastný preset)
###
Vylepšili sme zobrazenie tabuľky
Zmenili sme zobrazenie tak, aby zodpovedalo **štandardom tabuľkových editorov** (napríklad z Google Sheets alebo Excel):
- **vstup je vždy vľavo, výstup vpravo**
- môžete si zobraziť rozdielne hodnoty
- číselné hodnoty sú **zarovnané doprava** (ID, ceny a podobne)
- výraznejšie sú ohraničené **rozdiely medzi stĺpcami a bunkami**
- nová možnosť zamknutia stĺpcov so špeciálnymi stĺpcami
- kurzor sa chová ako v Exceli
- ovládanie pomocou klávesnice zostáva rovnaké ako v aktuálnom Mergade
### Ako funguje vlastný preset?
- ide o zoznam Element-path
- v rozbaľovacom zozname pri záložke pre vlastný preset je možné si nastaviť, **aké stĺpce sa budú zobrazovať**
- **preset sa uloží pre každého užívateľa**
- zmena poradia cez drag and drop
 Mergado na 30 dní zadarmo
- feed si upravíte sami a ušetríte náklady za prácu programátora
- plný prístup ku všetkým funkciám už v skúšobnej verzii
[Chcem to vyskúšať](https://accounts.mergado.com/register/)
*Mergado 2* prináša užívateľom **jednoduchšiu správu inzercie a zrýchlenie dôležitých funkcií**. Zaujíma vás, aký je rozdiel medzi existujúcou a novou verziou Mergada? Mrknite na [úvodný článok](https://www.mergado.sk/blog/predstavujeme-mergado-2) alebo na [naše fórum](https://forum.mergado.cz/tag/mergado-2), kde nájdete aj skúsenosti odborníkov z praxe.
### Mohlo by vás zaujímať:
[ 
### Ako pripraviť produktové dáta tak, aby dávali zmysel pre GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahájte festivalovú sezónu nadupanou konferenciou Mergado Fest
](/blog/zahajte-festivalovu-sezonu-na-mergado-feste)
[ 
### Ako optimalizácia feedu zvýšila výkon Meta Ads bez navýšenia rozpočtu
](/blog/optimalizace-feedu-pro-Meta-Ads)
[  ](/blog/petra-markova)### [ Petra Marková ](/blog/petra-markova)
Slovenský trh a ľubozvučnú slovenčinu má v Mergade na starosti content špecialistka Petra. Textuje, bloguje, prekladá a s vášňou tvorí obsah na sociálne siete. A keď práve nehľadá tie správne slová, venuje svoj čas bytovej džungli, pečeniu, kaviarňam alebo cestovaniu.
## Mohlo by vás *zaujímať*
[ 
### Ako sme s Mergadom previedli e‑shop zo Shoptetu na Shopify: kompletná migrácia bez straty dát
](/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
](/blog/opravnenie-uzivatelskych-uctov-pre-agentury)
[ 
### 5 najčastejších chýb v produktovom feede a ako ich upraviť v Mergade
](/blog/najcastejsie-chyby-v-produktovom-feede)
## 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](/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()
}