9 rozvržení pro obchod
Rozvržení katalogu WooCommerce: počty sloupců a pozice postranní lišty, stránky kategorií, stránky filtrů, poté košík a pokladna.
Aktualizováno
- 4 sloupce (otevře se v nové záložce)
- 3 sloupce (otevře se v nové záložce)
- 2 sloupce (otevře se v nové záložce)
- 1 sloupec (otevře se v nové záložce)
- Rozvržení produktů (otevře se v nové záložce)
- Kategorie - Parallax (otevře se v nové záložce)
- Filtr kombinací (otevře se v nové záložce)
- Košík (otevře se v nové záložce)
- Pokladna (otevře se v nové záložce)
Každý odkaz otevře skutečnou stránku na živé ukázce, vytvořenou stejnou šablonou a bloky, které nainstalujete.
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.
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.
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.
Dema obchodů
Móda, keramika, nábytek a další. Před importem si každé prohlédněte stránku po stránce.
Zbytek knihovny
Začněte z hotové stránky
Všech 141 rozvržení je součástí každého tarifu spolu s každým blokem a každým demo webem.