- [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. **Praktické tipy využitia Feed Image Editor**
# **Praktické tipy využitia Feed Image Editor**
[  Daniel Czetner ](https://www.mergado.sk/blog/daniel-czetner) [Rozšírenia](https://www.mergado.sk/kategorie/aplikacie)
2. 6. 2016
2 minúty čítania
V [predchádzajúcom](http://www.mergado.sk/aplikacia-feed-image-editor) článku sme vám predstavili novú aplikáciu Feed Image Editor, ktorá vám pomôže hromadne vylepšiť obrázky, ktoré zasielate v XML feede do Facebooku. Dnes by som vám rád ukázal **konkrétne príklady použitia** tejto aplikácie.
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. —
## Ako na to
1. Vytvoríte si klasický výber produktov (alebo rovno niekoľko výberov naraz) priamo v Mergade. Potom si otvorte aplikáciu (na karte *“Aplikácie”*), kedy v prvom kroku zvolíte **pre aký výber alebo výbery budete šablónu vytvárať.**
2. Nasleduje voľba formátu obrázku. Na výber sú **dva formáty 600 x 600px** pre *carousel ads* a druhý je **1200 x 630px** (*single product ad*). Aplikácia automaticky prispôsobí vaše obrázky týmto rozmerom bez ich deformácie.
3. V ďalších krokoch je už priestor pre vašu kretivitu. Úpravy môžete využí jednotlivo alebo všetky naraz.
- orámovanie obrázku, plný rámček alebo čiarkovaný
- pruh cez obrázok s textom, vodorovný alebo zvislý
- odznak s textom — koliesko, trojuholník, štvorec — pre krátke oznámenie napr. TIP !, Akcia…
4. Nastavenú šablónu **uložíte.**
*Pozn. šablónam môžete meniť prioritu a tak sa nestane, že sa v obrázku objaví niekoľko prekrývajúcich sa oznámení.*
Ukážka nastavenia jednej šablóny s využitím všetkých úprav.
## Príklady využitia
Príklady výberov budú vychádzať z toho, že feed pre Facebook máte vytvorený pomocou Mergadovho prevodníka *Heureka -> Facebook*. Pri použití iného formátu na vstupe, akurát zmeníte názvy elementov.
**Produkty skladom**
Výber:
**DELIVERY\_DATE = 0**
**Produkty s dopravou zdarma**
Výber:
**DELIVERY\_PRICE|PPL = “0”**
#### 
**Darček k vybraným produktom**
Výber:
**GIFT != ““**
alebo
**GIFT = “sluneční clona”**
**Akciové produkty**
Výber:
**PRODUCT ~ “Akcia“**
Tu je využitý aj rámček
**TIP**
Ak máte v jednej kategórii rozdielne marže podľa výrobcov, tak produkty od výrobcu s najväčšou maržou môžete odlíšiť napr. “Odznakmi” TIP!
Výber:
**CATEGORYTEXT ~ “kosačky” AND MANUFACTURER = “HellWheels”**
Využití je mnoho, ak máte ďalšie tipy, budeme radi, keď sa s nimi pochválite v komentároch.
Aplikáciu Feed Image Editor si zapnúť v [Mergado Store](http://store.mergado.com/detail/feedimageeditor/).
- [ AI boost produktových obrázkov ](https://www.mergado.sk/tema/ai-boost-produktovych-obrazkov)
- [ Mergado Store ](https://www.mergado.sk/tema/mergado-store)
[  ](https://www.mergado.sk/blog/daniel-czetner)### [ Daniel Czetner ](https://www.mergado.sk/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
](https://www.mergado.sk/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte najvhodnejšie alternatívne produkty. Nakúpi u vás viac zákazníkov
](https://www.mergado.sk/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
](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()
}