- [Case Studies](https://www.mergado.sk/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.sk/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](https://www.mergado.sk/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](https://www.mergado.sk/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.sk/kategorie/mergado-tipy)
- [Novinky v Mergade](https://www.mergado.sk/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](https://www.mergado.sk/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](https://www.mergado.sk/kategorie/pracujeme-s-mergadom)
- [Rozhovory](https://www.mergado.sk/kategorie/rozhovory)
- [Rozšírenia](https://www.mergado.sk/kategorie/aplikacie)
- [S Mergadom do zahraničia](https://www.mergado.sk/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](https://www.mergado.sk/kategorie/zo-zivota-mergada)
 



 

 1. [  Domov  ](https://www.mergado.sk/)
2. [     Blog  ](https://www.mergado.sk/blog)
3. [     Rozšírenia  ](https://www.mergado.sk/kategorie/aplikacie)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Vychytajte obrazovú inzerciu s novinkami Feed Image Editor #1** </a>
 
  

 

#  **Vychytajte obrazovú inzerciu s novinkami Feed Image Editor #1** 

 

 

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

24. 6. 2019

3 minúty čítania

 

 

 

 

 

  ![Vychytajte obrazovú inzerciu s novinkami Feed Image Editor #1](https://www.mergado.sk/sites/default/files/field/image/fie-news-cerven-1-sk.png)  

Aplikácia [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) neúnavne pridáva nové a nové **funkcionality**. Vďaka nim dokážete ovládnuť obrazovú inzerciu vo veľa **dôležitých** **detailoch**. Váš tovar tak k zákazníkom dostanete najlákavejšou a najfunkčnejšou cestou zároveň. Predstavme si **prvú** **časť** noviniek.



 

 

 
                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>
  



 

Aplikácia [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) neúnavne pridáva nové a nové **funkcionality**. Vďaka nim dokážete ovládnuť obrazovú inzerciu vo veľa **dôležitých** **detailoch**. Váš tovar tak k zákazníkom dostanete najlákavejšou a najfunkčnejšou cestou zároveň. Predstavme si **prvú** **časť** noviniek.

## Dostaňte novinky k zákazníkom vášho e‑shopu

Aby sa zákazníci **včas** **dozvedeli** o aktuálnych novinkách na vašom obchode, je vo FIE potrebné **vytvoriť** **šablónu** za pomoci Mergada a [Bidding Fox Elements](http://store.mergado.com/detail/biddingfoxelements/).

**Postup:**

1\. V appke Bidding Fox Elements (ak ju nemáte, zapnete ju v [Mergado Store](http://store.mergado.com/)) aktivujte element **BFE\_P\_DAYS\_IN\_FEED** – Počet dní produktu v XML feedu.

2\. V Mergade vytvorte výber produktov, ktoré budú v XML **len určitý počet dní** (odporúčame max. 14 dní).

- Na podstránke *Produkty* vytvorte jednoduchú podmienku, v ktorej vyberiete element **BFE\_P\_DAYS\_IN\_FEED je menší ako 15** (alebo vyberte možnosť **Vlastná** **otázka** a zadajte podmienku – **BFE\_P\_DAYS\_IN\_FEED &lt; 15**).
- Zvoľte možnosť **výstupný** **feed** a vyhľadajte produkty.
- Zoznam **pomenujte** napr. **Novinky (menej ako 14 dní vo feede)** a uložte.

3\. Vo Feed Image Editore pridajte **Novú šablónu**, pomenujte ju a vyberte daný výber produktov, v našom prípade – **Novinky (menej ako 14 dní vo feede)**.

- Vyberte výsledný **formát** obrázku, **pozadie** a **ďalšie** **možnosti**.
- V karte *Vrstvy* vytvorte **grafickú** **podobu** a uložte ju.

Takto zariadite, že sa táto šablóna bude prepisovať na **všetky** **produkty**, ktoré **odpovedajú** vášmu **výberu** **v Mergade** a vďaka spojeniu aplikácií budú **automaticky** pribúdať aj nové položky, ktoré na e‑shop pribudnú neskôr.



 

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

## Propagujte najlacnejšie produkty na trhu

Nálepka najlacnejšieho produktu na trhu **upúta** **pozornosť** vždy, musí ale byť **pravdivá**. Pomocou dvoch elementov z Bidding Fox Elements *Porovnanie cien* výrobkov z Heureky a Zboží.cz tieto dáta spracujete a dokážete použiť pre reklamu.

**Postup:**

1\. V aplikácii Bidding Fox Elements v oddieli **Informácie o produkte** aktivujete elementy *Najnižšia cena produktu* (**BFE\_H\_MIN\_PRICE**) a *Pozícia podľa ceny* (**BFE\_Z\_PRICE\_POSITION**).

2\. V Mergade na podstránke *Produkty* vytvorte výber najlacnejších produktov: **BFE\_H\_MIN\_PRICE = “1” and BFE\_Z\_PRICE\_POSITION = “1”**

3\. Vyberte **Výstupný** **feed**, produkty vyhľadajte a výber pomenujte napr. **Najlacnejšie** **produkty**.

4\. Vo Feed Image Editore vytvorte šablónu pre **Najlacnejšie produkty**.

- Vyberte výsledný formát reklamy a ďalšie nastavenie.
- V karte Vrstvy vytvorte grafickú podobu reklamy.



 

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

Týmto spôsobom do výberu Najlacnejšie produkty obsadíte tie, ktoré majú na Heureke a Zboží.cz najnižšiu cenu.

## Zistite, či u všetkých produktov máte fotografie a v akom sú formáte

### Nahraté produktové obrázky

Buďte si istí, že **máte obrázky pri všetkých produktoch**, ktoré inzerujete. Všetko ľahko zistíte vo Feed Image Editore.

**Postup:**

1\. Na podstránke *Produkty* vo FIE z filtrov vyberte možnosť **Skupiny** a z ponúkaných možností **Produkty bez obrázku**.

2\. Aplikácia vám vyfiltruje všetky **položky**, pri ktorých chýba fotka.

3\. Vďaka odkazom na e‑shop sa k jednotlivým produktom rýchlo dostanete a môžete obrázky **skontrolovať a doplniť**.

### Formát produktových fotografií

Potrebujete zistiť, **v akom formáte máte produktové fotky**? Kontrolu vykonáte pohodlne v aplikácii FIE.

**Postup:**

1\. Vo Feed Image Editore prejdite na podstránku *Produkty*.

2\. Z ponuky vyberte možnosť **Skupina** a v nej **Neznámy** **formát**.

3\. Aplikácia vyfiltruje produkty, pri ktorých objaví **problém**.

4\. Následne môžete filtrovať **formáty obrázkov**. Aplikácia vám zobrazí produkty s obrázkami s vybranou koncovkou (.jpg, .gif a ďalšie).



 

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

Ďalšiu časť si schováme na budúce. Ak chcete dostať svoju obrazovú inzerciu do kondície, **vyskúšajte**, čo vám [aplikácia Feed Image Editor](https://store.mergado.com/detail/feedimageeditor) ponúka. Skúšobnú dobu máte na **10 dní zdarma**.

### **Mohlo by vás zaujímať:**



 

 [    ![uawc_cs_cz](https://www.mergado.sk/sites/default/files/perm/image/mergado-nahledovky_na_blog-1200_x_628_px-4.jpg)  

### Ako optimalizácia feedu zvýšila výkon Meta Ads bez navýšenia rozpočtu

 

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

 [    ![ako_uspet_idealo](https://www.mergado.sk/sites/default/files/perm/image/mergado-nahledovky_na_blog-1200_x_628_px-3.jpg)  

### Ako úspešne predávať na idealo

 

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

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

### Ako by mal vyzerať správny kontext o klientovi pre performance špecialistov

 

 ](https://www.mergado.sk/blog/master-prompt-eshopy-b2c) 

 

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/user-avatar/23021961102131189073595481259913287n.jpg)  ](https://www.mergado.sk/blog/lukas-horak)###  [ Lukáš Horák ](https://www.mergado.sk/blog/lukas-horak) 

Lukáš sa v Mergade stará o väčšinu komunikácie v češtine. Prostredníctvom blogu, e‑mailu a sociálnych sietí pravidelne zásobuje čitateľa aktualitami z e‑commerce, novinkami a tipmi z Mergada. Pokiaľ práve nie je copywriter, užíva si príjemné veci ako badminton, výlety medzi utajené skvosty osemdesiatkovej hudby a plody mora podávané s červeným vínom.

 

 

 

 

 

 

 

 

 

## Mohlo by vás *zaujímať*

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/gpsr-sprievodca.png)  

### Ako na GPSR pre Allegro a Kaufland: S týmto sprievodcom sami doplníte e‑shop o požadované údaje

 

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

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/zobrazovanie-alternativnych-produktov.png)  

### Zobrazujte najvhodnejšie alternatívne produkty. Nakúpi u vás viac zákazníkov

 

 ](https://www.mergado.sk/blog/alternativne-produkty) 

 [    ![ice cat produktový katalog ](https://www.mergado.sk/sites/default/files/perm/image/ice_cat_katalog_clanok_sk.png)  

### Katalóg Icecat vám pomôže doplniť chýbajúce produktové dáta. S Mergadom ho prepojíte aplikáciou Clicking Goat

 

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

 

 

 

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