Skip to content

CS-Cart Plugin

Περιγραφή & Πληροφορίες

Eνσωματώσετε την επιλογή «Παραλαβή από σημείο Clever Point» στο checkout του eShop σας και δώστε την δυνατότητα στους πελάτες σας να παραλάβουν τις αγορές τους από ένα ευέλικτο σημείο.

Download

https://github.com/Clever-Point/cleverpoint-for-cscart/

Requirements

  • Clever Point Platform account
  • Google Maps Api Key OR ArcGIS Maps Api Key

Οδηγίες εγκατάστασης

  1. Κατεβάστε το πρόσθετο (zip) στον υπολογιστή σας από το GitHub
  2. Ακολουθήστε τα παρακάτω βήματα :
Βήμα 1

00-clever1.jpg


Βήμα 2

01-clever2.jpg


Βήμα 3

02-clever3.jpg

Ρυθμίσεις Πρόσθετου

Για να μπορείτε να χρησιμοποιήσετε το Plugin, είναι απαραίτητο να κάνετε τις βασικές ρυθμίσεις στο παρακάτω path :
Πρόσθετα > Διαχείριση Add-ons και στη συνέχεια πατήστε πάνω στο πρόσθετο Cleverpoint.


Καρτέλα Βασικές ρυθμίσεις - Γενικά

05-clever_params1.jpg


Clever Point API Key
Στο συγκεκριμένο πεδίο συμπληρώνετε το API Key που έχει εκδόσει το Clever Point για εσάς μετά την υπογραφή της σύμβασης συνεργασίας μεταξύ του eShop σας και του Clever Point.

Το κλειδί είναι προ-απαιτούμενο για την λειτουργία του προσθέτου.

Maps Keys
Ο χάρτης Clever Point υποστηρίζει δύο διαφορετικά Map Services. Μπορείτε να επιλέξετε όποιον provider επιθυμείτε, όμως για την χρήση τους είναι απαραίτητο να υπάρχει ένα Google Maps API Key ή ένα ArcGIS API Key.

Google Maps Key
Το API Key για τα Google Map Services. Μπορείτε να εκδώσετε, ακολουθώντας τις οδηγίες που θα βρείτε εδώ.
Κάθε eShop θα πρέπει να εκδόσει το δικό του κλειδί για τους χάρτες Google, διαφορετικά ο χάρτης επιλογής σημείων δεν θα εμφανίζεται.

ARCGIS Map Key
Το API Key για τα ArcGIS Map Services. Μπορείτε να εκδώσετε, ακολουθώντας τις οδηγίες που θα βρείτε εδώ.
Κάθε eShop θα πρέπει να εκδόσει το δικό του κλειδί για τους χάρτες ArcGIS, διαφορετικά ο χάρτης επιλογής σημείων δεν θα εμφανίζεται.

Τρόπος εμφάνισης χάρτη
Σας δίνεται η επιλογή για τον τρόπο εμφάνισης του χάρτη στο checkout σας. Οι διαθέσιμες επιλογές είναι δύο :

  1. Ενσωματωμένο (Embed)
  2. Παράθυρο (Modal)

Προτείνεται η χρήση του “Ενσωματωμένου” χάρτη.

Μήκος & Ύψος χάρτη
Οι συγκεκριμένες ρυθμίσεις χρησιμοποιούνται μόνο όταν επιλεγεί ως τρόπος εμφάνισης χάρτη το «Παράθυρο» (Modal). Μπορείτε να εισάγετε το επιθυμητό Μήκος (Width) και Ύψος (Height) για το παράθυρο όταν θα εμφανίζεται.

Κεφαλίδα
Ενεργοποίηση header στο χάρτη.

Single Select
Ο χρήστης μπορεί να επιλέξει το σημείο απευθείας πατώντας πάνω στο χάρτη.

Γραμμή διευθύνσεων
Εμφάνιση της γραμμής διευθύνσεων στο χάρτη για αναζήτηση κοντινότερου σημείου.
προτείνεται

Βήμα 2 - Καρτέλα Βασικές ρυθμίσεις - Εμφάνιση

06-clever_params2.jpg


Βήμα 3 - Καρτέλα Βασικές ρυθμίσεις - Παραγγελίες

07-clever_params3.jpg


Βήμα 4 - Καρτέλα Βασικές ρυθμίσεις - Πεδία παραλήπτη

08-clever_params4.jpg


Εμφάνιση χάρτη κατά το checkout πελάτη litecheckout (frontend)

09-clever_checkoutpage.jpg


Εμφάνιση χάρτη κατά το checkout πελάτη step by step checkout (frontend)

12-clever_checkoutpage_stepbystep.jpg


Εμφάνιση στην παραγγελία του πελάτη μετά την ολοκλήρωση της παραγγελίας (frontend)

11-clever_view_order_page.jpg


Εμφάνιση στη διαχείριση παραγγελιών (backend)

10-clever_view_admin_order_page.jpg


Προσθήκη κώδικα στα e-mail templates

Για να εμφανίζεται το σημείο παραλαβής της Cleverpoint στο αντίγραφο παραγγελίας πρέπει να προστεθεί το παρακάτω κομμάτι κώδικα στο αντίστοιχο Email template

13-customer-notifications1.jpg

14-customer-notifications2.jpg

15-customer-notifications3.jpg

twig
{% for pg in o.product_groups %}
{% if pg.clever_point_params %}
<p style="color: #787878; font-size: 14px; font-family: Helvetica, Arial, sans-serif; padding-bottom: 5px; margin: 0px;">{{ __("slx_clever_point.clever_point") }}:</p>
    <ul>
    <li>{{ pg.clever_point_params.point.ShortName }}</li>
    <li>{{ __("slx_clever_point.address") }}: {{ pg.clever_point_params.point.AddressLine1 }}, {{ pg.clever_point_params.point.City }}</li>
    <li>{{__("slx_clever_point.phone")}}: {{ pg.clever_point_params.point.Phones }}</li>
    <li>{{__("slx_clever_point.work_hours")}}: {% for wk in pg.clever_point_params.point.WorkHoursFormattedWithDaysV2 %}{{ wk}} {% endfor %}</li>
    </ul>
{% endif %}
{% endfor %}