# 9 rozvržení pro obchod URL: https://canvaswp.com/cs/templates/shop/ Updated: 2026-11-03 Předlohy Rozvržení katalogu WooCommerce: počty sloupců a pozice postranní lišty, stránky kategorií, stránky filtrů, poté košík a pokladna. [Otevřít živou ukázku](https://demos.canvaswp.com/classic/) [Procházet dema webů](https://canvaswp.com/cs/demos/) Aktualizováno 3. listopadu 2026 - [4 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop/) - [3 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-3/) - [2 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-2-right-sidebar/) - [1 sloupec (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-1/) - [Rozvržení produktů (otevře se v nové záložce)](https://demos.canvaswp.com/classic/product/pink-printed-dress/) - [Kategorie - Parallax (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-category-parallax/) - [Filtr kombinací (otevře se v nové záložce)](https://demos.canvaswp.com/classic/shop-combination-filter/) - [Košík (otevře se v nové záložce)](https://demos.canvaswp.com/classic/cart/) - [Pokladna (otevře se v nové záložce)](https://demos.canvaswp.com/xmas/xmas-checkout/) Každý odkaz otevře skutečnou stránku na živé ukázce, vytvořenou stejnou šablonou a bloky, které nainstalujete. Z čeho se každá stránka skládá ## Stránky obchodu sestavené z bloků a předloh WooCommerce řídí obchod: produkty, sklad, košík a platby. Canvas navrhuje stránky, jimiž nakupující prochází, a každé z těchto rozvržení vychází z dílů, které se dodávají se šablonou a jejím pluginem. ### Sloupce katalogu Čtyřsloupcová stránka je samotnou stránkou obchodu WooCommerce, vykreslenou šablonou archivu produktů motivu. Tří-, dvou- a jednosloupcové stránky obsahují blok Canvas Products, jehož nastavení Sloupce určuje rozložení řádku, a to uvnitř stránky, která používá jednu ze čtyř šablon obchodu: na celou šířku, nebo s postranním panelem vlevo, vpravo či na obou stranách. ### Stránka produktu Produkt převezme rozvržení z předlohy, kterou vyberete při úpravách. Kromě standardní stránky jsou k dispozici verze s postranní lištou vlevo, vpravo nebo na obou stranách, s přilepeným souhrnem, barevnými vzorníky a seznamem specifikací, a předloha Linked Gallery, která je k dispozici také jako karusel. ### Bannery kategorií Sada celovýškových bloků Parallax Image, jeden obrázek na kategorii, přičemž každý se při posouvání stránky pohybuje. Blok má vlastní překryv a obsah, takže nadpis a tlačítko mohou nakupující přesměrovat do dané části obchodu. ### Kombinovaný filtr Blok Canvas Products se dvěma lištami Grid Filter nad ním, jedna s popiskem Vyberte kategorii a druhá s popiskem Seřadit podle, takže zákazník okamžitě zúží katalog na jeden typ a seřadí jej podle názvu nebo ceny bez načítání stránky. ### Košík Ukázkový košík používá blok Košík, který dodává WooCommerce. Canvas přidává vlastní bloky Canvas Cart Table a Canvas Cart Totals pro obchody, které chtějí rozvrhnout stránku košíku blok po bloku. ### Pokladna Prázdný košík nemá žádnou pokladnu k zobrazení, proto tento odkaz otevře pokladnu dema Christmas Store, sestavenou z bloků Canvas Checkout Billing a Checkout Order Review. Dema se při importu načte včetně produktů a této pokladny. Výběr ## Které rozložení obchodu se hodí vašemu katalogu Nechte o rozvržení rozhodnout velikost katalogu. Malý výběr produktů se silnými fotografiemi vypadá nejlépe v širokých kartách, tedy po dvou nebo třech v řádku, nebo v jednom sloupci, pokud každý produkt potřebuje vlastní odstavec. Velký katalog potřebuje na obrazovce najednou víc, k čemuž slouží čtyřsloupcová stránka obchodu. Použijte kombinovaný filtr, když nakupující přemýšlejí dvěma způsoby zároveň: podle typu a pak podle ceny. Umístěte bannery kategorií na úvodní stránku nebo lookbook, kde obrázek prodává dřív, než to udělá mřížka produktů. Na stránce produktu vyberte šablonu podle toho, co zákazníky přiměje ke koupi. Oblečení se prodává díky barvě, proto se hodí verze s výběrem barevných vzorků. Technické produkty se prodávají díky detailům, pro které slouží seznam specifikací, a plovoucí souhrn udrží cenu a tlačítko v zorném poli i na dlouhé stránce. 21 z 88 demo webů se importuje jako obchod WooCommerce včetně produktů, kategorií a hotových stránek košíku a pokladny. ### Funkce obchodu 24 bloků WooCommerce a 18 šablon obchodu, od galerie produktů po přehled objednávky. - [WooCommerce v Canvas](https://canvaswp.com/cs/woocommerce/) ### Postup krok za krokem Produkty, stránka obchodu, stránka produktu, košík a pokladna, v tom pořadí, v jakém byste je vytvářeli. - [Založte obchod s WooCommerce](https://canvaswp.com/cs/guides/start-a-woocommerce-store-with-wordpress/) ### Dema obchodů Móda, keramika, nábytek a další. Před importem si každé prohlédněte stránku po stránce. - [Porovnání dem pro e-commerce](https://canvaswp.com/cs/wordpress-themes/ecommerce/) Další předlohy ## Zbytek knihovny - [Předlohy stránek 13](https://canvaswp.com/cs/templates/page-templates/) - [Shortcody a prvky 57](https://canvaswp.com/cs/templates/shortcodes/) - [Rozložení portfolia 27](https://canvaswp.com/cs/templates/portfolio/) - [Rozvržení blogu 35](https://canvaswp.com/cs/templates/blog/)