- [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. [ Rozšíření ](/kategorie/aplikace)
4. **Nové funkcionality Feed Image Editoru přináší větší přehled o obrazové inzerci**
# **Nové funkcionality Feed Image Editoru přináší větší přehled o obrazové inzerci**
[  Lukáš Horák ](/blog/lukas-horak) [Rozšíření](/kategorie/aplikace)
13. 3. 2019
2 minuty čtení
Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) nasadila **dvě** **důležité** **novinky**. Jsou jimi nová **podstránka** **Produkty** a **diagnostika** jednotlivých **šablon**. A k čemu je to dobré? Díky těmto funkcím získáte lepší přehled a zjistíte, jestli jsou vaše fotky **dostupné** a dobře **zpracované**. A to je pořádná výhoda.
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. —
Aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/#about) nasadila **dvě** **důležité** **novinky**. Jsou jimi nová **podstránka** **Produkty** a **diagnostika** jednotlivých **šablon**. A k čemu je to dobré? Díky těmto funkcím získáte lepší přehled a zjistíte, jestli jsou vaše fotky **dostupné** a dobře **zpracované**. A to je pořádná výhoda.
## Ověřte si, jestli inzerujete produktové fotky bezchybně
### Seznamte se s podstránkou Produkty
Tato stránka umožňuje **odhalit** **chyby** v produktových fotkách, či jestli fotky konkrétních produktů vůbec inzerujete. Na podstránce Produkty máte k dispozici **několik** **filtrů**, se kterými ve vašem zboží vyhledáte produkty nebo skupiny produktů podle vašich požadavků.
**Typy filtrů:**
- **Název** **produktu** – shoduje se se zadaným textem nebo obsahuje zvolené slovo
- **Adresa** **obrázku** – URL adresa fotografie
- **Skupina** – nabízí možnosti vyhledávání mezi všemi produkty, produkty se stejnými obrázky či produkty bez obrázku
- **Stavový** **kód** – filtrování podle dostupnosti obrázku
- **Šablona** –vyhledá aktivní i pozastavené šablony
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie1_4.png)
### Vyhledávání podle elementů
Kromě filtrování nabízí podstránka Produkty možnost **vyhledávání** **podle** **elementů**. Stačí vybrat element a nastavit jeho hodnotu. Tzn. že když hledáte produkty s **CPC v hodnotě 3 Kč**, vyberete element **CPC** a zadáte hodnotu **3**. Na základě toho Feed Image Editor vypíše pouze produkty s **CPC=3**.
U odpovídajících výsledků zde uvidíte **cenu** vyfiltrovaných produktů, jejich **kategorii** i **šablonu** a **odkazy** na produkt v e‑shopu, v Mergadu, ve FIE a na jeho obrázek. Tato data můžete **vyexportovat** **do** [CSV](https://www.mergado.cz/tema/csv), které potom jednoduše převedete do tabulkového editoru.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie2_5.png)
### FIE umí diagnostiku produktů v šablonách
Na hlavní stránce FIE najdete další užitečný nástroj – **diagnostiku** **produktů** z jednotlivých **šablon**. U šablon si tak kdykoliv přehledně **ověříte** jejich formát, datum vzniku, kolik produktů obsahuje a kolik z nich je zpracovaných a u kolika se vyskytla chyba.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie3.png)
### Ovládněte obrazovou inzerci pomocí bezplatného školení FIE
Produktové obrázky jsou **důležitý** **nástroj** inzerce zboží. Dokázat je udělat co nejpoutavější, a přitom vždy podle pravidel zbožáků, se vám zcela jistě vyplatí. Naučte se, jak **vyzrát na image marketing** pomocí [Workshopu: Jak na image marketing pomocí Feed Image Editoru](https://www.mergado.cz/workshop-jak-na-image-marketing-pomoci-feed-image-editoru).
Využijte nové funkcionality [Feed Image Editoru](https://www.mergado.cz/tema/feed-image-editor) naplno. Díky jejich požívání si budete vždycky vědět, které z vašich produktových obrázků jsou **v pořádku a které je třeba opravit**. Napadá vás, jak možnosti FIE ještě **posunout** **vpřed**? Nenechávejte si to pro sebe a **pište** své nápady na [náš support](http://mailto:mergado@mergado.cz).
### **Mohlo by vás zajímat:**
[ 
### Nová Mergado školení vám pomohou zefektivnit práci
](/blog/nova-mergado-skoleni-vam-pomohou-zefektivnit-praci)
[ 
### Vychytejte vaši obrazovou inzerci s novým Feed Image Editorem
](/blog/vychytejte-vasi-obrazovou-inzerci-s-novym-feed-image-editorem)
[ 
### S vylepšením Feed Image Editoru budou vaše reklamy stále aktuální
](/blog/s-vylepsenim-feed-image-editoru-budou-vase-reklamy-stale-aktualni)
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Image Marketing ](/tema/image-marketing)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/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*
[ 
### Jak na GPSR na Allegru a Kauflandu: S tímto průvodcem sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků
](/blog/alternativni-produkty)
[ 
### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat
](/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ů](/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()
}