- [Case Studies](https://www.mergado.cz/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.cz/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](https://www.mergado.cz/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](https://www.mergado.cz/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.cz/kategorie/mergado-tipy)
- [Novinky v Mergadu](https://www.mergado.cz/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](https://www.mergado.cz/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](https://www.mergado.cz/kategorie/pracujeme-s-mergadem)
- [Rozhovory](https://www.mergado.cz/kategorie/rozhovory)
- [Rozšíření](https://www.mergado.cz/kategorie/aplikace)
- [S Mergadem do zahraničí](https://www.mergado.cz/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](https://www.mergado.cz/kategorie/ze-zivota-mergada)
 



 

 1. [  Úvod  ](https://www.mergado.cz/)
2. [     Blog  ](https://www.mergado.cz/blog)
3. [     Rozšíření  ](https://www.mergado.cz/kategorie/aplikace)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Vychytejte obrazovou inzerci s novinkami Feed Image Editoru #1** </a>
 
  

 

#  **Vychytejte obrazovou inzerci s novinkami Feed Image Editoru #1** 

 

 

 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/23021961102131189073595481259913287n.jpg)   Lukáš Horák  ](https://www.mergado.cz/blog/lukas-horak) [Rozšíření](https://www.mergado.cz/kategorie/aplikace) 

24. 6. 2019

3 minuty čtení

 

 

 

 

 

  ![Vychytejte obrazovou inzerci s novinkami Feed Image Editoru #1](https://www.mergado.cz/sites/default/files/field/image/fie-news-cerven-1-cz.png)  

Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor) neúnavně přidává nové a nové **funkcionality**. Díky nim dokážete ovládnout obrazovou inzerci v mnoha **důležitých** **detailech**. Vaše zboží tak k zákazníkům dostanete nejlákavější a nejfunkčnější cestou zároveň. Představme si **první** **část** novinek.



 

 

 
                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>
  



 

Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor) neúnavně přidává nové a nové **funkcionality**. Díky nim dokážete ovládnout obrazovou inzerci v mnoha **důležitých** **detailech**. Vaše zboží tak k zákazníkům dostanete nejlákavější a nejfunkčnější cestou zároveň. Představme si **první** **část** novinek.

## Dostaňte novinky k zákazníkům vašeho e‑shopu

Aby se zákazníci **včas dozvěděli** o aktuálních novinkách na vašem obchodě, je ve FIE potřeba **vytvořit šablonu** za pomoci Mergada a [Bidding Fox Elements](https://store.mergado.com/detail/biddingfoxelements/).

**Postup:**

1\. V appce [Bidding Fox Elements](https://www.mergado.cz/tema/bidding-fox-elements) (pokud ji nemáte, zapněte ji v [Mergado Store](https://store.mergado.com/)) aktivujte element **BFE\_P\_DAYS\_IN\_FEED** – Počet dní produktu v [XML feedu](https://store.mergado.com/detail/biddingfoxelements/).

2\. V Mergadu vytvořte výběr produktů, které budou v XML jen **určitý počet dní** (doporučujeme max. 14 dní).

- Na podstránce *Produkty* vytvořte jednoduchou podmínku, ve které vyberete element **BFE\_P\_DAYS\_IN\_FEED je menší než 15** (nebo vyberte možnost **Vlastní dotaz** a zadejte podmínku – **BFE\_P\_DAYS\_IN\_FEED &lt; 15**).
- Zvolte možnost **výstupní** **feed** a vyhledejte produkty.
- Seznam **pojmenujte** např. **Novinky (méně než 14 dní ve feedu)** a uložte.

3\. Ve Feed Image Editoru přidejte **Novou šablonu**, pojmenujte ji a vyberte daný výběr produktů, v našem případě — **Novinky (méně než 14 dní ve feedu)**.

- Vyberte výsledný **formát** obrázku, **pozadí** a **další** **možnosti**.
- V kartě *Vrstvy* vytvořte grafickou podobu a uložte ji.

Takto zařídíte, že se tato šablona bude propisovat na **všechny** **produkty**, které **odpovídají** vašemu **výběru v Mergadu**, a díky spojení aplikací budou **automaticky** přibývat i nové položky, které na e‑shop přibudou později.



 

 [  ![](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr1-clanek1_2.png)  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr1-clanek1_2.png) 

## Propagujte nejlevnější produkty na trhu

Nálepka nejlevnejšího produktu na trhu **upoutá** **pozornost** vždycky, musí být ovšem **pravdivá**. Pomocí dvou elementů z Bidding Fox Elements *Srovnání cen* výrobků z Heureky a Zboží.cz tato data zpracujete a dokážete použít pro reklamu.

**Postup:**

1\. V aplikaci Bidding Fox Elements v oddílu **Informace o produktu** aktivujte elementy *Nejnižší cena produktu* (**BFE\_H\_MIN\_PRICE**) a *Pozice podle ceny* (**BFE\_Z\_PRICE\_POSITION**).

2\. V Mergadu na podstránce *Produkty* vytvořte výběr nejlevnějších produktů: **BFE\_H\_MIN\_PRICE = “1” and BFE\_Z\_PRICE\_POSITION = “1”**

3\. Vyberte **Výstupní** **feed**, produkty vyhledejte a výběr pojmenujte např. **Nejlevnější produkty**.

4\. Ve Feed Image Editoru vytvořte šablonu pro *Nejlevnější produkty*.

- Vyberte výsledný formát reklamy a další nastavení.
- V kartě Vrstvy vytvořte grafickou podobu reklamy.



 

 [  ![](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr2-clanek1.png)  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr2-clanek1.png) 

Tímto způsobem do výběru Nejlevnější produkty obsáhnete ty, které mají na Heurece a Zboží.cz nejnižší cenu.

## Zjistěte, jestli u všech produktů máte fotografie a v jakém jsou formátu

### Nahrané produktové obrázky

Buďte si jistí, že **máte obrázky u všech produktů**, které inzerujete. Vše snadno zjistíte ve Feed Image Editoru.

**Postup:**

1\. Na podstránce *Produkty* ve FIE z filtrů vyberte možnost **Skupiny** a z nabízených možností **Produkty bez obrázku**.

2\. Aplikace vám vyfiltruje všechny **položky**, u kterých chybí fotka.

3\. Díky odkazům na e‑shop se k jednotlivým produktům rychle dostanete a můžete obrázky **zkontrolovat a doplnit**.

### Formát produktových fotografií

Potřebujete zjistit, **v jakém formátu máte produktové fotky**? Kontrolu provedete pohodlně v aplikaci FIE.

**Postup:**

1\. Ve Feed Image Editoru přejděte na podstránku *Produkty*.

2\. Z nabídky vyberte možnost **Skupina** a v ní **Neznámý formát**.

3\. Aplikace vyfiltruje produkty, u kterých objeví **problém**.

4\. Následně můžete filtrovat **formáty** **obrázků**. Aplikace vám zobrazí produkty s obrázky s vybranou koncovku (.jpg, .gif a další).



 

 [  ![](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr3-clanek1_1.png)  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/obr3-clanek1_1.png) 

Další část si schováme napříště. Pokud chcete dostat svoji obrazovou inzerci do kondice, **vyzkoušejte**, co vám [aplikace Feed Image Editor](https://store.mergado.com/detail/feedimageeditor) nabízí. Zkušební dobu máte na **10 dní zdarma**.

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



 

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

### Jak optimalizace feedu zvýšila výkon Meta Ads bez navýšení rozpočtu

 

 ](https://www.mergado.cz/blog/optimalizace-feedu-pro-Meta-Ads) 

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

### Jak úspěšně prodávat na idealo

 

 ](https://www.mergado.cz/blog/uspesny-prodej-na-idealo) 

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

### Výkonnější reklamy bez navýšení rozpočtu: 6 tipů, jak vytěžit maximum z produktových dat

 

 ](https://www.mergado.cz/blog/vykonnejsi-reklamy-bez-navyseni-rozpoctu) 

 

 

- [  AI boost produktových obrázků ](https://www.mergado.cz/tema/ai-boost-produktovych-obrazku)
- [  Image Marketing ](https://www.mergado.cz/tema/image-marketing)
 
 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/23021961102131189073595481259913287n.jpg)  ](https://www.mergado.cz/blog/lukas-horak)###  [ Lukáš Horák ](https://www.mergado.cz/blog/lukas-horak) 

Lukáš se v Mergadu stará o většinu komunikace v češtině. Prostřednictvím blogu, e‑mailu a sociálních sítí pravidelně zásobuje čtenáře aktualitami z e‑commerce a novinkami a tipy z Mergada. Pokud zrovna není copywriterem, užívá si prosté věci jako badminton, výlety mezi utajené skvosty osmdesátkové hudby a plody moře podávané s červeným vínem.

 

 

 

 

 

 

 

 

 

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

 

 [    ![](https://www.mergado.cz/sites/default/files/perm/image/gpsr-allegro-kaufland.png)  

### Jak na GPSR na Allegru a Kauflandu: S tímto průvodcem sami doplníte e‑shop o požadované údaje

 

 ](https://www.mergado.cz/blog/gpsr-allegro-kaufland) 

 [    ![Alternativní produkty náhled blog](https://www.mergado.cz/sites/default/files/perm/image/mergado-nahledovky_na_blog-landscape-1200_x_628_px_3.png)  

### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků

 

 ](https://www.mergado.cz/blog/alternativni-produkty) 

 [    ![ice cat produktový katalóg](https://www.mergado.cz/sites/default/files/perm/image/ice_cat_katalog_clanek_cz.png)  

### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat

 

 ](https://www.mergado.cz/blog/icecat-clicking-goat-doplnte-chybejici-data) 

 

 

 

## 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ů](https://www.mergado.cz/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()
      }