# Základní informace

Naleznete jej při tvorbě nového pravidla ve vašem exportu pod záložkou Pravidla, kde už jen stisknete + a vyberete možnost „*Obrázkový editor".*

Je potřeba povolit IP adresu 49.13.215.202, aby si Conviu mohlo obrázky stáhnout.

<figure><img src="/files/ixGRNsRa9dvLUrSbjLYN" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NTjTMzIHAQp509oNBs1p" alt="" width="294"><figcaption></figcaption></figure>

V obrázkovém editoru můžete k vašim produktům doplnit logo, štítky s akční cenou, různé texty, barevná pozadí nebo vytvořit šablonu, kterou přidáte k produktům dle vlastního výběru. Navíc umožní také časování jednotlivých vrstev, vložení nejrůznějších podmínek pro každou z nich a další pokročilé funkce, které znáte z grafických programů.

V následujícím příkladu si ukážeme, jak vytvořit jednoduchou šablonu.&#x20;

Nejdříve vyplníte **Název pravidla**, například "*Šablona číslo 1"*.&#x20;

<figure><img src="/files/EFw7GkXHmvYC9eNyCT13" alt=""><figcaption></figcaption></figure>

Jako podmínku pak vložíme námi vybraný produkt, ke kterému budeme šablonu vytvářet.

<figure><img src="/files/JfoToD8JKNs779YUPhKM" alt=""><figcaption></figcaption></figure>

V **Nastavení elementu** vyberete zdroj, odkud bude Conviu čerpat. Nejčastěji se jedná o IMGURL odkaz ze zdrojového feedu, který obsahuje produktový obrázek. Po jeho zadání se vám automaticky na plátně zobrazí zástupný obrázek.&#x20;

<figure><img src="/files/B1hBEqN5F2ChMsAl1Bg2" alt=""><figcaption></figcaption></figure>

Pod tlačítkem „*Přidat“* pak můžete přidat další vrstvy dle potřeby. Pokud nebudete chtít využít obrázek nahraný z feedu, nahrajete obrázek přímo z vašeho počítače.&#x20;

Jako další vrstvu můžete vložit následující.

1\.     Text

2\.     Nahrát obrázek (z vašeho zařízení)

3\.     Vložit obrázek z feedu

4\.     Čtverec/Obdelník

5\.     Kruh/Elipsa

6\.     Trojúhelník

7\.     Šablona

<figure><img src="/files/rdQshFOpfUg2GXWYn1kU" alt=""><figcaption></figcaption></figure>

Každou vloženou vrstvu můžete následně samostatně upravovat. V pravé části editoru se nahází ovládací panel, na kterém se provádějí různé úpravy každé vrstvy. Na obrázku níže pak vidíte možnost úpravy obrázku vloženého z feedu.

<figure><img src="/files/GojqP4gCgHtsAhJauxfI" alt=""><figcaption></figcaption></figure>

Lze upravit:

1. V případě více vložených vrstev, máte možnost zvolit, jak se budou jednotlivé vrstvy překrývat.
2. Je možné měnit šířku a výšku obrázku, a to uchopením přes kurzor myši a následným roztažením do požadované velikosti. Provedenou úpravu pak vidíte i v číselné podobě na editačním panelu v kolonkách „*Šířka*“ a „*Výška*“.
3. Je možnost vrstvu zrcadlit nebo otočit.
4. Můžete měnit pozici obrázku na plátně v ose X/Y, opět uchopením kurzorem myši a následným přesunutím na požadované místo. Provedenou úpravu vidíte v číselné podobě na editačním panelu v kolonkách „*Pozice X*“ a „*Pozice Y*“.
5. Zarovnání obrázku na střed nebo do stran.
6. Přizpůsobení velikosti plátna.
7. Nastavení časového období, kdy má být daná vrstva aktivní přes kolonky „Aktivní od:“ a „Aktivní do:“. Zde stačí vybrat libovolné datum.
8. Odebrat pozadí obrázku. U této funkce je důležité, aby vámi zvolený obrázek měl jednoduché pozadí, ideálně celobarevné. U složitějších obrazců, by tato funkce nemusela funogvat správně.
9. Nakonec podmínka dané vrstvy. Zde můžete například nastavit dopravu zdarma k produktům nad určitou cenu, přidat akční cenu k produktům vámi zvoleného výrobce a mnoho dalších možností.

Během celé tvorby vaší šablony, můžete také po každé úpravě nahlédnout na finální podobu přes tlačítko "*Náhle&#x64;**"*** a následně se vrátit zpět do editace přes tlačitko "*Designe&#x72;**"***.&#x20;

<figure><img src="/files/pr4193YbVG6EzIspRyM3" alt=""><figcaption></figcaption></figure>

Určitě vám v horní části ovládacího panelu neunikla tato část "*< Obrázek z feedu*". Jedná se o pojmenování vrstvy, kterou máte v danou chvíli vybránu k editaci.

<figure><img src="/files/9IgvVmqTkIxcuXQ2nOAH" alt=""><figcaption></figcaption></figure>

V případě, že již na editovacím plátnu máte umístěno větší množství vrstev, kdy jsme pro ukázku vybrali jednu z našich přednastavených šablon, po kliknutí na tento symbol, **<** se vám zobrazí panel s jednotlivými vrstvami.

<figure><img src="/files/shoErsygpZTBY1A1ej6D" alt=""><figcaption></figcaption></figure>

V této části ovládacího panelu můžete rozkliknout jednotlivé vrstvy a následně je samostatně upravovat nebo přesouvat jejich pořadí. Jedná se o téměř totožné úpravy jako jsou úpravy obrázku, které jsme si ukázali výše. V případě textu, zde lze však navíc upravit například jeho styl, barvu, zarovnání a další…<br>

Jako poslední je zde **Nastavení,** kde najdete několik přednastavených rozměrů pro různé použití. Jedná se o rozměry určené například pro Mall Marketplace, Heureku, Facebook a další. Kromě velikosti je možné zvolit i formát výsledné šablony a to PNG nebo JPG.

<figure><img src="/files/xUq1DG6gLc1e1cCD8fhR" alt=""><figcaption></figcaption></figure>

Před samotným vytvoření pravidla nezapomeňte zkontrolovat, zdali má vaše šablona rozměr, který požadujete. V opačném případě by se výsledný obrázek mohl nahrát v příliš malém rozměru nebo by naopak mohl být až moc velký a oříznutý na jedné ze stran.&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://napoveda.conviu.cz/obrazkovy-editor/zakladni-informace.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.