Afișați mai mult din produs dintr-o singură mișcare a cursorului.
Kowal Catalog Hover Image
Schimbați imaginea din lista de produse la trecerea cursorului peste imagine. Afișați o a doua vizualizare, un detaliu sau o altă latură a produsului fără a deschide pagina acestuia.
A doua imagine · Previzualizarea detaliilor · Setări per produs
CUM FUNCȚIONEAZĂ ÎN PRACTICĂ
01 · Alegeți a doua imagine În galeria produsului atribuiți imaginea rolului hover.
02 · Clientul trece cursorul peste imagine Lista afișează imaginea alternativă atribuită.
03 · Cursorul părăsește produsul Imaginea originală este afișată din nou.
Ce câștigă magazinul dumneavoastră?
Descoperiți funcțiile, utilizarea și setările modulului.
Descoperiți modulul
Catalog Hover Image este un modul pentru Magento 2 (versiunile 2.3.* și 2.4.*), care îmbogățește lista de produse cu o funcționalitate interactivă. La trecerea cursorului peste orice produs din listă, se afișează a doua imagine, așa-numita hover image, care poate fi setată individual pentru fiecare produs în panoul de administrare.
Funcțiile cheie ale modulului
Răsfoire interactivă a produselor: Le permite clienților să previzualizeze rapid o imagine alternativă a produsului fără a fi nevoie să acceseze pagina de detalii.
Configurare simplă: În panoul de administrare Magento puteți atribui o hover image fiecărui produs, ceea ce oferă control complet asupra prezentării sortimentului.
Creșterea atractivității vizuale a magazinului: Efectul dinamic de schimbare a imaginii la trecerea mouse-ului atrage atenția clienților și poate crește implicarea și ratele de conversie.
Beneficiile utilizării modulului
Îmbunătățirea experienței utilizatorului: Îi ajută pe clienți să cunoască produsul, ceea ce poate duce la decizii de cumpărare mai rapide.
Personalizarea prezentării produselor: Oferă posibilitatea de a arăta diferite aspecte ale produsului, precum alte culori, modele sau detalii.
Compatibilitate și fiabilitate: Modulul a fost testat și este pe deplin compatibil cu versiunile Magento 2.3.* și 2.4.*.
Cum funcționează
Instalarea modulului: Procesul de instalare este simplu și nu necesită cunoștințe tehnice avansate.
Setarea hover image: În panoul de administrare, accesați editarea produsului și adăugați o imagine suplimentară ca hover image.
Efectul pe pagina magazinului: La trecerea cursorului peste produsul din listă, a doua imagine setată se va afișa automat.
Suport și documentație
Instrucțiuni de instalare: Pașii detaliați de instalare sunt disponibili în documentația inclusă.
Suport tehnic: În cazul întrebărilor sau problemelor legate de modul, oferim suport tehnic profesionist.
Utilizarea modulului Catalog Hover Image este o modalitate simplă de a îmbunătăți funcționalitatea magazinului și de a crește satisfacția clienților printr-o prezentare mai interactivă și mai atractivă a produselor.
Rolul imaginii și comportamentul listei
Activați modulul în Stores → Configuration → Kowal → Hover Catalog Image. Imaginea atribuită se salvează în atributul hover_catalog. În lipsa acesteia, codul verifică miniatura produsului ca imagine de înlocuire.
După părăsirea imaginii, este restaurată imaginea inițială. Scriptul gestionează și actualizarea conținutului listei. Implementarea utilizează jQuery și RequireJS; integrarea cu o altă metodă de randare a listelor de produse trebuie adaptată la temă.
Instalare prin Composer
Pachet: kowal/hover-image; modul: Kowal_CatalogHoverImage. După configurarea accesului la repository-ul Kowal, instalați pachetul, activați modulul, efectuați actualizarea Magento și goliți cache-ul. Pentru modul de producție, includeți compilarea și implementarea conținutului static adecvate mediului.
De la configurare la efect
1. Alegeți a doua imagine În galeria produsului atribuiți imaginea rolului hover.
2. Clientul trece cursorul peste imagine Lista afișează imaginea alternativă atribuită.
3. Cursorul părăsește produsul Imaginea originală este afișată din nou.
Detaliul vizibil încă din catalog
Exemplu: imaginea principală arată produsul din față, iar imaginea hover arată partea din spate sau un prim-plan al materialului. Clientul descoperă mai multe detalii în timp ce răsfoiește lista.
Efectul este declanșat de cursor. Pe dispozitivele tactile, modul de prezentare trebuie verificat în tema utilizată.
Datele de acces la repository-ul Composer (adresa de e-mail a clientului și tokenul de licență) le veți primi prin e-mail după achiziție. Acestea sunt disponibile și în panoul clientului după autentificarea pe kowal.store. Înlocuiți TWOJ_EMAIL_KLIENTA cu adresa de e-mail a contului dumneavoastră, iar TWOJ_TOKEN cu tokenul primit. Executați comenzile în directorul rădăcină Magento.
Modulul permite afișarea celei de-a doua fotografii a produsului la trecerea cursorului peste miniatură în lista de produse (catalog)?
Answer
Da — modulul permite atribuirea pentru fiecare produs din Magento 2 a așa-numitei „hover image” (a doua imagini), care este afișată la trecerea cursorului peste produs în listă.
Question
În ce versiuni de Magento 2 funcționează acest modul?
Answer
Modulul este compatibil cu versiunile Magento 2.3.* și Magento 2.4.*.
Question
Instalarea modulului necesită modificarea fișierelor de bază Magento sau ale temei?
Answer
Nu — instalarea modulului nu necesită editarea fișierelor core Magento 2; funcționează ca extensie, conform arhitecturii Magento.
Question
Cum se face configurarea — trebuie să atribui manual a doua imagine pentru fiecare produs?
Answer
Da — administratorul din panoul Magento poate atribui fiecărui produs o imagine „hover image”, care va fi afișată la trecerea cursorului peste produs.
Question
Modulul afectează performanța magazinului?
Answer
Impactul este minim — deși adaugă efectul vizual „hover”, nu necesită o încărcare mare și nu încetinește semnificativ funcționarea magazinului, dacă imaginile sunt optimizate. (Cunoștințe generale despre acest tip de extensii)
Question
Efectul hover funcționează și pe dispozitivele mobile?
Answer
De obicei, efectul hover poate fi mai puțin intuitiv pe ecranele tactile (telefoane, tablete) — merită să verificați dacă modulul are un comportament adecvat „la atingere” sau să păstrați un comportament alternativ pe dispozitivele mobile.
Question
Pot seta ca efectul hover să funcționeze doar în anumite categorii sau pentru anumite grupuri de produse?
Answer
Deși descrierea principală a modulului menționează atribuirea unei imagini hover pentru produs, dacă ai nevoie de funcționare condiționată (de exemplu, doar pentru anumite categorii), merită să verifici documentația sau să întrebi producătorul despre disponibilitatea filtrelor.
Question
Poate acest efect vizual să ajute la conversie și la implicarea utilizatorilor?
Answer
Da — imaginea suplimentară afișată la trecerea cursorului permite clientului să vadă mai rapid o perspectivă alternativă a produsului (de ex. altă culoare, model, detaliu), ceea ce poate îmbunătăți experiența utilizatorului și poate crește șansa de cumpărare.
Question
Imaginea hover trebuie să fie un fișier nou sau poate fi una dintre imaginile produsului deja încărcate?
Answer
De obicei, poți folosi imaginile existente ca imagine hover — adică nu este neapărat necesar să încarci un fișier nou, dacă ai deja imaginea în galeria produsului. (Funcționalitate tipică pentru acest tip de module)
Question
După achiziționarea modulului primesc suport tehnic și actualizări?
Answer
Da — producătorul modulului declară că oferă actualizări gratuite și suport tehnic pentru extensiile sale.
