# Návod pro nastavení produktů ve článcích

> Jak vkládat produkty do blogových článků v Shoptetu pomocí krátkého kódu nebo HTML, včetně nastavení slideru a mřížky.

- **Zdroj:** https://www.webotvurci.cz/navody/obecne-navody-pro-shoptet/navod-pro-nastaveni-produktu-ve-clancich/
- **Doplněk / kategorie:** Obecné návody pro Shoptet (https://www.webotvurci.cz/navody/obecne-navody-pro-shoptet/)
- **Datum:** 2026-05-20
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

## Nastavení doplňku

Doplněk funguje po instalaci bez nutnosti dalšího zásahu. Pokud potřebujete upravit chování na celém e-shopu, přejděte na průvodce nastavením, který vygeneruje kód k vložení do zápatí e-shopu (**Vzhled a obsah → Editor → HTML kód → sekce Zápatí**).

V průvodci můžete nastavit:

- Používání sliderů
- Pravidla pro jejich zobrazení
- Zobrazení nedostupných produktů

**Poznámka:** Zobrazení slideru je možné pouze u Shoptet šablon, které jej podporují: Disco, Samba, Jupiter, Merkur, Opal, Rubin, Adamin, Apeti Clear, Apeti Standard, Venus, Apollo, Dolomit, Titan, Carbon.

## Vložení produktů do článku

### Najdeme stránku blogové kategorie

1. **Na e-shopu:** V menu přejděte na odkaz s blogovou kategorií a zvolte požadovaný článek.
2. **V administraci Shoptetu:** Přejděte do **Vzhled a obsah → Články → Rubrika → zvolená rubrika** a vyberte článek.

![Administrace Shoptetu – sekce Vzhled a obsah → Články s vyznačeným výběrem rubriky Novinky](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-01-administrace.png)

### Úprava článku

Doplněk obdržel update v dubnu 2026, který zjednodušil vkládání produktů. Nyní je možné produkty vkládat pomocí krátkého kódu, který vložíte do textového editoru bez nutnosti HTML.

Generátor umožňuje:

- Zobrazovat konkrétní produkty (zadáním URL adres)
- Volbu formátu (slider nebo mřížka)
- Náhodné řazení produktů
- Zobrazení z konkrétní kategorie
- Nastavení počtu zobrazených produktů

![Generátor „Vložit produkty do e-shopu" s výběrem konkrétních produktů podle URL, volbami slider a náhodné řazení a vygenerovaným krátkým kódem @PRODUKTY](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-02-konfigurator.png)

![Generátor „Vložit produkty do e-shopu" s výběrem produktů z kategorie – URL kategorie, počet produktů a vygenerovaný krátký kód @KATEGORIE](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-03-kategorie.png)

Zkopírovaný kód vložte přímo do textu článku. Po uložení se produkty automaticky vykreslí.

![Textový editor článku v Shoptetu s vloženým krátkým kódem @KATEGORIE zvýrazněným na konci textu](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-04-kod.png)

![Náhled článku na e-shopu s automaticky vykreslenými produkty včetně cen, dostupnosti a tlačítek Do košíku](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-05-vykresleni.png)

**Alternativa – HTML kód:**

1. V rozhraní **Upravit článek** přejděte do sekce editoru obsahu
2. Klikněte **Nástroje → Zdrojový kód**

![Rozhraní Upravit článek v administraci Shoptetu s otevřenou nabídkou Nástroje a zvýrazněnou položkou Zdrojový kód](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-06-editor-html.png)

3. Vložte kód na požadované místo

![Okno Zdrojový kód s vloženým HTML kódem doplňku pro zobrazení produktů z kategorie](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-07-zdrojovy-kod.png)

4. Zavřete okno a uložte stránku

![Zavření okna Zdrojový kód tlačítkem OK a následné uložení článku tlačítkem Uložit](https://www.webotvurci.cz/uploads/navody/produkty-ve-clancich-08-ulozeni.png)

Po každé úpravě zkontrolujte článek na e-shopu, včetně mobilního zobrazení.

---

*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*