Opis

Lookwick zamienia pojedynczy obrazek w scenę z możliwością zakupów. Prześlij zdjęcie, przypnij do niego swoje produkty WooCommerce jako punkty aktywne i osadź wynik w dowolnym miejscu za pomocą shortcode’u. Gdy kupujący aktywuje punkt aktywny, pojawia się mała karta produktu z miniaturą, tytułem, ceną i odnośnikiem dodawania do koszyka, dzięki czemu mogą kupować bezpośrednio z obrazka.

Jest stworzony dla sklepów, które sprzedają stylizacje: modne stroje, zestawy pokojowe, przewodniki po prezentach, zdjęcia składników przepisów – wszędzie tam, gdzie kilka produktów znajduje się na jednym obrazku.

Kod jest rozwijany otwarcie. Przeglądaj go lub zgłoś błąd pod adresem
github.com/wppoland/plogins-lookbook.

Dokumentacja i odnośniki

Dokumentacja: plogins.com/plogins-lookbook/docs/
Strona wtyczki: plogins.com/plogins-lookbook/
Kod źródłowy: github.com/wppoland/plogins-lookbook
Zgłoszenia błędów i prośby o nowe funkcje: github.com/wppoland/plogins-lookbook/issues

Jak to działa

Utwórz lookbook w menu Lookbooki i ustaw jego obrazek za pomocą pola Obrazek wyróżniający.
Dodaj punkt aktywny dla każdego produktu: pozycjonuj go za pomocą procentu X i Y oraz
wprowadź identyfikator produktu.
Osadź go za pomocą [lookbook id="123"].

Funkcje

Obrazek z możliwością zakupów: przypnij dowolną liczbę produktów jako punkty aktywne do jednego obrazka.
Prosty edytor punktów aktywnych: pozycjonuj każdy produkt według procentu X/Y.
Dostępne znaczniki punktów aktywnych: prawdziwe przyciski, obsługiwane klawiaturą, z etykietami dla czytników ekranu.
Wyskakująca karta produktu z miniaturą, tytułem, aktualną ceną i odnośnikiem dodawania do koszyka.
Shortcode [lookbook id="N"], plus widżet Lookbook z możliwością zakupów dla Elementora, który przyjmuje identyfikator lookbooka.
Odczytuje dane produktów na żywo z WooCommerce, więc ceny i stany magazynowe są zawsze aktualne.
Degraduje się czysto: lookbook bez obrazka, bez punktów aktywnych lub tylko z usuniętymi produktami renderuje nic lub tylko obrazek, nigdy uszkodzony kod.
CSS dostosowuje się do jasnych i ciemnych schematów kolorów oraz uwzględnia prefers-reduced-motion.
Brak przesunięć układu, bez jQuery, zasoby wczytują się tylko tam, gdzie pojawia się lookbook.
Gotowy do tłumaczenia (plik POT w zestawie) i czysta deinstalacja.
Zgodny z HPOS i blokami koszyka/zamówienia.

Usługi zewnętrzne

Lookwick nie łączy się z żadną zewnętrzną usługą. Tworzy obrazek z możliwością zakupów na podstawie danych już znajdujących się w twojej witrynie: sam wpis lookbooka (niestandardowy typ treści lookbook), jego obrazek wyróżniający z twoich multimediów, punkty aktywne przechowywane w meta wpisu _lookbook_hotspots, oraz opcje prezentacji zapisane w opcji lookbook_settings. Tytuły produktów, ceny, miniatury i odnośniki dodawania do koszyka są odczytywane na żywo z twojego własnego sklepu WooCommerce. Nic o twoich produktach, kupujących ani zamówieniach nie jest wysyłane poza witrynę, a wtyczka nie wczytuje żadnych czcionek, skryptów ani analityki stron trzecich.

Tłumaczenia

Lookwick jest w pełni przetłumaczalny i zawiera szablon lookwick.pot. Tłumaczenia są dostarczane przez pakiety językowe WordPress.org z translate.wordpress.org, gdzie są tworzone tłumaczenia na polski, niemiecki i hiszpański; sam pakiet nie zawiera skompilowanych plików tłumaczeń.

Zrzuty ekranu

Lookbook z możliwością zakupów na witrynie sklepu z hotspotami produktów i otwartą kartą produktu.

Edytor hotspotów na ekranie Edycji Lookbooka. — Lookbook z możliwością zakupów na witrynie sklepu z hotspotami produktów i otwartą kartą produktu.

Instalacja

Prześlij wtyczkę do /wp-content/plugins/lookwick, lub zainstaluj poprzez Wtyczki > Utwórz.
Włącz ją. WooCommerce musi być zainstalowany i aktywny.
Utwórz swój pierwszy lookbook w sekcji Lookbooks > Utwórz: ustaw obrazek wyróżniający, a następnie dodaj aktywne punkty produktów.
Dostosuj globalną prezentację w sekcji WooCommerce > Lookwick.
Osadź lookbook za pomocą [lookbook id="123"].

Najczęściej zadawane pytania

Czy wymaga WooCommerce?: Tak. Lookwick działa tylko wtedy, gdy WooCommerce jest aktywny, a aktywne punkty prowadzą do
produktów WooCommerce.
Jak znaleźć identyfikator lookbooka?: Otwórz listę Lookbooków w menu Lookbooks; identyfikator jest widoczny podczas edycji
(post=123 w adresie URL). Użyj go w shortcode.
Jak pozycjonuję aktywny punkt?: Każdy aktywny punkt ma wartość X i Y, obie jako procenty od lewego górnego rogu
obrazka (0-100), dzięki czemu możesz dopasować znaczniki do produktów na zdjęciu.
Co się stanie, jeśli przypięty produkt zostanie usunięty?: Ten aktywny punkt jest po prostu pomijany. Lookwick nigdy nie renderuje znacznika dla produktu,
który został usunięty lub jest nieopublikowany.
Czy mogę wyświetlić cenę i przycisk dodania do koszyka?: Tak. Oba są przełącznikami w sekcji WooCommerce > Lookwick, i możesz dostosować etykietę
dodania do koszyka.
Czy spowolni moje strony lub przesunie układ?: Nie. Arkusz stylów i skrypt wczytują się tylko na stronach, które faktycznie renderują lookbook,
skrypt jest odroczony, a obrazek rezerwuje swoje miejsce, więc nie ma
skumulowanego przesunięcia układu.
Czy ta wtyczka działa na WordPress Multisite?: Tak. Ta wtyczka jest zgodna z WordPress Multisite. Włącz ją w sieci lub włącz na poszczególnych witrynach; każda witryna zachowuje własne ustawienia i dane.

Recenzje

Wtyczka nie ma jeszcze żadnej recenzji.

Kontrybutorzy i deweloperzy

„Lookwick – Lookbook z możliwością zakupów dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Mariusz Szatkowski

Wtyczka „Lookwick – Lookbook z możliwością zakupów dla WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Lookwick – Lookbook z możliwością zakupów dla WooCommerce” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.2.0

Nowość: widżet Lookbooka z możliwością zakupów dla Elementora. Upuść go na stronę i wprowadź identyfikator lookbooka; renderuje on ten sam kod HTML co shortcode [lookbook]. Widżet ładuje się tylko, gdy Elementor jest aktywny.

1.1.4

Powiadomienia o aktualizacji etykiety „Wkrótce” i „Powiadom mnie” są angielskimi ciągami źródłowymi dla każdego języka; polskie witryny otrzymywały własny polski tekst źródłowy, który tłumacze w innych językach widzieli następnie jako nieprzetłumaczony.

1.1.3

Wiersze hotspotów są sanitowane w momencie odczytu z edytora lookbooka, zanim każde pole zostanie zwalidowane.

1.1.2

Zmieniono nazwę na Lookwick, prosta angielska nazwa zamiast esperanto. Domena tekstowa i katalog wtyczki są zgodne z nazwą; przechowywane ustawienia, opcje i każdy hak pozostają bez zmian.

1.1.1

Promocja aktualizacji w panelu bocznym stosuje teraz to samo odrzucenie, co baner. Odrzucenie banera pozostawiało na ekranie ustawień reklamę o pełnej wysokości na stałe, co nie jest zgodne z wytycznymi WordPress.org dotyczącymi monitów o aktualizację, które mówią o umiarkowanym użyciu.

1.1.0

Zmieniono nazwę na Bildaro. Zespół recenzentów WordPress.org prosi, aby nazwa wtyczki zaczynała się od wyróżniającego, wymyślonego identyfikatora, a nie od ogólnego słowa opisowego. Bildaro to w Esperanto zestaw obrazków. Domena tekstowa jest zgodna z nazwą; przechowywane dane, ustawienia i każdy hak pozostają bez zmian.

1.0.12

Zabezpieczenia (niski): obrazek karty lookbooka jest escapowany po filtrze lookbook/card_image_html, a nie przed nim. Domyślny obrazek był sanitowany w drodze do filtra, więc cokolwiek zwróciła funkcja zwrotna, trafiało na stronę bez sprawdzenia.
Naprawiono: ucieczka obrazka przez listę dozwolonych elementów kodu samego WordPressa usuwała srcset, sizes i decoding, więc karta wyświetlała jeden stały rozmiar obrazka zamiast responsywnego zestawu zbudowanego przez WooCommerce. Lista dozwolonych elementów teraz je zachowuje i zachowuje atrybuty video, których używają hotspoty wideo płatnej edycji.

1.0.11

Naprawiono: promocja aktualizacji PRO nadal sprzedawała osobom, które już kupiły płatną edycję. Tylko baner mógł zostać odrzucony, więc promocja w panelu bocznym i zablokowane karty funkcji podążały za płacącym klientem na zawsze. Promocja sprawdza teraz, czy płatna edycja jest aktywna i wycofuje się, gdy tak jest.
Naprawiono: glify strzałek w ścieżkach menu administratora oraz w ciągach znaków przekazywanych tłumaczom. Strzałka wewnątrz ciągu znaków przeznaczonego do tłumaczenia sprawia, że glif staje się problemem każdego tłumacza i zmienia układ w każdych ustawieniach regionalnych, które go pomijają.

1.0.10

Naprawiono: usunięcie wtyczki pozostawiało flagę „odrzuć” dla każdego użytkownika z powiadomienia PRO w bazie danych. Deinstalacja usuwa ją teraz dla każdego użytkownika, nie tylko dla tego, który ją odrzucił.

1.0.9

Szablon tłumaczeń został ponownie wygenerowany. Nadal odnosił się do starszej wersji wtyczki i wskazywał na linie źródłowe, które od tego czasu się przesunęły, co jest odczytywane przez narzędzia tłumaczeniowe, aby pokazać ciąg znaków w kontekście.

1.0.8

Zmieniono nazwę na Plogins Lookbook – Shoppable Lookbook for WooCommerce, aby nazwa zaczynała się od marki, a nie od ogólnego słowa, o co prosi zespół recenzentów wtyczek WordPress.org. Uproszczona nazwa wtyczki pozostaje bez zmian.

1.0.7

Przetestowano z WordPress 7.1. Zweryfikowano poprzez włączanie tej kompilacji na czystej instalacji 7.1 z WooCommerce 11.1, nie poprzez edycję nagłówka.

1.0.6

Naprawiono promocję PRO na ekranie ustawień podającą cenę w PLN. PRO jest wyceniane i pobierane w EUR, więc administratorowi na polskiej witrynie wyświetlano kwotę w złotych, a następnie obciążano go w euro, a kwota w złotych była stałą konwersją, która odbiegała od rzeczywistej opłaty wraz ze zmianą kursu. Promocja pokazuje teraz cenę w euro, która jest faktycznie pobierana.

1.0.4

Tłumaczenia: ukończono polskie, niemieckie i hiszpańskie dla panelu aktualizacji PRO.

1.0.3

Naprawiono nagłówki panelu administracyjnego o niskim kontraście przy preferencjach trybu ciemnego systemu operacyjnego.

1.0.2

Dodano dołączone tłumaczenia polskie, niemieckie i hiszpańskie dla interfejsu wtyczki.

1.0.1

Pierwsze stabilne wydanie.

0.1.5

Zmieniono nazwę na Plogins Lookbook for WooCommerce dla bardziej wyróżniającej się nazwy wtyczki.

0.1.4

Wywołaj lookbook/rendered po wyrenderowaniu szablonu lookbooka i udostępnij data-lookbook-id w elemencie głównym dla analityki dodatków.

0.1.3

Dodaj atrybuty danych hotspota oraz zdarzenie front-endowe lookbook:hotspot-opened dla bezpiecznej dla prywatności analityki dodatków.

0.1.2

Dodaj filtr lookbook/scene_media_html i wsparcie dla scen filmowych (media_type, video_url, video_id) za pośrednictwem lookbook/scenes.
Dodaj filtr lookbook/sanitize_hotspot i przekaż kontekst hotspota do lookbook/card_image_html dla znaczników filmów dodatków.
Dodaj akcje lookbook/admin_hotspot_row_*, aby Pro mogło rozszerzyć edytor hotspotów.

0.1.1

Dodaj filtr lookbook/card_image_html, aby umożliwić dodatkom dostosowanie wyjścia galerii/miniatur karty produktu.
Dodaj filtr lookbook/scenes, aby dodatki mogły dołączać dodatkowe obrazki z możliwością zakupów do lookbooka.

0.1.0

Pierwsze wydanie: lookbooki z możliwością zakupów z obrazkiem, hotspotami produktów pozycjonowanymi procentowo, dostępnym wyskakującym okienkiem karty produktu oraz shortcodem [lookbook].