- [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. [ Novinky v Mergade ](/kategorie/novinky-v-mergade)
4. **Skvelý import výberov, nová stránka história a redizajn nadpisov — prehľad noviniek v Mergade**
# **Skvelý import výberov, nová stránka história a redizajn nadpisov — prehľad noviniek v Mergade**
[  Daniel Czetner ](/blog/daniel-czetner) [Novinky v Mergade](/kategorie/novinky-v-mergade)
15. 12. 2015
2 minúty čítania
Posledné vylepšenia aplikácie Mergado pred Vianocami sú tu. A že sa máte na čo tešiť! Poďme si teda k tomu povedať niečo viac.
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. —
## Skvelá funkcia import výberov
Z pohľadu užívateľa asi najzásadnejšia **vychytávka**, čo do funkčnosti, za posledné obdobie. Mnoho z vás klientov sa na túto funkciu opakovane vypytovalo a žiadalo ju s tým, že by vám ušetrila peknú kopu času pri **vytváraní rovnakých výberov** pri rôznych exportoch. Napr. chcete vytvoriť výber produktov s cenou nad 50€ a máte exporty pre *Heureku*, *Najnákup* aj *Pricemaniu*. Doteraz ste museli každý výber **vytvoriť osobitne** pre každý export. Toto odteraz odpadá. Najnovšie môže užívateľ **importovať existujúce výbery** medzi všetkými svojimi exportami ku ktorým má minimálne oprávnenie *“Zápis”*. Super, že? Ako to vyzerá v aplikácii Mergado si môžete pozrieť vo videu.
*Video ukážka funkcie Import výberov*
## Ľahšia úprava dizajnu
Ak ste si ešte nevšimli tak Mergado prešlo **mini redizajnom** ak to tak môžeme nazvať. To znamená, že všetky **hlavné nadpisy** majú trochu upravený vzhľad a hlavne sú zarovnané *na ľavú stranu*. Prišlo nám to ako fajn oživenie po dlhšom čase a hlavne sa nám to **viac páči** :) Rovnako sú zarovnané aj texty pri **aplikácii pravidiel**, ako môžete vidieť na obrázku nižšie.
*Ukážka nového zarovnania nadpisov*
**
*Zarovnanie nadpisov pri pregenerovaní exportu*
## Zlúčenie záznamov na stránke História
Stránka *História* sa dočkala zjednotenia všetkých záznamov do jednej tabuľky. To znamená, že momentálne má každá *Udalosť*, ako napr. *Aplikácia pravidiel*, *Export produktov* apod., svoj vlastný riadok v tabuľke, ktorý sa dá rozkliknúť a pozrieť si detaily udalosti. Viď obrázok nižšie.
*Náhľad novej stránky História záznamov*
## AJAX-ové načítavanie
Novinkou je aj tzv. [AJAX-ové](https://sk.wikipedia.org/wiki/Ajax_(informatika)) načítavanie na stránke *Produkty*, *Pravidlá* a na stránke *Elementov*. Čo to znamená pre užívateľa? Tak napr. po stlačení ikony *“Skryť produkt”* alebo *Zapnúť/Vypnúť* pravidlo, sa **nemusí znovu načítať** celá stránka odznovu a tým sa šetrí prehliadač užívateľa. V konečnom dôsledku *“akcia”* **prebehne rýchlejšie** a váš prehliadač bude **menej zaťažovaný**.
## Zhrnutie
Na nasledujúce obdobie Vianoc, sú toto posledné novinky, čo sa týka samotnej aplikácie Mergado a jej vylepšovania. V tomto týždni ešte prinesiem šiesty diel série [“Ako na cenové porovnávače”](http://www.mergado.sk/tema/cenove-porovnavace) a ďalšie novinky prinesiem až po novom roku. Na záver, opäť verím, že vám naše novinky pomôžu zefektívniť prácu s Mergadom. Nech sa Vám darí.
- [ Mergado ](/tema/mergado)
[  ](/blog/daniel-czetner)### [ Daniel Czetner ](/blog/daniel-czetner)
Daniela ste poznali zo slovenskej podpory Mergada. Pomáhal riešiť problémy, písal návody v nápovede a testoval nové funkcie v Mergade. Mal jednoznačne najdlhšie dredy v tíme a jeho drsnému humoru sa vyrovnal snáď len jeho spolupracovník Přemek.
## Mohlo by vás *zaujímať*
[ 
### ChatGPT Shopping: Budoucnost nakupování je tady
](/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
](/blog/mergado-research-group)
[ 
### MERGADO 2 má nový nástroj. Vyskúšate s ním cestu k elementu nanečisto
](/blog/mergado-2-cesta-k-elementu-nanecisto)
## 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()
}