---
title: "Ikonky"
articleId: "icons"
lastEdited: "2026-10-19 07:41 UTC"
canonical: https://podpora.shoptet.sk/ikonky/
breadcrumb: "Shoptet Podpora / Marketing / Obsah a SEO"
language: sk
sections:
  - { title: "Pridanie novej ikony", level: 2, url: "https://podpora.shoptet.sk/ikonky/#pridanie-novej-ikony" }
  - { title: "Ikona nahraná z počítača", level: 2, url: "https://podpora.shoptet.sk/ikonky/#ikona-nahrana-z-pocitaca" }
  - { title: "Ikona vkladaná cez HTML kód", level: 2, url: "https://podpora.shoptet.sk/ikonky/#ikona-vkladana-cez-html-kod" }
  - { title: "Zobrazenie ikony na e-shope", level: 2, url: "https://podpora.shoptet.sk/ikonky/#zobrazenie-ikony-na-e-shope" }
---

# Ikonky

Ikony sa vytvárajú pod kartou **Vzhľad a Obsah → Ikonky** . Na e-shope sa zobrazujú v pätičke webovej stránky a sú podporované všetkými našimi šablónami.

![Obrázok 01](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/sk/7738829475730-ikony.png)

* **Poradie** : poradie ikon zobrazených v pätičke je zľava doprava.
* **URL adresa** : URL adresa, na ktorú po kliknutí ikona odkazuje.
* **Presunúť** (modré štyri šípky) : po kliknutí ľavým tlačidlom myši je možné ťahaním meniť poradie ikoniek v zozname. Zmenu je potrebné uložiť.
* **Červený krížik** : maže záznam.

## Pridanie novej ikony

Novú ikonu vytvoríte zvolením tlačidla **Pridať** . Vyberte sa spôsob vloženia ikony. Môžete ju vložiť priamo z počítača alebo ju vložiť pomocou HTML kódu (obrázok 02).

Vloženie cez HTML kód využijete v prípade, ak ste napr. ikonu nahrali na e-shop cez [FTP](https://podpora.shoptet.sk/vytvorenie-ftp-uctu-v-administracii/) a poznáte teda jej presné umiestnenie (URL adresu).

![Obrázok 02](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/sk/7742144437010-ikonashoptet.png)

## Ikona nahraná z počítača

Ikonu pridáte v sekcii obrázok po kliknutí na tlačidlo **Nahrať** . K ikone môžete nastaviť nasledujúce vlastnosti (obrázok 03):

* **Názov ikony** : povinný údaj.
* **URL adresa** : URL adresa, na ktorú ikona po kliknutí odkazuje.
* **Text nápovedy**: text, ktorý sa zobrazí po nabehnutí myšou na ikonu.
* **Zobraziť** : obdobie, kedy sa bude ikona na e-shope zobrazovať.
* **Otvoriť v novom okne** : po zaškrtnutí sa bude odkaz umiestnený pri ikone otvárať v novom okne.

![Obrázok 03](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/sk/7742142549394-upravitikonushoptet.png)

## Ikona vkladaná cez HTML kód

Môžete vložiť prakticky rovnaké informácie ako v predchádzajúcom prípade, ale pomocou HTML kódu (obrázok 04):

* **Názov ikony** : povinný údaj.
* **HTML kód** : pomocou neho nastavíte ďalšie vlastnosti.
	+ URL adresa odkazu, na ktorý ikona odkazuje: značka `<a></a>`.
	+ URL adresa umiestnenia obrázku/ikony: značka `<img src>`.
	+ Text pomocníka: značka `title`.
	+ Otvoriť v novom okne: značka  `target="_blank"`.
* **Zobraziť** : obdobie, kedy sa bude ikona na e-shope zobrazovať.

Umiestnenie obrázku sa môže nachádzať aj na vašom FTP účte pri Shoptete. Viac informácií vrátane podoby URL nájdete v článku [Vytvorenie FTP účtu v administrácii](https://podpora.shoptet.sk/vytvorenie-ftp-uctu-v-administracii/) .

![Obrázok 04](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/sk/7742217984658-upravitikonuStartup.png)

## Zobrazenie ikony na e-shope

Tu vidíte zobrazenie ikony v päte e-shopu (obrázok 05).

![Obrázok 05](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/sk/7742122644626-paticka.png)