🔵 WordPress 7.0.x 🟣 WooCommerce 10.8 / 10.9 🔴 Elementor 4.1.x 🟠 ShopEngine Latest 🔷 Woo Blocks Ready

AAWEB Product Image Hover Swap for WooCommerce

Προσθέστε επαγγελματική εναλλαγή εικόνων στα προϊόντα WooCommerce

Το AAWEB Product Image Hover Swap for WooCommerce εμφανίζει αυτόματα τη δεύτερη εικόνα ενός προϊόντος όταν ο επισκέπτης περνάει το ποντίκι πάνω από την κάρτα προϊόντος.

Υποστηρίζει WooCommerce, Elementor, ShopEngine, WooCommerce Blocks και δυναμικά AJAX προϊόντα χωρίς να απαιτούνται αλλαγές στο θέμα ή στον κώδικα του καταστήματος.

Αν θέλετε ένα πιο σύγχρονο και ελκυστικό κατάστημα, το Hover Swap δίνει στους πελάτες τη δυνατότητα να δουν περισσότερες λεπτομέρειες κάθε προϊόντος χωρίς επιπλέον κλικ.

Δείτε το Plugin Συμβατότητα

Κύρια Χαρακτηριστικά

Αυτόματος Εντοπισμός Δεύτερης Εικόνας

Το plugin ανιχνεύει αυτόματα την πρώτη εικόνα από τη gallery του προϊόντος και τη χρησιμοποιεί ως εικόνα hover.

Υποστήριξη WooCommerce

Λειτουργεί στις σελίδες καταστήματος, κατηγοριών και αρχείων προϊόντων WooCommerce.

Elementor Compatible

Συμβατό με Elementor Product Grids και WooCommerce widgets.

ShopEngine Compatible

Περιλαμβάνει έτοιμη υποστήριξη για ShopEngine Product Lists.

WooCommerce Blocks Support

Συμβατό με σύγχρονα WooCommerce Product Grid Blocks.

AJAX & Infinite Scroll Support

Η λειτουργία συνεχίζει να δουλεύει ακόμη και όταν τα προϊόντα φορτώνονται δυναμικά μέσω AJAX ή infinite scroll.

MutationObserver Technology

Ανιχνεύει αυτόματα νέα προϊόντα που προστίθενται στη σελίδα και εφαρμόζει το hover effect χωρίς ανανέωση.

Mobile-Safe Σχεδίαση

Αποφεύγει προβλήματα εμφάνισης σε κινητές συσκευές και touch interfaces.

Desktop Only Mode

Δυνατότητα εφαρμογής του hover effect μόνο σε desktop περιβάλλον.

Custom Selectors

Υποστήριξη προσαρμοσμένων selectors για themes και builders που χρησιμοποιούν διαφορετική HTML δομή.

Εικόνες Λειτουργίας

Admin Screenshot

Admin Screenshot

AAWEB Hover Swap settings screen.
Front Screenshot

Front Screenshot

Example product card hover swap effect
Front Screenshot

Front Screenshot

Example product catalog/grid compatibility screen

ΣΥΜΒΑΤΟΤΗΤΑ

WooCommerce
Σχεδιασμένο αποκλειστικά για WooCommerce και πλήρως συμβατό με WooCommerce 10.x, προσφέροντας αυτόματη εναλλαγή εικόνων προϊόντων χωρίς τροποποιήσεις στο theme.
WordPress
Πλήρως συμβατό και δοκιμασμένο με WordPress 7.0.x.
PHP
Απαιτεί PHP 7.4+ και έχει δοκιμαστεί σε PHP 8.0, 8.1, 8.2, 8.3 και 8.4.
Elementor
Συμβατό με Elementor 4.1.x και WooCommerce Product Widgets χωρίς επιπλέον ρυθμίσεις.
ShopEngine
Περιλαμβάνει έτοιμη υποστήριξη για ShopEngine Product Listings και Product Grids.
WooCommerce Blocks
Συμβατό με τα σύγχρονα WooCommerce Product Blocks και Block-Based Product Grids.
AJAX Product Filters
Λειτουργεί με δυναμικά AJAX φίλτρα προϊόντων και ανανεώσεις περιεχομένου χωρίς reload σελίδας.
Infinite Scroll
Υποστηρίζει δυναμική φόρτωση προϊόντων μέσω Infinite Scroll και Load More μηχανισμών.
Dynamic Product Grids
Χρησιμοποιεί MutationObserver για αυτόματη ανίχνευση νέων προϊόντων που προστίθενται δυναμικά στη σελίδα.
Custom Selectors
Υποστηρίζει προσαρμοσμένους selectors για WooCommerce themes, builders και custom product cards.
Mobile Friendly
Βελτιστοποιημένο για Desktop, Tablet και Mobile συσκευές χωρίς προβλήματα σε touch περιβάλλοντα.
Performance Optimized
Ελαφρύ plugin με βελτιστοποιημένο JavaScript και CSS, χωρίς εξωτερικά frameworks ή περιττά requests.
Theme Friendly
Σχεδιασμένο ώστε να λειτουργεί με τα περισσότερα WooCommerce themes χωρίς τροποποίηση templates ή αρχείων του θέματος.
Automatic Gallery Detection
Ανιχνεύει αυτόματα τη δεύτερη εικόνα προϊόντος από τη WooCommerce Gallery χωρίς χειροκίνητες ρυθμίσεις.
Zero Configuration
Εγκατάσταση, ενεργοποίηση και άμεση λειτουργία χωρίς πολύπλοκες ρυθμίσεις ή τεχνικές γνώσεις.

Πώς Λειτουργεί

1

Εγκατάσταση

Εγκαταστήστε και ενεργοποιήστε το plugin μέσα από το WordPress Dashboard.
2

Αυτόματος Εντοπισμός Προϊόντων

Το plugin ανιχνεύει αυτόματα τις κάρτες προϊόντων WooCommerce χωρίς να απαιτείται καμία επιπλέον ρύθμιση.
3

Εύρεση Δεύτερης Εικόνας

Ανακτά αυτόματα την πρώτη διαθέσιμη εικόνα από τη συλλογή εικόνων (Product Gallery) κάθε προϊόντος.
4

Εφαρμογή Hover Effect

Όταν ο επισκέπτης μεταφέρει το ποντίκι πάνω από το προϊόν, η κύρια εικόνα αντικαθίσταται ομαλά από τη δεύτερη εικόνα.
5

Υποστήριξη Δυναμικού Περιεχομένου

Νέα προϊόντα που φορτώνονται μέσω AJAX φίλτρων, Infinite Scroll ή Product Grids ανιχνεύονται αυτόματα και αποκτούν το ίδιο hover effect χωρίς ανανέωση της σελίδας.

Συχνές Ερωτήσεις

Λειτουργεί με το Elementor;

Ναι. Περιλαμβάνει προεπιλεγμένους selectors για τις κάρτες προϊόντων του ShopEngine.

Λειτουργεί με τα WooCommerce Blocks;

Ναι. Περιλαμβάνει selectors για τα πιο συνηθισμένα πλέγματα προϊόντων των WooCommerce Blocks.

Λειτουργεί με AJAX φίλτρα ή Infinite Scroll;

Ναι. Ο DOM Observer μπορεί να ανιχνεύσει ανανεωμένα πλέγματα προϊόντων και να εφαρμόσει ξανά το εφέ εναλλαγής εικόνας κατά το hover.

Επηρεάζει τις διατάξεις σε κινητές συσκευές;

Όχι. Η προεπιλεγμένη λειτουργία μόνο για desktop απενεργοποιεί το hover σε συσκευές αφής και αποτρέπει την εμφάνιση δεύτερης εικόνας στα κινητά.

Από πού προέρχεται η δεύτερη εικόνα;

Το πρόσθετο χρησιμοποιεί την επιλεγμένη εικόνα από τη συλλογή εικόνων (gallery) του προϊόντος WooCommerce. Από προεπιλογή χρησιμοποιείται η πρώτη εικόνα της συλλογής.

Δωρεάν εργαλεία, ανοιχτή γνώση, συνεχής εξέλιξη.

Το περιεχόμενο και τα plugins του AAWEB διατίθενται δωρεάν. Αν θέλεις να συμβάλεις στη συντήρηση του site και στην ανάπτυξη νέων εργαλείων για την κοινότητα του WordPress και του WooCommerce, μπορείς να προσφέρεις μια προαιρετική δωρεά.

AAWEB Product Image Hover Swap for WooCommerce
v1.3.6