- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergadu](/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšíření](/kategorie/aplikace)
- [S Mergadem do zahraničí](/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](/kategorie/ze-zivota-mergada)
1. [ Úvod ](/)
2. [ Blog ](/blog)
3. [ Pracujeme s Mergadem ](/kategorie/pracujeme-s-mergadem)
4. **Poznejte novinky v Mergado 2. Jak vám tabulkové zobrazení zefektivní práci?**
# **Poznejte novinky v Mergado 2. Jak vám tabulkové zobrazení zefektivní práci?**
[  Petra Marková ](/blog/petra-markova) [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
18. 8. 2022
3 minuty čtení
[Mergado 2](https://www.mergado.cz/blog/predstavujeme-mergado-2) představuje **zásadní změny** v jádru a UI naší aplikace. Nová škála nástrojů je nejviditelnější na stránce Produkty, kde naleznete **vylepšené tabulkové zobrazení** elementů. Seznamte se s přidanými funkcemi a jejich 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.cz/blog/predstavujeme-mergado-2) představuje **zásadní změny** v jádru a UI naší aplikace. Nová škála nástrojů je nejviditelnější na stránce Produkty, kde naleznete **vylepšené tabulkové zobrazení** elementů. Seznamte se s přidanými funkcemi a jejich využitím v praxi.
Potřebujete se **zorientovat** v dalších změnách v Mergado 2? Na [našem fóru](https://forum.mergado.cz/tag/mergado-2) najdete přehledně sepsaná témata:
1. [Co je Element-Path a jak funguje](https://forum.mergado.cz/t/mergado-2-element-path/2124)
2. [Jaké novinky najdete na stránce Elementy](https://forum.mergado.cz/t/mergado-2-elementy/2132)
3. [Všechna vylepšení stránky Produkty](https://forum.mergado.cz/t/mergado-2-stranka-produkty/2137)
4. [Práce s pravidly a vícenásobnými elementy](https://forum.mergado.cz/t/mergado-2-stranka-pravidla/2156/4)
5. [Jak vytvořit export v Mergado 2](https://forum.mergado.cz/t/mergado-2-tvorba-exportu-ci-jeho-prevedeni/2161)
## Zlepšete přehled o produktech
- Zcela nová a propracovaná tabulka **odpovídá standardu Google Sheets nebo Excelu**. Marketéři a e‑shopaři, kteří je denně využívají, tuto možnost nově najdou i v Mergadu. Oproti původní verzi je **přehlednější** a všechny základní úkony zvládnete na pár kliků.
- Tabulka zobrazuje data podobně jako např. [CSV feed](https://www.mergado.cz/tema/csv) – jeden řádek je jeden produkt, jeden sloupec je jeden element.
- Tabulkové zobrazení zároveň **rozšiřuje kontrolu produktů**. K dispozici máte předdefinované skupiny elementů vhodné například pro *bidding*, *párování produktů* nebo *nadefinování vlastní kombinace elementů* pomocí **Custom**. Uživatel si dokáže sám zvolit, jaké skupiny prvků potřebuje.
- Nově dokáže tabulka **pracovat i s parametry a atributy**.
- Volbou konkrétního výběru můžete **dynamicky měnit**, u jakých produktů si data zobrazí. Na první pohled uvidíte, jestli u některého produktu hodnota nesedí například počtem znaků nebo hodnota někde nechybí.
Máte skupinu elementů, kterou bychom mohli **nadefinovat a uložit** podobně jako např. skupinu bidding nebo pairing? Napište nám na [naše fórum](https://forum.mergado.cz/tag/mergado-2). Rádi to zvážíme a přidáme do Mergada.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/nove-tabulkove-zobrazeni.png)
### Co obsahuje nová lišta nástrojů?
1\. Ikonky pro **speciální sloupce** (ukotvení, obrázek, Mergado ID, Název produktu, Akce produktu).
2\. Záložky pro **presety** (párování, bidding a další) + **vlastní preset** viz. níže.
3\. Blok ikonek pro nastavení zobrazení **vstupních a výstupních hodnot** (zobrazit jen vstup/výstup, obě, změny).
4\. Ikonka pro umožnění **ručních změn ve sloupcích**.
5\. Blok ikonek pro nastavení **zobrazení ohledně vícenásobných hodnot** (první, jednu hodnotu na řádek, výběr oddělovače hodnot).
6\. **Stránkování** (používá i aktuální Mergado, pouze na jiném místě).
7\. Ikonka pro přepnutí do **fullscreenu** (má i aktuální Mergado).
### V hlavičce najdete:
- ikonku pro možnost **řazení** (ne u speciálních sloupců)
- vylepšení pro **zobrazení názvu sloupce s informacemi o EP**
- křížek pro **dočasné skrytí sloupce** (dočasné = ztratí se, pokud se např. obnoví stránka nebo změní preset a neovlivňuje uložený vlastní preset)
###
Vylepšili jsme zobrazení tabulky
Změnili jsme zobrazení tak, aby odpovídalo **standardům tabulkových editorů** (například z Google Sheets či Excelu):
- **vstup je vždy vlevo, výstup vpravo**
- můžete si zobrazit rozdílné hodnoty
- číselné hodnoty jsou zarovnány **doprava** (ID, ceny apod.)
- výraznější jsou ohraničené **rozdíly mezi sloupci a buňkami**
- nová možnost zamknutí sloupců se speciálními sloupci
- kurzor se chová jako v Excelu
- ovládání pomocí klávesnice zůstává stejné jako v aktuálním Mergadu
### Jak funguje vlastní preset?
- jde o seznam element path
- v rozevíracím seznamu u záložky pro vlastní preset si můžete nastavit, **jaké sloupce se budou zobrazovat**
- **preset se uloží pro každého uživatele**
- změna pořadí přes drag and drop
 Mergado na 30 dní zdarma
- upravíte si feed sami a ušetříte náklady za práci programátora
- plný přístup ke všem funkcím už ve zkušební verzi
[Chci to vyzkoušet](https://accounts.mergado.com/register/)
*Mergado 2* uživatelům přináší **jednodušší správu inzerce a zrychlení důležitých funkcí**. Zajímá vás, jaký je rozdíl mezi stávající a novou verzí Mergada? Mrkněte na [úvodní článek](https://www.mergado.cz/blog/predstavujeme-mergado-2) nebo na [naše fórum](https://forum.mergado.cz/tag/mergado-2), kde naleznete i praktické zkušenosti odborníků.
### Mohlo by vás zajímat:
[ 
### Úspěšná migrace feedů e‑shopu s pomocí Mergada – 40+ feedů v 5 jazycích
](/blog/sikeres-webshop-feed-migracio-mergado-segitsegevel)
[ 
### Jak připravit produktová data tak, aby dávala smysl pro GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahajte festivalovou sezónu nadupanou konferencí Mergado Fest
](/blog/zahajte-festivalovou-sezonu-na-mergado-festu)
- [ Tipy pro práci s Mergadem ](/tema/tipy-pro-praci-s-mergadem)
[  ](/blog/petra-markova)### [ Petra Marková ](/blog/petra-markova)
Slovenský trh a libozvučnou slovenštinu má v Mergadu na starosti content specialistka Petra. Textuje, bloguje, překládá a s vášní tvoří obsah na sociální sítě. A když zrovna nehledá ta správná slova, věnuje svůj čas své bytové džungli, pečení, kavárnám nebo cestování.
## Mohlo by vás *zajímat*
[ 
### Heureka recenze do Google recenzí: nový postup krok za krokem
](/blog/heureka-recenze-do-google-recenzi)
[ 
### Jak jsme s Mergadem převedli e‑shop ze Shoptetu na Shopify: kompletní migrace bez ztráty dat
](/blog/jak-jsme-s-mergadem-prevedli-e-shop-ze-shoptetu-na-shopify-kompletni-migrace-bez-ztraty-dat)
[ 
### Jak nastavovat uživatelské účty agenturních pracovníků v Mergadu
](/blog/opravneni-uzivatelskych-uctu-pro-agentury)
## Ať vám *nic neunikne*
Přihlašte se do našeho newsletteru
Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](/prohlaseni-o-cookies).
Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů.
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()
}