- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
1. [ Domov ](/)
2. [ Blog ](/blog)
3. [ Rozšírenia ](/kategorie/aplikacie)
4. **Feed Image Editor sa vie hrať s obrázkami. Hrajte sa tiež!**
# **Feed Image Editor sa vie hrať s obrázkami. Hrajte sa tiež!**
[  Daniel Czetner ](/blog/daniel-czetner) [Rozšírenia](/kategorie/aplikacie)
22. 11. 2016
2 minúty čítania
Ako už asi viete, do rodiny Mergadových aplikácií pribudol už pred časom Feed Image Editor. Drobné popôrodné problémy trochu oddialili spustenie jeho plnej verzie, ale teraz už je fit a pripravený pomôcť vám s produktovými kampaňami na Facebooku.
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. —
Medzi ostatnými aplikáciami v Mergado Store [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/?_ga=1.205568659.1477482218.1473428925) vďaka svojmu zameraniu vyčnieva — ľahko vďaka nemu **upravíte veľkosti** alebo k svojim pôvodným obrázkom pridáte **informácie o zľave, darčeku alebo posledných kusoch, ktoré sú skladom.** A práve tieto informácie, navyše podané vizuálne atraktívne, môžu byť rozhodujúce pre vaše budúcich zákazníkov — úprimne, kto z nás niekedy na pekný obrázok na Facebooku neklikol? Poďme sa teda pozrieť, čo presne tento nováčik dokáže.
## Zmena veľkosti
Podstatný rozdiel, že? Správna veľkosť je na nezaplatenie, ale kto sa má v tých pixeloch poriadne vyznať … FIE to našťastie bez problémov zvláda a vám táto starosť odpadá.
## Šablóny
Okrem úpravy veľkosti dokáže FIE i ďalšie kúzla — k obrázkom svojich produktov **môžete pomocou farebných šablón ľahko pridávať sprievodné texty**, ktoré vám pomôžu **zvýšiť účinnosť reklamy.** Jednotlivé šablóny si navyše môžete uložiť na neskoršie použitie.
## FIE a Mergado
Aplikácia využíva k svojmu fungovaniu **výbery produktov z Mergada** — môžete teda použiť niektorý z už existujúcich výberov alebo vytvoriť nový na mieru. V prípade, že do vášho výberu **pribudnú nové položky, úprava obrázkov sa aplikuje tiež na ne** — nemusíte teda pri každej zmene sortimentu kontrolovať a pridávať obrázky znova.
## FIE vs FIE Express
Dorazili ste do Mergado Store a nemôžete si vybrať, či [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/?_ga=1.201520529.1477482218.1473428925) alebo [Feed Image Editor eXpress](https://store.mergado.com/detail/feedimageeditorexpress/?_ga=1.230217116.1477482218.1473428925). Ani s jedným neoľutujete, verzia eXpress ale neumožňuje pridávanie textových a grafických doplnkov, pomôže vám “len” s úpravou veľkosti. Pre začiatok to môže stačiť, ale zrovna pred Vianocami by som tipoval, že sa vám budú hodiť aj farebné pruhy so zľavami alebo značky pre akčnú ponuku.
## Idem nato
Chcete to skúsiť? Nie je nič jednoduchšie — appka je **na 10 dní zadarmo**, môžete sa teda svojimi upravenými obrázky pokochať bez záväzkov. Stačí v Mergade aplikáciu aktivovať alebo navštíviť Mergado Store. Po desiatich dňoch prejdete do plateného režimu. Pre prácu s FIE sa vám budú hodiť výbery, **dopredu si teda vytvorte v Mergade potrebné skupiny produktov.** A potom sa už môžete začať hrať!
## Rada na záver
FIE neodporúčame používať pre úpravy obrázkov na Heureku, Pricemaniu a ďalšie porovnávače, niektoré z nich ich penalizujú.
Ak chcete byť v obraze o tom, čo sa okolo Feed Image Editora deje, sledujte jeho [Facebook](https://www.facebook.com/Feed-Image-Editor-220847074968744/?fref=ts), [Twitter](https://twitter.com/FeedImageEditor) alebo [fórum](http://forum.mergado.cz).
- [ AI boost produktových obrázkov ](/tema/ai-boost-produktovych-obrazkov)
[  ](/blog/daniel-czetner)### [ Daniel Czetner ](/blog/daniel-czetner)
Daniela ste poznali zo slovenskej podpory Mergada. Pomáhal riešiť problémy, písal návody v nápovede a testoval nové funkcie v Mergade. Mal jednoznačne najdlhšie dredy v tíme a jeho drsnému humoru sa vyrovnal snáď len jeho spolupracovník Přemek.
## Mohlo by vás *zaujímať*
[ 
### Ako na GPSR pre Allegro a Kaufland: S týmto sprievodcom sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte najvhodnejšie alternatívne produkty. Nakúpi u vás viac zákazníkov
](/blog/alternativne-produkty)
[ 
### Katalóg Icecat vám pomôže doplniť chýbajúce produktové dáta. S Mergadom ho prepojíte aplikáciou Clicking Goat
](/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](/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()
}