- [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. [     Novinky v Mergadu  ](/kategorie/novinky-v-mergadu)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">     **Pan Mergado přináší novinky z konce října** </a>
 
  

 

#   **Pan Mergado přináší novinky z konce října** 

 

 

 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/mergado-pan-100.png)   Pan Mergado  ](/blog/pan-mergado) [Novinky v Mergadu](/kategorie/novinky-v-mergadu) 

4. 11. 2015

2 minuty čtení

 

 

 

 

 

  ![](https://www.mergado.cz/sites/default/files/field/image/news-brown.png)  

Novinky které jsem si pro vás připravil dnes, jsou v podstatě výsledkem mé práce za poslední 2 týdny. Najdeme mezi nimi vylepšení stránkování hlavní stránky s výběrem e‑shopů, vylepšené menu a mnohé jiné. Pojďme si tedy ukázat, jak to vypadá v Mergadu.



 

 

 
                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>
  



 

## Stránkování na hlavní stránce s exporty

 Byl přidán šikovný **abecední filtr**, podle kterého můžete vyhledávat eshopy a plus k tomu i **klasické fulltextové vyhledávání**. To proto, aby se hlavní stránka načítala rychleji lidem, který mají v Mergadu více než 20 e-shopů. Pro informaci dodám, že samotný filtr i fulltextový vyhledávač se zobrazí pouze v případě, pokud máte více než zmíněných 20 e-shopů.

![](/sites/default/files/users/hlavna_stranka_filtrovanie.png)

*Vylepšené stránkování na hlavní stránce s exporty*

## Založení exportu

Při zakládání exportu se již nezobrazují při kroku “*Výběr exportu pro dané země*”, všechny země, ale pouze tzv. **kandidátní**. To znamená, že např. při Heureka exportu se zobrazí pouze dvě země kde je dostupný typ exportu Heureka, a to Slovensko a Česká republika. Ostatní země si můžete vybrat tlačítkem **Zobrazit ostatní země**, viz. obrázek níže.

![](/sites/default/files/users/kandidatne_formaty.png)

*Zobrazení pouze těch zemí, které mají kandidátní formáty k námi vytvářenému formátu.*

## Menu nebo tzv. lišta s výběrem (Přehled, Produkty, Pravidla atd ..)

Nově toto menu drží stále **na horním okraji obrazovky** i když uživatel scrolluje po stránce níže, což je dobré hlavně v tom, že uživatel se nemusí neustále “vracet” na horní okraj obrazovky aby si přepnul v menu např. stránku *Pravidel* ‚na *Produkty* apod.

## Nový indikátor průběhu zpracování

Jde o grafickou vychytávku, která zobrazuje samotný průběh zpracování, např. při **vytváření exportu**, nebo **aplikaci pravidel**, pro lepší přehled. Viz obrázek níže.

![](/sites/default/files/users/progress_bar_syncro.png)

*Indikátor zpracování při vytváření exportu.*

*![](/sites/default/files/users/progress_bar_pravidla.png)*

*Indikátor zpracování při aplikování pravidel.*

## Našeptávač při pravidla hromadných parametrů

Jednoduše další našeptávač, jaké již z Mergada znáte, tentokrát už i pro pravidlo Nastavení hromadných *parametrů*, který nabízí časté příklady **typů parametrů** pro Heureku. To, jak vypadá si můžete prohlédnout níže.

![](/sites/default/files/users/nasepkavac_hrom.param.png)

*Našeptávač parametrů v pravidle nastavení hromadných parametrů.*

## **Export produktů do CSV souboru**

Dříve se sloupce ve vyexportovaném souboru s elementy řadily podle abecedy. Dnes je to tak, že se řadí podle toho, jak jsou uspořádány v náhledu na stránce *Produkty.* Prostě pro lepší přehled v CSV dokumentu.

## **Tuning proměnných**

Přejměnování proměnné se projeví i v pravidlech, které ji používají.

Dále je to spousta menších úprav, oprav a věcí na pozadí aplikace, které běžný uživatel nevidí, ale přesto vyžadují dost úsilí a času týmu Mergada.

Věřím, že se vám tyto novinky budou líbit a bude se vám s Mergadom opět pracovat o něco lépe.



 

 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/mergado-pan-100.png)  ](/blog/pan-mergado)###  [ Pan Mergado ](/blog/pan-mergado) 

Pan Mergado byl největší dříč v našem týmu. Makal ve dne i v noci, aby byla data e‑shopů v tom nejlepším pořádku a přinášela užitek. Zde na blogu psal návody, zprávy i své vlastní názory. No ano, byla to virtuální postava, ale my jsme ho měli rádi. Fakt.

 

 

 

 

 

 

 

 

 

## Mohlo by vás *zajímat*

 

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

### ChatGPT Shopping: Budoucnost nakupování je tady

 

 ](/blog/chatgpt-shopping-budoucnost-nakupovani-je-tady) 

 [    ![](https://www.mergado.cz/sites/default/files/perm/image/mergado-research-group.png)  

### Prosaďte své tipy na vylepšení MERGADA. Odteď nám můžete mluvit do práce v rámci Research Group

 

 ](/blog/mergado-research-group) 

 [    ![](https://www.mergado.cz/sites/default/files/perm/image/cesta-k-elementu-mergado2.png)  

### Mergado 2 má nový nástroj. Vyzkoušíte s ním cestu k elementu nanečisto 

 

 ](/blog/mergado-2-cesta-k-elementu-nanecisto) 

 

 

 

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