# WordPress šablona pro e-commerce s katalogem produktů

URL: https://canvaswp.com/cs/wordpress-themes/ecommerce/
Updated: 2026-11-03

9 kompletních dem

Těchto 9 Canvas dem je postaveno nejprve jako obchody. Importujte kterékoli z nich a katalog, stránky produktů, košík i pokladna se načtou v designu daného dema, s 106 ukázkovými produkty k výměně.

[Zobrazit demo Clothing Store](https://demos.canvaswp.com/store/) [Zobrazit ceny](https://canvaswp.com/cs/pricing/)

Aktualizováno 3. listopadu 2026

Dema

## Devět návrhů obchodů, dohromady 115 stránek

Každé z nich se naimportuje jako celý web: produkty a jejich kategorie, stránky, menu, formuláře a všechny obrazovky WooCommerce, vše lze upravit. Před nákupem si je můžete živě prohlédnout.

### [Demo Clothing Store, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/store/)

Obchod a e-commerce · 19 stránek · [Co se nainstaluje: bloky a typy obsahu dema Clothing Store](https://docs.canvaswp.com/design-store)

### [Demo Fashion Shop, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/shop/)

Obchod a e-commerce · 25 stránek

### [Demo Furniture, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/furniture/)

Obchod a e-commerce · 12 stránek

### [Demo Drone, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/drone/)

Obchod a e-commerce · 12 stránek

### [Demo Wildroot Gear, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/gear/)

Obchod a e-commerce · 14 stránek · [Co se nainstaluje: bloky a typy obsahu dema Wildroot Gear](https://docs.canvaswp.com/design-gear)

### [Demo Speaker Store, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/speaker/)

Obchod a e-commerce · 11 stránek

### [Demo Supplement Store, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/supplements/)

Obchod a e-commerce · 13 stránek

### [Demo eBook, živý náhled (otevře se v nové záložce)](https://demos.canvaswp.com/ebook/)

Obchod a e-commerce · 9 stránek

Proč je tady 9 obchodů, když ostatní stránky uvádějí 21 obchodů? Katalog obsahuje 21 dem, která importují funkční obchod WooCommerce, a 9 na této stránce jsou obecné obchody. Dalších 13 dem vkládají obchod do jiného typu webu, nebo jsou určena jedné sezóně či jednomu řemeslu: Bag Store, Barber Shop, CanvasRoam, Christmas Store, Conference, Fashion Store, FORM 2026, Game of Canvas, Illustrator, Jewelry Boutique, Podcasts, Pottery Shop a Wine Estate. Všech 21 dem je na [stránce WooCommerce](https://canvaswp.com/cs/woocommerce/#demos).

Katalog

## Upravte záznam produktu a každá mřížka se přizpůsobí

Stránky kolekcí v demu jsou sestaveny z obchodních bloků Canvas, které čerpají data z vašeho katalogu WooCommerce, takže přidání produktu nebo změna ceny znamená úpravu jednoho záznamu a každá mřížka se aktualizuje sama. Stránky Men's Collections a Women's Collection v demu Clothing Store kombinují filtr kategorií s filtrem cenového rozpětí.

- 41 produktů v demo Fashion Shop, 20 produktů v Supplement Store a 16 produktů v Furniture
- Mřížky, karusely, karty kategorií a filtr cen, přičemž každý může čerpat z kategorie, štítku, vyhledávání nebo ručně vybraného seznamu
- Přiřaďte termínu atributu barvu v administraci a variabilní produkty místo rozbalovacího seznamu zobrazí swatche.
- Přidání do košíku z mřížky nebo z překrytí karty aktualizuje košík v hlavičce bez obnovení stránky

Čtyři stránky, které prodávají

## Obchod, detail produktu, košík, pokladna

Canvas nabízí 24 bloků WooCommerce a 18 obchodních předloh, takže každá obrazovka, kterou nakupující vidí, je blok s panelem nastavení a neexistuje žádná PHP předloha, kterou byste museli přepisovat.

### Obchod a kolekce

Každé demo obsahuje vlastní katalogové stránky, například Pánské kolekce a Dámská kolekce v demu Clothing Store, nebo Prsteny, náušnice, náhrdelníky a náramky v demu Jewelry Boutique.

### Stránka produktu

Zobrazte jednotlivý produkt jako výchozí rozvržení, přilepený souhrn sledující galerii, seznam, návrh s barevným akcentem nebo variantu s postranním panelem, nastavené pro každý produkt zvlášť nebo jako výchozí pro celý obchod.

### Košík a pokladna

Vlastní bloky košíku a pokladny WooCommerce jsou součástí designu stránek dema, takže obrazovky, na kterých se platí, zůstávají standardní, zatímco stránka kolem nich odpovídá obchodu.

[Každý blok WooCommerce, každá předloha a každá možnost obchodu](https://canvaswp.com/cs/woocommerce/)

Škálování

## Spuštění se třemi produkty a katalog s 41 produkty

Devět obchodů má záměrně různou velikost, protože spuštění s jediným produktem a obchodní dům potřebují jinou navigaci. Začněte od toho, jehož tvar odpovídá vašemu, a ušetřete si odpoledne strávené mazáním stránek, které nikdy nepoužijete.

- Clothing Store obsahuje 19 stránek, mega menu a 6 příspěvků v blogu; Fashion Shop obsahuje 25 stránek
- Wildroot Gear a eBook používají jednostránkovou navigaci pro krátkou nabídku.
- Jewelry Boutique přidává stránky o dopravě, platbách a příběhu za jednotlivými kusy
- Supplement Store přidává blog, často kladené dotazy a stránku podpory; Drone přidává stránky nabídek, videí a příslušenství; Speaker Store přidává recenze a podporu

[Jak se obchod WooCommerce nastavuje v šabloně Canvas](https://canvaswp.com/cs/guides/start-a-woocommerce-store-with-wordpress/)

Na telefonu

## Většina návštěvnosti obchodu nikdy neuvidí desktopové rozvržení

Katalog, filtry i pokladna vycházejí ze stejných responzivních bloků, takže není třeba udržovat druhé rozložení a není nic, na co byste při aktualizaci mohli zapomenout. Snímek ukazuje demo Clothing Store v podobě, v jaké se dodává, a má šířku 390 pixelů.

- Canvas načítá pouze CSS a JavaScript, které stránka skutečně vykresluje
- Pět přepínačů vypíná skripty WooCommerce na stránkách, které nic neprodávají, včetně dotazování na cart fragments
- Obrázky produktů získají šířku, výšku, líné načítání a responzivní velikosti z WordPressu
- Hlavička, titulek stránky a patička mají každý vlastní pravidla pro zobrazení na telefonu.

Proč Canvas pro obchod

## Čtyři věci, které obchod potřebuje kromě úvodní stránky

### Všechny stránky, které obchod potřebuje

Produkty a jejich kategorie, stránky kolekcí, stránky se zásadami, menu a formuláře se importují společně, takže obchod správně funguje, zatímco si do něj vložíte vlastní katalog.

### Úpravy přímo ve WordPressu

Cena, štítek a banner se slevou: každý z nich je polem bloku v editoru, který dodává WordPress. Není třeba obnovovat žádnou licenci tvůrce stránek spolu se šablonou.

### Vratné

Canvas zaznamenává vše, co import zapíše. Funkce Smazat data dema je zase odstraní, takže vyzkoušení druhého návrhu obchodu vás nebude stát nic než odpoledne.

### Pomoc s texty v ceně

Psaní popisů produktů nikdo nemá rád. Canvas AI navrhuje a přepisuje text v libovolném poli bloku, s měsíčními AI kredity v tarifu Canvas Roční.

Otázky

## Prodej online, přímo a jasně

Odpovědi, které platí pro devět obchodních dem v podobě, v jaké vycházejí.

**Ze kterého z devíti obchodních dem je nejlepší začít?**

Vyberte demo obchodu Canvas tak, aby odpovídalo katalogu, který skutečně máte. **Clothing Store** a **Fashion Shop** jsou rozsáhlé módní katalogy s mega menu a stránkami kolekcí. **Furniture** a **Jewelry Boutique** jsou obchody s rozvážně zvažovanými nákupy a dlouhými stránkami produktů. **Drone**, **Speaker Store** a **Supplement Store** jsou menší sortimenty s blogem a stránkou podpory. **Wildroot Gear** a **eBook** jsou jednostránkové weby pro uvedení hrstky produktů na trh. Každé demo stojí na stejné šabloně, takže vybíráte jen výchozí návrh a nic závaznějšího.

**Potřebuji ještě plugin WooCommerce?**

Ano: WooCommerce provozuje obchod a Canvas ho navrhuje. WooCommerce spravuje produkty, skladové zásoby, objednávky, daňová pravidla, zóny dopravy a platební brány, takže vaše ostatní rozšíření WooCommerce budou dál fungovat. Canvas k tomu přidává vrstvu designu: 24 obchodních bloků, 18 obchodních předloh a 39 možností obchodu. V průvodci nastavením vyberte demo obchodu a před importem se nainstaluje a aktivuje WooCommerce.

**Dnes už něco prodávám. Dostanu po importu druhou pokladnu?**

Ne: importér Canvas hledá stránku obchodu, košík, pokladnu a stránku účtu, které už máte, a poté na ně nasměruje menu a odkazy dema. Nevytváří žádnou duplicitní sadu. Vaše produkty a objednávky zůstávají nedotčeny a vše, co import vytvořil, se odstraní pomocí Smazat data dema.

**Jsou bloky pro obchod samostatným nákupem?**

Ne: všech 24 obchodních bloků Canvas jsou prémiové bloky a každý tarif zahrnuje každý prémiový blok, všechny šablony obchodu a všech 21 demo obchodů. Neexistuje žádný e-commerce tarif ani doplněk pro obchod. Jinde je to běžné: [Shop Kit od Kadence](https://canvaswp.com/cs/compare/kadence/) je součástí jejich tarifů Pro a Elite, [widgety WooCommerce od Elementoru](https://canvaswp.com/cs/compare/elementor/) začínají u tarifu Advanced Solo a OceanWP prodává [Ocean eCommerce Pro](https://canvaswp.com/cs/compare/oceanwp/) jako samostatný produkt.

**Co Canvas pro obchod neumí?**

Canvas obchodní logiku nezajišťuje. Platby a daně, sazby za dopravu, předplatné, rezervace, členství a CRM: to vše zajišťuje WooCommerce a jeho rozšíření. Canvas navrhuje obchod, stránku produktu, košík a pokladnu, a do částí, které pracují s penězi, nezasahuje. Proto výměna šablony v budoucnu neovlivní vaše objednávky.

**Na kolik webů se vztahuje jedna licence?**

Každá licence Canvas pokrývá neomezený počet webů a sítí multisite. Roční tarif stojí 79 US$ za rok a doživotní tarif 299 US$ jednorázově. Tarify se liší fakturací, aktualizacemi a AI kredity, nikoli funkcemi, takže licence pro jeden obchod obsahuje stejné bloky jako licence pro agenturu.

## Prozkoumejte dál

### [Založte obchod s WooCommerce](https://canvaswp.com/cs/guides/start-a-woocommerce-store-with-wordpress/)

Návod krok za krokem: instalace pluginu, přidání produktů, návrh obchodu, stránky produktu, košíku a pokladny.

### [Weby pro restaurace](https://canvaswp.com/cs/wordpress-themes/restaurant/)

Položky menu a rezervace, navíc demo Wine: vinařství, které prodává láhve přes stejné bloky obchodu.

### [Všechna odvětví](https://canvaswp.com/cs/wordpress-themes/)

Všech 88 dem, seskupených podle oborů, pro které jsou určena.
