- [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. **Rozhýbejte obrazovou inzerci správným směrem s Feed Image Editorem**
# **Rozhýbejte obrazovou inzerci správným směrem s Feed Image Editorem**
[  Petra Marková ](/blog/petra-markova)
18. 10. 2019
3 minuty čtení
Appka [Feed Image Editor](https://www.feed-image-editor.cz/) v nedávné době přidala **další** **vylepšení**. Správa obrazové inzerce pomocí FIE nově nabízí možnost **koláží** z alternativních obrázků a také **nastavení aktivity šablony v čase**. Co dalšího přináší tento nástroj, který vylepší produktové obrázky každého e‑shopu?
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. —
Appka [Feed Image Editor](https://www.feed-image-editor.cz/) v nedávné době přidala **další** **vylepšení**. Správa obrazové inzerce pomocí FIE nově nabízí možnost **koláží** z alternativních obrázků a také **nastavení aktivity šablony v čase**. Co dalšího přináší tento nástroj, který vylepší produktové obrázky každého e‑shopu?
### Bezchybná obrazová inzerce na pár kliknutí
Zaběhnutou funkcionalitou, kterou jsme si ještě nestihli pořádně představit, je **tvorba koláží z alternativních obrázků**. V případě, že má produkt více fotek, představuje toto užitečné vylepšení možnost jejich **spojení do přehledného celku**. K hlavnímu obrázku snadno připojíte **několik alternativ** v podobě různých pohledů na produkt, jeho umístění v prostoru či reálný příklad jeho používání.
[Feed Image Editor](https://www.mergado.cz/tema/feed-image-editor) nabízí široký výběr **přednastavených** koláží, které najdete v samotných šablonách. V části *Vrstvy* musíte u zdrojového obrázku **zaškrtnout** pole *Koláž z více obrázků*, kde si **vyberete** z možností rozložení fotek a dalších voleb.
**Také máte k dispozici možnost přidat vlastní návrh:**
1. Prvním krokem je v nastavení nástroje **zvolit** v poli *Koláž* záložku *Přidat vlastní rozložení*.
2. V nabídce je mnoho funkcí, díky kterým si do koláží poskládáte obrázky **podle vlastních preferencí**.
3. V časti *Náhled* **uvidíte** celkový design koláže produktu tak, jak bude vypadat na e‑shopu.
Hlavní výhodou koláže je **zefektivnění procesu nákupu**, kdy se zákazníkovi zobrazí všechny potřebné informace naráz.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/kolazefie.png)
### Novinka, které si rozhodně všimnete
Zapomeňte na ruční aktivaci šablon produktů, protože [automatizace](https://www.mergado.cz/mergadofest-19) pronikla i do obrazové inzerce. Aktuální novinkou z dílny FIE je **časování šablony**, díky které v nastavení aktivity přidáte konkrétní **datum zapnutí a vypnutí šablony**. Tato funkce se vztahuje na danou šablonu s konkrétním výběrem produktů, anebo na celý sortiment.
Přehlednost aktivity je v seznamu šablon rozlišená i vizuálně – **světlá pole zvýrazňují aktivní šablony a šedá ty neaktivní**. Časování najdete v nastaveních šablony, kde přibylo datové pole.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/aktivitafie.png)
### Dejte kvalitě fotek nový význam
V současnosti má FIE v beta verzi **nástroj na testování kvality obrázků**. V sekci *Produkt* a *Kvalita* *obrázků* si nyní dokážete ověřit, jestli vaše **obrázky splňují požadované parametry**.
Pomocí několika jednoduchých kroků **zjistíte aktuální stav** obrázků pro daný výběr produktů, anebo sortiment e‑shopu. Kontrola obrázků umí upozornit například na neostré fotky, které se po vyfiltrování zobrazí v seznamu *V pořádku*, anebo *Není v pořádku*. Zároveň si můžete **manuálně nastavit formu** podle jeho reálných preferencí v sekci *Stav nastavený uživatelem*.
Tým FIE kontrolu kvality obrázků neustále zdokonaluje a aby se mohl posouvat dále, je pro něj důležitá **vaše zpětná vazba**. [Podělte se o názory](http://feedimageeditor@feedimageeditor.com), jak se vám s tímto nástrojem pracuje.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/kvalitafie.png)
Aplikace Feed Image Editor vám pomáhá držet produktové **obrázky** neustále **pod** **kontrolou**. Vyzkoušejte ji na **10 dní zdarma**. A když už budete v [Mergado Store](https://store.mergado.com/), mrkněte se, jaká další [rozšíření](https://www.mergado.cz/kategorie/aplikace) Mergada vám **pomohou** usnadnit nastavení inzerce.
## **Mohlo by vás zajímat:**
[ 
### Exportujte jednoduše data z appky Pairing Bear
](/pairing-bear-export-dat)
[ 
### Zjednodušte nastavení inzerce pomocí Mergado aplikací (část 2.)
](/mergado-aplikace-2)
[ 
### Zjednodušte nastavení inzerce pomocí Mergado aplikací (část 1.)
](/zjednoduste-nastaveni-inzerce-pomoci-mergado-aplikaci-cast-1)
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Image Marketing ](/tema/image-marketing)
[  ](/blog/petra-markova)### [ Petra Marková ](/blog/petra-markova)
Slovenský trh a libozvučnou slovenštinu má v Mergadu na starosti content specialistka Petra. Textuje, bloguje, překládá a s vášní tvoří obsah na sociální sítě. A když zrovna nehledá ta správná slova, věnuje svůj čas své bytové džungli, pečení, kavárnám nebo cestování.
## Mohlo by vás *zajímat*
[ 
### Jak připravit produktová data tak, aby dávala smysl pro GPT Shopping?
](/blog/optimalizace-dat-pro-gpt-shopping)
[ 
### Zahajte festivalovou sezónu nadupanou konferencí Mergado Fest
](/blog/zahajte-festivalovou-sezonu-na-mergado-festu)
[ 
### Jak optimalizace feedu zvýšila výkon Meta Ads bez navýšení rozpočtu
](/blog/optimalizace-feedu-pro-Meta-Ads)
## 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()
}