Περιγραφή
Το AAWEB Product Image Hover Swap for WooCommerce εμφανίζει μια δευτερεύουσα εικόνα προϊόντος όταν οι επισκέπτες περνούν τον δείκτη πάνω από μια κάρτα προϊόντος.
Απαιτεί WooCommerce. Το plugin έχει σχεδιαστεί για σελίδες καταλόγου WooCommerce, σελίδες κατηγοριών προϊόντων, πλέγματα προϊόντων Elementor, λίστες προϊόντων ShopEngine, WooCommerce Blocks, λίστες προϊόντων που ανανεώνονται μέσω AJAX και συμβατές διατάξεις καρτών προϊόντων.
Κύρια χαρακτηριστικά:
- Αυτόματος εντοπισμός της δεύτερης εικόνας γκαλερί.
- Εισαγωγή μέσω WooCommerce loop hook.
- Εναλλακτική φόρτωση μέσω AJAX DOM για προσαρμοσμένες κάρτες προϊόντων.
- Υποστήριξη MutationObserver για AJAX φίλτρα και ανανεωμένα πλέγματα προϊόντων.
- Λειτουργία hover μόνο για υπολογιστές.
- Συμπεριφορά ασφαλής για κινητές συσκευές ώστε να αποφεύγεται η εμφάνιση διπλών εικόνων.
- Περιτύλιξη μόνο εικόνων ώστε οι εικόνες hover να μην καλύπτουν τίτλους, τιμές ή ετικέτες.
- Συμβατότητα με λίστες προϊόντων ShopEngine.
- Προσαρμοσμένοι selectors για κάρτες προϊόντων, συνδέσμους προϊόντων και εικόνες.
- Έτοιμο για μεταφράσεις.
- Καθαρή απεγκατάσταση με αφαίρεση ρυθμίσεων.
Αναπτύχθηκε από την AAWEB — Apostolou Antonios.
Στιγμιότυπα
Εγκατάσταση
- Ανεβάστε τον φάκελο του plugin στο
/wp-content/plugins/ή εγκαταστήστε το αρχείο ZIP από τον πίνακα διαχείρισης του WordPress. - Ενεργοποιήστε το plugin από τη σελίδα Πρόσθετα.
- Βεβαιωθείτε ότι το WooCommerce είναι εγκατεστημένο και ενεργό.
- Μεταβείτε στο WooCommerce AAWEB Hover Swap.
- Προσαρμόστε τους selectors μόνο αν το θέμα ή ο builder σας χρησιμοποιεί προσαρμοσμένη δομή κάρτας προϊόντος.
Συχνές Ερωτήσεις
-
Λειτουργεί με Elementor;
-
Ναι. Υποστηρίζει συνηθισμένα Elementor WooCommerce product widgets και μπορεί επίσης να λειτουργήσει με προσαρμοσμένες διατάξεις μέσω των ρυθμίσεων selectors.
-
Λειτουργεί με ShopEngine;
-
Ναι. Περιλαμβάνει προεπιλεγμένους selectors για κάρτες προϊόντων του ShopEngine.
-
Λειτουργεί με WooCommerce Blocks;
-
Ναι. Περιλαμβάνει selectors για συνηθισμένα WooCommerce block product grids.
-
Λειτουργεί με AJAX φίλτρα ή infinite scroll;
-
Ναι. Η παρακολούθηση DOM μπορεί να ανιχνεύσει ανανεωμένα πλέγματα προϊόντων και να εφαρμόσει ξανά το εφέ hover.
-
Επηρεάζει τις διατάξεις σε κινητές συσκευές;
-
Τα εφέ hover εφαρμόζονται αυτόματα μόνο σε συσκευές που υποστηρίζουν πραγματικό hover, ώστε να αποφεύγεται η ανεπιθύμητη συμπεριφορά σε συσκευές αφής.
-
Από πού προέρχεται η δεύτερη εικόνα;
-
Το plugin χρησιμοποιεί την επιλεγμένη εικόνα από τη γκαλερί προϊόντος του WooCommerce. Από προεπιλογή χρησιμοποιείται η πρώτη εικόνα της γκαλερί.
Κριτικές
Δεν υπάρχουν αξιολογήσεις για αυτό το πρόσθετο.
Συνεισφέροντες & Προγραμματιστές
“AAWEB Product Image Hover Swap for WooCommerce” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.
Συντελεστές
Το “AAWEB Product Image Hover Swap for WooCommerce” έχει μεταφραστεί σε 1 γλώσσα. Ευχαριστούμε τους μεταφραστές για τις συνεισφορές τους.
Μεταφράστε το “AAWEB Product Image Hover Swap for WooCommerce” στην γλώσσα σας.
Ενδιαφέρεστε για την ανάπτυξη;
Περιηγηθείτε στον κώδικα, ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών ανάπτυξης μέσω RSS .
Σύνοψη αλλαγών
1.3.11
- Declared compatibility with WooCommerce High-Performance Order Storage (HPOS).
- Updated compatibility metadata for WordPress 7.1 and WooCommerce 11.1.
- No changes to hover-swap frontend behavior from version 1.3.10.
1.3.10
- Prevented AJAX second-image requests on touch devices that cannot display the hover effect.
- Kept image wrapping active on mobile to preserve layout compatibility and avoid duplicate inline images.
1.3.9
- Απλοποιήθηκε η σελίδα ρυθμίσεων με ενότητες «Γενικές Ρυθμίσεις» και «Προχωρημένες Ρυθμίσεις».
- Αφαιρέθηκαν οι παλαιές επιλογές «Wrap only image» και «Desktop only» από το περιβάλλον διαχείρισης.
- Οι τεχνικές ρυθμίσεις AJAX, hook, observer, cache, timeout και ταυτόχρονων αιτημάτων ενσωματώθηκαν εσωτερικά στο plugin.
- Διορθώθηκε η στιγμιαία εμφάνιση της δεύτερης εικόνας πριν από την αρχικοποίηση της JavaScript.
- Βελτιώθηκε η αρχικοποίηση του frontend ώστε να χρησιμοποιείται μία ενιαία και σταθερή ροή wrapper εικόνων.
1.3.8
- Αλλάχθηκε το προεπιλεγμένο μέγεθος εικόνας hover σε Μεσαίο Μεγάλο.
- Προστέθηκε δυνατότητα επιλογής μεγέθους εικόνας hover στις ρυθμίσεις του πρόσθετου.
- Βελτιώθηκε η ευκρίνεια των εικόνων hover στα πλέγματα προϊόντων του WooCommerce.
1.3.7
- Προστέθηκε ασφαλέστερη διαχείριση εναλλακτικών προεπιλεγμένων ρυθμίσεων.
- Προστέθηκε υποστήριξη επαναφοράς προεπιλεγμένων ρυθμίσεων.
- Βελτιωμένες περιγραφές ρυθμίσεων για ευκολότερη παραμετροποίηση.
1.3.6
- Διορθώθηκε η λειτουργία «Μόνο για υπολογιστές», ώστε η φόρτωση εικόνων μέσω AJAX να συνεχίζει να λειτουργεί σε κινητές συσκευές και συσκευές αφής.
- Αποτράπηκε η δημιουργία περιττών μηνυμάτων 404 στην κονσόλα από φυσιολογικές αστοχίες του AJAX fallback.
1.3.4
- Προστέθηκαν selectors λιστών προϊόντων ShopEngine στο προεπιλεγμένο επίπεδο συμβατότητας.
- Ενημερώθηκε η τεκμηρίωση ώστε να αναφέρεται η συμβατότητα με το ShopEngine.
1.3.3
- Προστέθηκε σταθερό εναλλακτικό CSS για τα προεπιλεγμένα WooCommerce shop και product category loops.
- Βελτιώθηκε η αξιοπιστία του hover όταν η έξοδος των προσαρμοσμένων selectors αντικαθίσταται από το θέμα.
1.3.2
- Προστέθηκε ρητή δήλωση εξάρτησης από το WooCommerce.
- Προστέθηκε προστασία ενεργοποίησης όταν το WooCommerce δεν είναι ενεργό.
- Προστέθηκε ειδοποίηση διαχείρισης όταν το WooCommerce απενεργοποιηθεί μετά την ενεργοποίηση του plugin.
- Αποτράπηκε η φόρτωση των frontend αρχείων όταν το WooCommerce δεν είναι ενεργό.
1.3.0
- Έγινε ανακατασκευή με την εταιρική ταυτότητα της AAWEB.
- Προστέθηκε AJAX fallback προστατευμένο με nonce.
- Προστέθηκε inline CSS και JavaScript μέσω του συστήματος enqueue του WordPress.
- Προστέθηκαν strings διαχείρισης έτοιμα για μετάφραση.
- Προστέθηκε καθαρισμός δεδομένων κατά την απεγκατάσταση.
- Προστέθηκε υποστήριξη για Elementor, WooCommerce Blocks και πλέγματα προϊόντων που ανανεώνονται μέσω AJAX.
- Προστέθηκε ασφαλής λειτουργία μόνο για υπολογιστές ώστε να αποφεύγονται προβλήματα σε κινητές συσκευές.