Pierwsze kroki
Pierwszy obraz zakupowy zwykle opublikujesz w kilka minut. Instalacja, utworzenie lookbooka, przypięcie produktów, osadzenie.
Zanim zaczniesz
Dział zatytułowany „Zanim zaczniesz”- WordPress 6.5 lub nowszy
- WooCommerce aktywne (HPOS oraz bloki koszyka i kasy wspierane)
- PHP 8.1 lub nowszy
Instalacja
Dział zatytułowany „Instalacja”- WooCommerce aktywne.
- Lookbook z katalogu (gdy będzie na WordPress.org) lub wgraj folder
lookbookdo/wp-content/plugins/. - Aktywuj wtyczkę.
Utwórz pierwszy lookbook
Dział zatytułowany „Utwórz pierwszy lookbook”- Wejdź w Lookbooks → Dodaj nowy.
- Ustaw Obrazek wyróżniający, to scena, którą klienci będą „kupować”.
- Dodaj hotspot dla każdego produktu:
- X i Y, procenty od lewego górnego rogu obrazu (0-100). Podgląd na żywo pokazuje dokładnie, gdzie ląduje znacznik.
- ID produktu, produkt WooCommerce do przypięcia.
- Opublikuj lookbook.
Znajdź ID lookbooka
Dział zatytułowany „Znajdź ID lookbooka”Otwórz listę Lookbooks i edytuj lookbook; ID jest w adresie URL (post=123). Użyj go w shortcode lub bloku.
Osadź go
Dział zatytułowany „Osadź go”[lookbook id="123"]Albo wstaw blok Lookbook w edytorze bloków i wybierz lookbook.
Globalna prezentacja
Dział zatytułowany „Globalna prezentacja”Otwórz WooCommerce → Lookbook, by ustawić domyślne:
- Pokaż cenę, przełącz bieżącą cenę w karcie produktu.
- Pokaż dodaj do koszyka, przełącz link do koszyka i dostosuj jego etykietę.
- Styl znacznika, pulsująca kropka, plus lub numerowane.
Sprawdzenie na froncie
Dział zatytułowany „Sprawdzenie na froncie”- Otwórz stronę, na której osadziłeś lookbook.
- Obraz powinien załadować się ze znacznikami hotspotów, bez przeskoku układu.
- Aktywuj znacznik (klik lub klawiatura), popover z kartą produktu powinien się otworzyć z miniaturą, tytułem, bieżącą ceną i koszykiem.
- Potwierdź, że usunięte lub niepublikowane produkty nie tworzą znacznika.
FREE vs PRO
Dział zatytułowany „FREE vs PRO”Darmowa edycja obejmuje obraz zakupowy, edytor hotspotów, dostępne znaczniki, popover z kartą produktu, trzy style znaczników oraz shortcode i blok.
Lookbook PRO dodaje wiele scen, galerię w hotspotach, hotspoty wideo, kolor markera i analitykę, nie podstawowy obraz zakupowy. Style animacji pozostają roadmapą.
Potrzebujesz pomocy?
Dział zatytułowany „Potrzebujesz pomocy?”- Przegląd Lookbook, funkcje i jak to działa
- GitHub
- Lookbook na plogins.com