Lookbook
Lookbook zamienia jeden obraz w scenę zakupową. Wgraj zdjęcie, przypnij na nim produkty WooCommerce jako hotspoty i osadź wynik przez [lookbook id="123"] lub blok Lookbook. Gdy klient aktywuje hotspot, pojawia się karta produktu z miniaturą, tytułem, bieżącą ceną i linkiem dodania do koszyka — kupuje wprost z obrazu.
Dlaczego warto
Dział zatytułowany „Dlaczego warto”Lookbook powstał dla sklepów, które sprzedają „całą stylizację”: zestawy ubrań, aranżacje wnętrz, przewodniki prezentowe, zdjęcia składników — wszędzie, gdzie kilka produktów żyje na jednym zdjęciu. Czyta dane produktu na żywo z WooCommerce, ładuje zasoby tylko tam, gdzie jest lookbook, nie używa jQuery i nie powoduje przeskoku układu. Darmowa edycja to pełny produkt GPL.
Najważniejsze
Dział zatytułowany „Najważniejsze”- Obraz zakupowy — przypnij dowolną liczbę produktów jako hotspoty na jednym obrazie.
- Prosty edytor hotspotów — pozycja przez X/Y w procentach, z podglądem na żywo.
- Dostępne znaczniki — prawdziwe przyciski, obsługa klawiatury, etykiety dla czytników ekranu.
- Popover z kartą produktu — miniatura, tytuł, bieżąca cena i link do koszyka.
- Trzy style znaczników — pulsująca kropka, plus lub numerowane.
- Shortcode
[lookbook id="N"]i blok Lookbook. - Dane WooCommerce na żywo — ceny i stany zawsze aktualne.
- Bezpieczny domyślnie — brak obrazu, brak hotspotów lub usunięte produkty renderują się czysto, nigdy zepsute.
- Szybki i schludny — bez przeskoku układu, bez jQuery, odroczony skrypt, gotowy do tłumaczenia, czysta deinstalacja, zgodny z HPOS oraz blokami koszyka i kasy.
Jak to działa
Dział zatytułowany „Jak to działa”- Utwórz lookbook w menu Lookbooks i ustaw jego obraz w polu Obrazek wyróżniający.
- Dodaj hotspot dla każdego produktu: pozycja przez X i Y w procentach (0–100 od lewego górnego rogu) oraz ID produktu. Podgląd na żywo pokazuje, gdzie ląduje każdy znacznik.
- Osadź przez
[lookbook id="123"]lub blok Lookbook.
Gdy klient aktywuje hotspot, otwiera się popover z kartą produktu. Usunięte lub niepublikowane produkty są pomijane — Lookbook nigdy nie renderuje znacznika dla produktu, którego już nie ma.
- Darmowa — obraz zakupowy, edytor hotspotów, dostępne znaczniki, popover z kartą produktu, trzy style znaczników, shortcode i blok.
- PRO (planowana) — wiele obrazów w jednym lookbooku, style animacji, hotspoty na wideo i analityka.
Kolejne kroki
Dział zatytułowany „Kolejne kroki”- Pierwsze kroki — instalacja, utworzenie lookbooka, dodanie hotspotów.