Πρόσθετο woocommerce custom κουμπί καλαθιού προϊόντος

Περιγραφή

Πρόσθετο WooCommerce προσαρμοσμένο κουμπί προϊόντος

1. Γενικός στόχος

Επιτρέπει την γραφική και λειτουργική προσαρμογή των δύο βασικών κουμπιών του WooCommerce στη σελίδα προϊόντος:

1. Το κουμπί “Προσθήκη στο καλάθι”

2. Το κουμπί “Δες το καλάθι μου” (προστιθέμενο στα δεξιά του κουμπιού “Προσθήκη στο καλάθι”)

Όλες οι επιλογές είναι διαθέσιμες απευθείας μέσω του Customizer του WordPress, χωρίς να χρειάζεται να τροποποιήσετε τον κώδικα του θέματος σας.

2. Προσαρμογή του κουμπιού “Προσθήκη στο καλάθι”

Ενσωματωμένο στην κεφαλίδα κάθε σελίδας προϊόντος, αυτή η λειτουργία εγχέει inline CSS για άμεση προσαρμογή της εμφάνισης:

• Κείμενο κουμπιού
  – Αλλαγή της προεπιλεγμένης ετικέτας “Προσθήκη στο καλάθι”

• Χρώματα
  – Χρώμα φόντου
  – Χρώμα κειμένου

• Περιθώριο
  – Στυλ (none, solid, dotted, dashed)
  – Πάχος (px)
  – Χρώμα

• Στρογγυλεμένες γωνίες
  – Ακτίνα κάθε γωνίας (πάνω-αριστερά, πάνω-δεξιά, κάτω-δεξιά, κάτω-αριστερά)

• Σκιά
  – Μετατόπιση X / Y (px)
  – Θολούρα (px)
  – Χρώμα σκιάς

• CSS Animations (επιλογές στο Customizer)
  – shake : ελαφριές οριζόντιες δονήσεις
  – zoom : εφέ ζουμ/παλμού
  – cartoon : κυκλική αλλαγή χρώματος φόντου
  – random : τυχαία επιλογή από τις τρεις παραπάνω

Όλες αυτές οι στυλιστικές ρυθμίσεις εφαρμόζονται μέσω ενός μόνο <style> που ενσωματώνεται στο wp_head, διασφαλίζοντας ελάχιστη επίδραση στις επιδόσεις.

3. Προσθήκη του κουμπιού “Δες το καλάθι μου”

Τοποθετημένο αμέσως μετά το κουμπί “Προσθήκη στο καλάθι” χάρη στο hook woocommerce_after_add_to_cart_button, αυτό το δεύτερο κουμπί:

• Ανακατευθύνει στη σελίδα του καλαθιού (wc_get_cart_url())

• Κείμενο επεξεργάσιμο (προεπιλεγμένα “Δες το καλάθι μου”)

• Χρώματα
  – Φόντο
  – Κείμενο

• Περίγραμμα
  – Στυλ, πάχος, χρώμα

• Στρογγυλεμένες γωνίες (μονά)

• Σκιά (offset X/Y, θολότητα, χρώμα)

• Αριστερή περιθώριο προδιαγεγραμμένη για απόσταση από το κύριο κουμπί

4. Διεπαφή ρύθμισης (Customizer)

Μια μοναδική ενότητα “Προσαρμογή Κουμπιών WC” συγκεντρώνει όλες τις ρυθμίσεις :

1. Ρυθμίσεις “Προσθήκη στο καλάθι”

2. Ρυθμίσεις “Δείτε το καλάθι μου”

Για κάθε ομάδα :

• add_setting() + add_control() (τύπος κειμένου, χρώμα, επιλογή, αριθμός)

• Επικύρωση μέσω sanitize_text_field, sanitize_hex_color, absint

5. Συμβατότητα και καλές πρακτικές

• Ελάχιστη απαιτούμενη έκδοση : WooCommerce 3.0+

• Θέματα : συμβατό με τα περισσότερα θέματα (Storefront, Astra, OceanWP, …)

• Απόδοση :

  • Ελαφρύ PHP code, χωρίς εξωτερικές εξαρτήσεις

  • CSS inline scoped μόνο στις σελίδες προϊόντων

• Συντήρηση :

  • Τρέχουσα έκδοση : 1.5

  • Μεταφράσιμο μέσω του text-domain killerdev98-wc-custom-button

6. Τυπικές περιπτώσεις χρήσης

• Ισχυρή επωνυμία : προσαρμόστε τα χρώματα του κουμπιού στις οπτικές της επιχείρησής σας.

• Επίδραση κλήσης για δράση : πρόσθεσε μια animation “shake” για να τονίσεις το κουμπί.

• Γρήγορη πορεία χρήστη : προσφορά άμεσης πρόσβασης στο καλάθι από την καρτέλα προϊόντος.

• Γραφική ομοιομορφία : καθορισμός μίας συνεπούς μορφής και σκιάς για όλα τα κουμπιά.

Αυτό το plugin προσφέρει πλήρη έλεγχο, με απλότητα, για την εμφάνιση και τη συμπεριφορά των κυρίων κουμπιών του καταλόγου προϊόντων σας WooCommerce.

Πρόσθετο woocommerce custom κουμπί καλαθιού προϊόντος decostickerstore