Zamieniaj zdjęcie na liście produktów po najechaniu kursorem na obraz. Pokaż drugi widok, detal lub inną stronę produktu bez otwierania jego karty.
Drugie zdjęcie · Podgląd detali · Ustawienia per produkt
JAK TO DZIAŁA W PRAKTYCE
01 · Wybierasz drugie zdjęcie W galerii produktu przypisujesz obraz do roli hover.
02 · Klient najeżdża na obraz Lista pokazuje przypisane zdjęcie alternatywne.
03 · Kursor opuszcza produkt Wyświetla się ponownie oryginalny obraz.
Co zyskuje Twój sklep?
Poznaj funkcje, zastosowanie i ustawienia modułu.
Poznaj moduł
Katalog Hover Image to moduł dla Magento 2 (wersje 2.3.* i 2.4.*), który wzbogaca listę produktów o interaktywną funkcjonalność. Po najechaniu kursorem na dowolny produkt na liście, wyświetli się drugie zdjęcie, tzw. hover image, które można indywidualnie ustawić dla każdego produktu w panelu administracyjnym.
Kluczowe funkcje modułu
Interaktywne przeglądanie produktów: Umożliwia klientom szybki podgląd alternatywnego zdjęcia produktu bez konieczności przechodzenia na stronę szczegółów.
Łatwa konfiguracja: W panelu administracyjnym Magento można przypisać hover image dla każdego produktu, co daje pełną kontrolę nad prezentacją asortymentu.
Zwiększenie atrakcyjności wizualnej sklepu: Dynamiczny efekt zmiany zdjęcia przy najechaniu myszką przyciąga uwagę klientów i może zwiększyć zaangażowanie oraz wskaźniki konwersji.
Korzyści z zastosowania modułu
Poprawa doświadczenia użytkownika: Ułatwia klientom zapoznanie się z produktem, co może prowadzić do szybszych decyzji zakupowych.
Personalizacja prezentacji produktów: Daje możliwość pokazania różnych aspektów produktu, takich jak inne kolory, wzory czy detale.
Kompatybilność i niezawodność: Moduł został przetestowany i jest w pełni kompatybilny z wersjami Magento 2.3.* i 2.4.*.
Jak to działa
Instalacja modułu: Proces instalacji jest prosty i nie wymaga zaawansowanej wiedzy technicznej.
Ustawienie hover image: W panelu administracyjnym przejdź do edycji produktu i dodaj dodatkowe zdjęcie jako hover image.
Efekt na stronie sklepu: Po najechaniu kursorem na produkt na liście, automatycznie wyświetli się ustawione drugie zdjęcie.
Wsparcie i dokumentacja
Instrukcje instalacji: Szczegółowe kroki instalacji są dostępne w dołączonej dokumentacji.
Wsparcie techniczne: W razie pytań lub problemów z modułem, zapewniamy profesjonalne wsparcie techniczne.
Zastosowanie modułu Katalog Hover Image to prosty sposób na ulepszenie funkcjonalności sklepu i zwiększenie satysfakcji klientów poprzez bardziej interaktywne i atrakcyjne prezentowanie produktów.
Rola obrazu i zachowanie listy
Moduł włączasz w Stores → Configuration → Kowal → Hover Catalog Image. Przypisane zdjęcie zapisuje się w atrybucie hover_catalog. Przy jego braku kod sprawdza miniaturę produktu jako obraz zastępczy.
Po opuszczeniu obrazu przywracane jest zdjęcie pierwotne. Skrypt obsługuje także aktualizację zawartości listy. Implementacja wykorzystuje jQuery i RequireJS; integrację z innym sposobem renderowania list produktów należy dopasować do motywu.
Instalacja przez Composer
Pakiet: kowal/hover-image; moduł: Kowal_CatalogHoverImage. Po skonfigurowaniu dostępu do repozytorium Kowal zainstaluj pakiet, włącz moduł, wykonaj aktualizację Magento i wyczyść cache. Dla trybu produkcyjnego uwzględnij kompilację oraz wdrożenie treści statycznych odpowiednie dla środowiska.
Od konfiguracji do efektu
1. Wybierasz drugie zdjęcie W galerii produktu przypisujesz obraz do roli hover.
2. Klient najeżdża na obraz Lista pokazuje przypisane zdjęcie alternatywne.
3. Kursor opuszcza produkt Wyświetla się ponownie oryginalny obraz.
Detal widoczny już w katalogu
Przykład: zdjęcie główne pokazuje produkt z przodu, a obraz hover jego tył lub zbliżenie materiału. Klient poznaje więcej szczegółów podczas przeglądania listy.
Efekt jest wywoływany kursorem. Na urządzeniach dotykowych sposób prezentacji należy sprawdzić w używanym motywie.
Dane dostępowe do repozytorium Composer (adres e-mail klienta i token licencyjny) otrzymasz e-mailem po zakupie. Są również dostępne w panelu klienta po zalogowaniu na kowal.store. Zastąp TWOJ_EMAIL_KLIENTA adresem e-mail swojego konta, a TWOJ_TOKEN otrzymanym tokenem. Polecenia wykonaj w katalogu głównym Magento.
Czy moduł pozwala na wyświetlanie drugiego zdjęcia produktu po najechaniu kursorem na miniaturę na liście produktów (katalogowych)?
Odpowiedź
Tak — moduł umożliwia przypisanie do każdego produktu w Magento 2 tzw. „hover image” (drugiego obrazu), który zostaje pokazany po najechaniu kursorem na produkt w liście.
Pytanie
W jakich wersjach Magento 2 działa ten moduł?
Odpowiedź
Moduł jest kompatybilny z wersjami Magento 2.3.* oraz Magento 2.4.*.
Pytanie
Czy instalacja modułu wymaga modyfikacji plików rdzenia Magento lub motywu?
Odpowiedź
Nie — instalacja modułu nie wymaga edycji plików core Magento 2; działa jako rozszerzenie zgodnie z architekturą Magento.
Pytanie
Jak wygląda konfiguracja — czy muszę przypisać drugie zdjęcie ręcznie dla każdego produktu?
Odpowiedź
Tak — administrator w panelu Magento może przypisać dla każdego produktu obraz „hover image”, który będzie wyświetlany przy najechaniu kursorem.
Pytanie
Czy moduł wpływa na wydajność sklepu?
Odpowiedź
Wpływ jest minimalny — choć dodaje efekt wizualny „hover”, nie wymaga dużego obciążenia i nie powoduje znacznego wolniejszego działania sklepu, jeśli obrazki są zoptymalizowane. (Ogólna wiedza o tego typu rozszerzeniach)
Pytanie
Czy efekt hover działa także na urządzeniach mobilnych?
Odpowiedź
Opisany efekt działa po najechaniu kursorem na obraz i przywraca zdjęcie po opuszczeniu go. Nie potwierdzono osobnego trybu dotykowego. Na telefonach i tabletach sprawdź sposób prezentacji w używanym motywie.
Pytanie
Czy mogę ustawić, by efekt hover działał tylko w określonych kategoriach lub dla określonych grup produktów?
Odpowiedź
Choć główny opis modułu mówi o przypisywaniu obrazka hover dla produktu, jeśli potrzebujesz warunkowego działania (np. tylko dla konkretnych kategorii) — warto sprawdzić dokumentację lub zapytać producenta o dostępność filtrów.
Pytanie
Czy ten efekt wizualny może pomóc w konwersji i zaangażowaniu użytkowników?
Odpowiedź
Tak — dodatkowy obraz po najechaniu pozwala klientowi szybciej obejrzeć alternatywną perspektywę produktu (np. inny kolor, wzór, detal), co może poprawić doświadczenie użytkownika i zwiększyć szansę zakupu.
Pytanie
Czy zdjęcie hover musi być nowym plikiem, czy może być jednym z już załadowanych zdjęć produktu?
Odpowiedź
Możesz przypisać obraz w galerii produktu do roli hover_catalog; nie trzeba traktować go jako osobnego zdjęcia spoza galerii. Przy braku tej wartości kod sprawdza miniaturę produktu jako obraz zastępczy.
Pytanie
Czy po zakupie modułu otrzymuję wsparcie techniczne i aktualizacje?
Odpowiedź
Tak — producent modułu deklaruje darmowe aktualizacje oraz wsparcie techniczne dla swoich rozszerzeń.
