# Generátor ikonky pro Rozšířenou realitu u produktů

> Vytvořte si ikonku AR přesně podle stylu svého e-shopu — bez grafika a bez zásahu do kódu.

- **Zdroj:** https://www.webotvurci.cz/navody/ar-zobrazovac-produkty-ve-3d/generator-ikonky-pro-rozsirenou-realitu-u-produktu/
- **Doplněk / kategorie:** AR zobrazovač – produkty ve 3D (https://www.webotvurci.cz/navody/ar-zobrazovac-produkty-ve-3d/)
- **Datum:** 2026-06-19
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

Zpříjemněte si práci s doplňkem **[Rozšířená realita u produktů](https://doplnky.shoptet.cz/rozsirena-realita-u-produktu)** a vytvořte si ikonku přesně podle vašeho stylu.
Nový **generátor CSS ikonky AR** vám umožní nastavit barvu, velikost i průhlednost ikonky, která se následně zobrazí na produktové stránce vedle názvu produktu.

Díky tomu můžete doladit vzhled doplňku tak, aby zapadl do designu vašeho e-shopu – ať už používáte minimalistickou černobílou paletu, nebo živé barvy značky.
Generátor vám po pár kliknutích vygeneruje kompletní CSS kód, který jednoduše vložíte do Shoptetu, a ikonka je hotová.

V náhledu rovnou uvidíte, jak se ikonka bude chovat v praxi – včetně textu **„Zobrazit v AR“** a ukázky produktu s tlačítkem.
Můžete si tak rychle otestovat různé varianty a najít tu, která bude nejlépe ladit s vaší prezentací.

Neřešte ruční úpravy v kódu – generátor udělá vše za vás. Vy si jen vyberete ikonku, upravíte vzhled a zkopírujete kód.
Jednoduché, rychlé, vizuální. Tak, jak to máme rádi.

## Spustit generátor

[Otevřít generátor ikonky](https://www.webotvurci.cz/generator-ikonky-ar/) — vyberte ikonku, nastavte barvu, velikost a průhlednost a zkopírujte si hotové CSS.

---

*Návod pochází z webu Webotvůrci — Zlatý a Premium partner Shoptetu.*
*Všechny návody: https://www.webotvurci.cz/navody/ · Kontakt: jsme@webotvurci.cz*