9 kompletních dem

WordPress šablona pro e-commerce s katalogem produktů

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ě.

Aktualizováno

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.

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.

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
Mobilní zobrazení stránky Men's Collections z dema Clothing Store, s filtrem kategorií a filtrem cenového rozpětí nad mřížkou produktů
Č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

Š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

Domovská stránka dema Nábytek, obchod WooCommerce pro prodej a pronájem nábytku
Domovská stránka dema Obchod s oblečením na telefonu se sliderem na celou obrazovku a košíkem v hlavičce
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 je součástí jejich tarifů Pro a Elite, widgety WooCommerce od Elementoru začínají u tarifu Advanced Solo a OceanWP prodává Ocean eCommerce Pro 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.

Otevřete obchod s katalogem produktů

Jedna licence pokrývá všechna dema obchodů, všechny bloky obchodů a všechny šablony obchodů. Importujte jedno z nich v průvodci nastavením a poté místo ukázkových produktů a obrázků dema vložte vlastní.