Motyw WordPress do e-commerce z katalogiem produktów
Tych 9 dem Canvas jest zbudowanych jako sklepy w pierwszej kolejności. Zaimportuj jedno z nich, a katalog, strony produktów, koszyk i realizacja zamówienia pojawią się w stylistyce tego dema, a 106 produktów demonstracyjnych czeka na wymianę.
Zaktualizowano
Dziewięć projektów sklepów, łącznie 115 stron
Każde z nich importuje się jako pełna witryna: produkty i ich kategorie, strony, menu, formularze oraz wszystkie ekrany WooCommerce, wszystko do edycji. Przed zakupem możesz je podejrzeć na żywo.
Demo Fashion Shop, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 25 stron
Demo Furniture, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 12 stron
Demo Drone, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 12 stron
Demo Wildroot Gear, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 14 stron · Co zostanie zainstalowane: bloki i typy treści z dema Wildroot Gear
Demo Speaker Store, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 11 stron
Demo Supplement Store, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 13 stron
Demo eBook, podgląd na żywo (otwiera się w nowej karcie)
Sklep i e-commerce · 9 stronDlaczego tu 9 sklepów, skoro na innych stronach podaje się 21 sklepów? Katalog zawiera 21 dem importujących działający sklep WooCommerce, a 9 sklepów na tej stronie to ogólne sklepy. Pozostałe dem to sklepy osadzone w innym typie witryny albo sprzedaż przez jeden sezon lub w jednym rzemiośle: Bag Store, Barber Shop, CanvasRoam, Christmas Store, Conference, Fashion Store, FORM 2026, Game of Canvas, Illustrator, Jewelry Boutique, Podcasts, Pottery Shop i Wine Estate. Wszystkie 21 dem jest na stronie WooCommerce.
Edytuj jeden rekord produktu, a wszystkie siatki zaktualizują się automatycznie
Strony kolekcji w demie są zbudowane z bloków sklepu Canvas odczytujących katalog WooCommerce, więc dodanie produktu lub zmiana ceny to edycja jednego rekordu, a każda siatka podąża za zmianą. Strony Men's Collections i Women's Collection w demie Clothing Store łączą filtr kategorii z filtrem zakresu cen.
- 41 produktów w demie Fashion Shop, 20 w Supplement Store i 16 w Furniture
- Siatki, karuzele, karty kategorii i filtr cen, każdy z możliwością pobierania treści z kategorii, tagu, wyszukiwania lub ręcznie wybranej listy
- Nadaj terminowi atrybutu kolor w panelu administracyjnym, a produkty wariantowe pokażą próbki kolorów zamiast listy rozwijanej.
- Dodanie do koszyka z siatki lub nakładki karty aktualizuje koszyk w nagłówku bez przeładowywania strony
Sklep, strona produktu, koszyk, finalizacja zakupu
Canvas dostarcza 24 bloki WooCommerce i 18 szablonów sklepu, więc każdy ekran, który ogląda kupujący, jest blokiem z panelem ustawień, a szablonów PHP do nadpisania już nie ma.
Sklep i kolekcje
Każde dema zawiera własne strony katalogowe, na przykład Kolekcje męskie i Kolekcja damska w Clothing Store albo Pierścionki, Kolczyki, Naszyjniki i Bransoletki w Jewelry Boutique.
Strona produktu
Pojedynczy produkt można wyświetlić w układzie domyślnym, jako przyklejone podsumowanie przewijające się wraz z galerią, w formie listy, w projekcie z dominującym kolorem lub w wariancie z panelem bocznym. Układ ustawia się dla każdego produktu osobno lub jako domyślny dla całego sklepu.
Koszyk i kasa
Bloki koszyka i finalizacji zamówienia z WooCommerce działają w obrębie układu strony dema, więc ekrany, na których przyjmowane są płatności, pozostają standardowe, a otaczająca je strona pasuje do sklepu.
Start z trzema produktami i katalog z 41 produktami
Dziewięć sklepów ma celowo różne rozmiary, bo start z jednym produktem i dom towarowy potrzebują innej nawigacji. Zacznij od sklepu o układzie najbliższym planowanemu i pomiń popołudnie spędzone na usuwaniu stron, które nigdy nie będą potrzebne.
- Clothing Store zawiera 19 stron, mega menu i 6 wpisów w dzienniku; Fashion Shop zawiera 25
- Wildroot Gear i eBook korzystają z nawigacji jednostronicowej w krótkim zakresie
- Jewelry Boutique dodaje strony o wysyłce, płatnościach i historii powstania biżuterii.
- Supplement Store dodaje blog, FAQ i stronę wsparcia; Drone dodaje strony z ofertami, filmami i akcesoriami; Speaker Store dodaje recenzje i wsparcie
Większość ruchu w sklepie nigdy nie widzi układu desktopowego
Katalog, filtry i finalizacja zamówienia powstają z tych samych responsywnych bloków, więc nie ma drugiego układu do utrzymania ani niczego, o czym można zapomnieć przy aktualizacji. Zrzut ekranu przedstawia demo Clothing Store w wersji domyślnej, o szerokości 390 pikseli.
- Canvas ładuje tylko CSS i JavaScript, których wymaga dana strona
- Pięć przełączników usuwa skrypty WooCommerce ze stron, które nic nie sprzedają, w tym cykliczne odpytywanie fragmentów koszyka
- Obrazy produktów otrzymują szerokość, wysokość, leniwe ładowanie i responsywne rozmiary z WordPress
- Nagłówek, pasek tytułu strony i stopka mają każdy własne reguły dla telefonów
Cztery rzeczy, których sklep potrzebuje poza stroną główną
Każda strona, jakiej potrzebuje sklep
Produkty i ich kategorie, strony kolekcji, strony polityk, menu i formularze są importowane razem, dzięki czemu sklep działa poprawnie, gdy podmienisz katalog na własny.
Edytowane bezpośrednio w WordPressie
Cena, odznaka, baner promocyjny: każdy z nich to pole bloku w edytorze, który dostarcza WordPress. Nie ma licencji kreatora stron do odnawiania razem z motywem.
Odwracalne
Canvas rejestruje wszystko, co zapisuje import. Usuń dane dema usuwa je ponownie, więc wypróbowanie drugiego projektu sklepu nie kosztuje nic poza popołudniem.
Pomoc przy tekstach w zestawie
Nikt nie lubi pisać opisów produktów. Canvas AI tworzy szkice i przepisuje tekst w każdym polu bloku, z miesięcznymi kredytami AI w planie Roczny.
Sprzedaż online, bez ogródek
Odpowiedzi, które obowiązują dla dziewięciu dem sklepów w takiej postaci, w jakiej są dostarczane.
Od którego z dziewięciu dem sklepowych warto zacząć?
Dopasuj demo sklepu Canvas do katalogu, który faktycznie masz. Clothing Store i Fashion Shop to duże katalogi mody z mega menu i stronami kolekcji. Furniture i Jewelry Boutique to sklepy z zakupami wymagającymi namysłu i długimi stronami produktów. Drone, Speaker Store i Supplement Store to mniejsze asortymenty z blogiem i stroną wsparcia. Wildroot Gear i eBook to jednostronicowe premiery dla kilku produktów. Każde demo to ten sam motyw pod spodem, więc wybierasz jedynie punkt wyjścia, bez żadnych dalszych zobowiązań.
Czy nadal potrzebna jest wtyczka WooCommerce?
Tak: WooCommerce prowadzi sklep, a Canvas go projektuje. WooCommerce przechowuje produkty, stany magazynowe, zamówienia, reguły podatkowe, strefy wysyłki i bramki płatności, więc inne wtyczki WooCommerce nadal działają. Canvas dodaje warstwę projektu: 24 bloki sklepu, 18 szablonów sklepu i 39 opcji sklepu. Wybierz demo sklepu w kreatorze konfiguracji, a WooCommerce zostanie zainstalowany i aktywowany przed uruchomieniem importu.
Dziś sprzedaję różne rzeczy. Czy import da mi drugi checkout?
Nie: importer Canvas wyszukuje istniejącą stronę sklepu, koszyk, finalizację zamówienia i stronę konta, a następnie kieruje menu i linki dema do tych stron. Nie tworzy zduplikowanego zestawu. Produkty i zamówienia pozostają nienaruszone, a wszystko, co import utworzył, usuniesz za pomocą opcji Delete Demo Data.
Czy bloki sklepu to osobny zakup?
Nie: wszystkie 24 bloki sklepu Canvas to bloki premium, a każdy plan obejmuje każdy blok premium, każdy szablon sklepu i wszystkie 21 dem sklepów. Nie ma poziomu e-commerce ani dodatku do sklepu. Gdzie indziej to powszechne: Shop Kit firmy Kadence jest dołączony do planów Pro i Elite, Widżety WooCommerce Elementora zaczynają się od planu Advanced Solo, a OceanWP sprzedaje Ocean eCommerce Pro jako osobny produkt.
Czego Canvas nie robi dla sklepu?
Canvas nie obsługuje sprzedaży. Płatności i podatki, stawki wysyłki, subskrypcje, rezerwacje, członkostwa, CRM: to wszystko należy do WooCommerce i jego rozszerzeń. Canvas projektuje sklep, stronę produktu, koszyk i realizację zamówienia, a następnie nie wchodzi w części, które obsługują pieniądze. Dlatego późniejsza zmiana motywu nie narusza zamówień.
Dla ilu witryn obowiązuje jedna licencja?
Każda licencja Canvas obejmuje nieograniczoną liczbę witryn i sieci multisite. Plan roczny kosztuje 79 USD rocznie, a plan dożywotni 299 USD jednorazowo. Plany różnią się rozliczeniem, aktualizacjami i kredytami AI, nigdy funkcjami, więc licencja na jeden sklep zawiera te same bloki co licencja dla agencji.
Otwórz sklep z katalogiem produktów
Jedna licencja obejmuje każde demo sklepu, każdy blok sklepu i każdy szablon sklepu. Zaimportuj jedno z nich z kreatora konfiguracji, a następnie zastąp produkty i zdjęcia z dema własnymi.