9 Układów sklepowych
Układy katalogu WooCommerce: liczba kolumn i położenie paska bocznego, strony kategorii, strony filtrów, a następnie koszyk i finalizacja zamówienia.
Zaktualizowano
- 4 kolumny (otwiera się w nowej karcie)
- 3 kolumny (otwiera się w nowej karcie)
- 2 kolumny (otwiera się w nowej karcie)
- 1 kolumna (otwiera się w nowej karcie)
- Układy produktów (otwiera się w nowej karcie)
- Kategorie - Parallax (otwiera się w nowej karcie)
- Filtr kombinacji (otwiera się w nowej karcie)
- Koszyk (otwiera się w nowej karcie)
- Finalizacja zamówienia (otwiera się w nowej karcie)
Każdy link otwiera prawdziwą stronę w działającym pokazie, zbudowaną przy użyciu tego samego motywu i bloków, które można zainstalować.
Strony sklepu zbudowane z bloków i szablonów
WooCommerce prowadzi sklep: produkty, stany magazynowe, koszyk i płatności. Canvas projektuje strony, przez które przechodzi klient, a każdy z tych układów powstaje z elementów dostarczanych z motywem i jego wtyczką.
Kolumny katalogu
Strona czterokolumnowa to sama strona sklepu WooCommerce, renderowana przez szablon archiwum produktów motywu. Strony trzy-, dwu- i jednokolumnowe zawierają blok Canvas Products, którego ustawienie Kolumny decyduje o układzie wiersza, w obrębie strony korzystającej z jednego z czterech szablonów sklepu: pełna szerokość albo pasek boczny po lewej, po prawej lub po obu stronach.
Strona produktu
Produkt pobiera swój układ z szablonu, który wybierasz podczas edycji. Oprócz standardowej strony są wersje z paskiem bocznym po jednej lub obu stronach, przyklejonym podsumowaniem, próbkami kolorów i listą specyfikacji, a także szablon Linked Gallery, który jest też dostępny jako karuzela.
Banery kategorii
Zestaw pełnowysokościowych bloków Parallax Image, po jednym zdjęciu na kategorię, każdy przesuwający się podczas przewijania strony. Blok ma własną nakładkę i treść, więc nagłówek i przycisk mogą kierować klientów do tej części sklepu.
Filtr kombinacji
Blok Canvas Products z dwoma paskami Grid Filter nad nim, jeden oznaczony Wybierz kategorię, a drugi Sortuj według, dzięki czemu kupujący zawęża katalog do jednego typu i sortuje go od razu według nazwy lub ceny, bez przeładowania strony.
Koszyk
Koszyk w witrynie pokazowej korzysta z bloku Cart, który dołącza WooCommerce. Canvas dodaje własne bloki Cart Table i Cart Totals dla sklepu, który chce układać stronę koszyka blok po bloku.
Finalizacja zamówienia
Pusty koszyk nie ma finalizacji zamówienia do pokazania, dlatego ten link otwiera finalizację zamówienia dema Christmas Store, zbudowaną z bloków Canvas Checkout Billing i Canvas Checkout Order Review. To dema importuje się razem z produktami i tą finalizacją zamówienia.
Który układ sklepu najlepiej pasuje do katalogu
Pozwól, by wielkość katalogu decydowała o układzie. Niewielka liczba produktów z dobrymi zdjęciami wygląda najlepiej w szerokich kartach, po dwie lub trzy w rzędzie, albo w jednej kolumnie, gdy każdy produkt potrzebuje własnego akapitu. Duży katalog wymaga, by na ekranie zmieściło się więcej produktów naraz, do czego służy czterokolumnowa strona sklepu.
Filtr łączony sprawdza się, gdy klienci szukają na dwa sposoby naraz: według typu, a potem według ceny. Banery kategorii warto umieścić na stronie głównej lub w lookbooku, gdzie zdjęcie sprzedaje, zanim zrobi to siatka produktów.
Na stronie produktu wybierz szablon według tego, co skłania do zakupu. Odzież sprzedaje się dzięki kolorowi, dlatego wersja z próbkami kolorów ma swoje miejsce. Produkty techniczne sprzedają się dzięki szczegółom, do których służy lista specyfikacji, a przyklejone podsumowanie utrzymuje cenę i przycisk w zasięgu wzroku na długiej stronie.
21 witryn demo z 88 witryn demo importuje się jako sklepy WooCommerce, z gotowymi produktami, kategoriami oraz stronami koszyka i finalizacji zamówienia.
Funkcje sklepu
24 bloki WooCommerce i 18 szablonów sklepu, od galerii produktów po przegląd zamówienia.
Przewodnik krok po kroku
Produkty, strona sklepu, karta produktu, koszyk i finalizacja zamówienia, w kolejności, w jakiej je zbudujesz.
Dema sklepowe
Moda, ceramika, meble i wiele innych, każde z podglądem strona po stronie przed importem.
Reszta biblioteki
Zacznij od gotowej strony
Wszystkie 141 układów są dostępne w każdym planie, wraz z każdym blokiem i każdą witryną demo.