1. Κατέβαςμα του VirtueMart Αρχικό βήμα (προαιρετικό). Κατζβαςμα και αποςυμπίεςη αρχείων VirtueMart ΠΡΟΟΧΗ. Αυτό το βήμα να παρακαμφθεί ςτο εργαςτήριο. Τα αρχεία θα ςασ δοθοφν από τουσ καθηγητζσ ςασ. Οι παρακάτω οδηγίεσ παρατίθενται για λόγουσ πληρότητασ. Πάτε ςτθ διεφκυνςθ http://virtuemart.net/downloads και κατεβάςτε το virtuemart επιλζγοντασ ςτο κουμπί που δείχνει θ εικόνα. Στθ ςυνζχεια αποςυμπιζηουμε τα περιεχόμενα του αρχείου που κα κατζβει ςε ζνα νζο φάκελο. 2. Εγκατάςταςη VirtueMart Aπό το οριηόντιο μενοφ επιλζγουμε Επεκτάςεισ Διαχείριςη Επεκτάςεων επιλογή αρχείου και ςτο νζο παράκυρο που κα εμφανιςτεί επιλζγουμε το πρόςκετο com_virtuemart.3.0.10.zip και πατάμε Μεταφόρτωςη & Εγκατάςταςη. - 1 -
Επαναλάβετε τθν ίδια ακριβϊσ διαδικαςία για τα υπόλοιπα αρχεία με τθν ακόλουκθ ςειρά: com_virtuemart.3.0.10_ext_aio ΠΡΟΟΧΗ μετά τθν ολοκλιρωςθ τθσ εγκατάςταςθσ επιλζξτε Import Sample Data για να ειςαχκεί κάποιο ενδεικτικό περιεχόμενο ςτο κατάςτθμά ςασ com_tcpdf_1.0.0 el-gr.com_virtuemart Δημιουργία νζου ςτοιχείου μενοφ για το κατάςτημά μασ Στθ ςυνζχεια ειςάγουμε ζνα νζο ςτοιχείο μενοφ ςτο κφριο μενοφ (Μενοφ Main Menu Νζο). Το ςτοιχείο κα ζχει όνομα Κατάςτημα και ωσ είδοσ Virtumart «Προεπιλεγμζνη διάταξη VirtueMart» όπωσ φαίνεται ςτθν ακόλουκθ εικόνα Όταν κάποιοσ επιλζγει από το μενοφ το Κατάςτημα κα εμφανίηεται θ ακόλουκθ οκόνθ - 2 -
3. Ρυθμίςεισ καταςτήματοσ Για να τροποποιιςουμε τισ ρυκμίςεισ του καταςτιματόσ μασ πθγαίνουμε Εφαρμογζσ VirtueMart και ςτθ νζα οκόνθ ςτο μενοφ δεξιά επιλζγουμε ΚΑΣΑΣΗΜΑ Κατάςτημα. Αλλάηουμε το όνομα του καταςτιματοσ και Προμθκευτι Πιο χαμθλά ςτθν ίδια οκόνθ μζςα ςτο πεδίο Περιγραφή γράφουμε το νζο κείμενο για τθ ςελίδα του καταςτιματοσ μασ όπωσ ςτθν ακόλουκθ εικόνα 4. Δημιουργία κατήγορίασ προΰόντων Στο μενοφ του VirtueMart πάμε ΠΡΟΙΟΝΣΑ Κατηγορίεσ προϊόντων Νζο και ςυμπλθρϊνουμε τα πεδία όπωσ ςτθν επόμενθ εικόνα - 3 -
Στθ ςυνζχεια πάμε ςτθ καρτζλα Εικόνεσ και ςτο κάτω μζροσ τθσ οκόνθσ επιλζγουμε το radio button φόρτωςθ και ςτθ ςυνζχεια πατάμε το κουμπί Επιλογή αρχείου και επιλζγουμε τθν εικόνα kinita.jpg Στθ ςυνζχεια πατάμε αποκικευςθ. Το αποτζλεςμα κα είναι το ακόλουκο - 4 -
5. Προςθήκη καταςκευαςτή Πθγαίνουμε ςτο μενοφ του virtuemart και επιλζγουμε ΚΑΣΑΚΕΤΑΣΕ Καταςκευαςτζσ Νζο και ςυμπλθρϊνουμε τα πεδία όπωσ ςτθν επόμενθ εικόνα Επίςθσ επιλζγουμε τθν καρτζλα εικόνεσ και ομοίωσ με πριν πάμε ςτο κάτω μζροσ τθσ οκόνθσ και επιλζγουμε αρχικά το radio button φόρτωςη και ςτθ ςυνζχεια πατάμε ςτο κουμπί «Επιλογή αρχείου» και επιλζγουμε τθν εικόνα samsung.jpg Στθ ςυνζχεια αποκθκεφουμε. 6. Προςθήκη προΰόντοσ Πθγαίνουμε ςτο μενοφ του virtuemart και επιλζγουμε ΠΡΟΙΟΝΣΑ Προϊόντα Νζο και ςυμπλθρϊνουμε τα πεδία όπωσ ςτθν επόμενθ εικόνα. Δθλϊνουμε φόρο 20% (προσ το παρόν) και τιμι 450 ευρϊ. - 5 -
Μετά πθγαίνουμε ςτθν καρτζλα Περιγραφι προϊόντοσ και ειςάγουμε το κείμενο όπωσ ςτθν επόμενθ εικόνα Ζπειτα πθγαίνουμε ςτθν καρτζλα Κατάςταςθ προϊόντοσ και ειςάγουμε τιμζσ όπωσ ςτθν επόμενθ εικόνα Πάμε ςτθν καρτζλα Διαςτάςεισ και βάροσ προϊόντοσ και τροποποιοφμε ωσ ακολοφκωσ - 6 -
Πάμε ςτθν καρτζλα Εικόνεσ προϊόντοσ και ανεβάηουμε μία φωτογραφία με το όνομα galaxys6.jpg ςφμφωνα με τισ οδθγίεσ που ζχουμε δει ςτα προθγοφμενα ερωτιματα. Τζλοσ πατάμε αποκικευςθ. Για να δοφμε το αποτζλεςμα πάμε ςτθν ιςτοςελίδα επιλζγουμε τθν κατθγορία κινθτά και εμφανίηεται θ ακόλουκθ εικόνα. Τι παρατθρείτε όςον αφορά τθ διακεςιμότθτα και τθν τιμι του προϊόντοσ; Δοκιμάςτε να προςκζςετε το προϊόν ςτο καλάκι ςασ. - 7 -
7. Οριςμόσ του καταςτήματοσ ωσ αρχικήσ ςελίδασ Άςκηςη 1. Ορίςτε τθν ιςτοςελίδα του καταςτιματοσ ωσ τθν προεπιλεγμζνθ για τθν ιςτοςελίδα ςασ. Για να ορίςουμε ωσ αρχικι τθ ςελίδα του καταςτιματοσ μασ πθγαίνουμε Μενοφ Main Menu και επιλζγουμε το αςτζρι για τον ςφνδεςμο Κατάςτθμα. Με αυτόν τον τρόπο ορίηεται ωσ αρχικι ςελίδα το περιεχόμενου του ςυγκεκριμζνου ςτοιχείου Μενοφ. 8. Ενθέματα VirtueMart Άςκηςη 1. Διαγράψτε όλα τα ενκζματα του VirtueMart (VM) ζτςι ϊςτε θ ιςτοςελίδα ςασ να ζχει ςτα αριςτερά μόνο το κφριο Μενοφ. Για να διαγράψουμε τα ενκζματα του VM πθγαίνουμε Επεκτάςεισ -> Διαχείριςη Ενθεμάτων και επιλζγουμε από τθν λίςτα όλα τα ενκζματα που ξεκινάνε με VM. Αφοφ τα επιλζξουμε πατάμε το κουμπί Απορρίμματα - 8 -
Άςκηςη 2. Ειςάγετε ςτα δεξιά τθσ ιςτοςελίδασ ζνα κουμπί αναηιτθςθσ προϊόντων από το κατάςτθμά μασ και ςτθ ςυνζχεια αναηθτιςτε με τον όρο S6. Το κουμπί αναηιτθςθσ να εμφανίηεται μόνο ςτθν αρχικι ςελίδα του καταςτιματοσ και ςε καμία άλλθ. Επίςθσ δε κζλουμε να εμφανίηεται ο τίτλοσ του ενκζματοσ ςτθν ιςτοςελίδα αλλά εςωτερικό μινυμα ςτο πεδίο που να αναγράφει Αναηιτθςθ προϊόντοσ. Πθγαίνουμε Επεκτάςεισ Διαχείριςη Ενθεμάτων Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Αναζήτηση προϊόντων VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. Προςοχή. Μθ ξεχάςετε να πάτε ςτθν καρτζλα Σφνδεςθ Μενοφ και να δθλϊςετε Επιλεγμζνεσ Σελίδεσ για τθν εμφάνιςθ του ενκζματοσ. Το αποτζλεςμα κα είναι το ακόλουκο - 9 -
Άςκηςη 3. Ειςάγετε ςτα δεξιά τθσ ιςτοςελίδασ ζναν επιλογζα νομίςματοσ. Οι ρυκμίςεισ εμφάνιςθσ να είναι όπωσ τθσ προθγοφμενθσ άςκθςθσ. Πθγαίνουμε Επεκτάςεισ Διαχείριςη Ενθεμάτων Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Επιλογέας νομίσματος VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. Άςκηςη 4. Ειςάγετε ςτα αριςτερά τθσ ιςτοςελίδασ ζναν ζνκεμα που κα εμφανίηει τα περιεχόμενα του καλακιοφ των πελατϊν αλλά χωρίσ τιμζσ. Το ζνκεμα αυτό κα εμφανίηεται ςε όλεσ τισ ςελίδεσ. Από τθ Διαχείριςη Ενθεμάτων πατάμε Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Καλάθι VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. Δοκιμάςτε να ειςάγετε ςτο καλάκι ςασ ζνα προϊόν και δείτε ςτθ ςυνζχεια το αποτζλεςμα ςτθν εμφάνιςθ του ςχετικοφ ενκζματοσ. Το αποτζλεςμα κα πρζπει να είναι το παρόμοιο με αυτό τθσ επόμενθσ εικόνασ - 10 -
Άςκηςη 5. Δθμιουργιςτε δφο νζεσ υποκατθγορίεσ κινθτϊν: Smartphones, Απλά κινητά ειςάγοντασ και τα κατάλλθλα μεταδεδομζνα. Στθ ςυνζχεια μεταφζρετε το S6 ςτθν υποκατθγορία Smartphones. Πθγαίνουμε VirtueMart Κατηγορίεσ προϊόντων Νζο και δθμιουργοφμε τθν κατθγορία Smartphones θ οποία κα ζχει ωσ γονικι κατθγορία τθν κατθγορία Κινθτά. Οι ρυκμίςεισ που ειςάγουμε φαίνονται ςτθν παρακάτω εικόνα: Ειςάγουμε επίςθσ ωσ εικόνα τθν εικόνα smartphones.jpg μζςω τθσ καρτζλασ Εικόνεσ. Με τον ίδιο τρόπο δθμιουργοφμε τθν κατθγορία Απλά κινθτά ειςάγοντασ τθν εικόνα simplephones.jpg. - 11 -
Στθ ςυνζχεια πθγαίνουμε ΠΡΟΙΟΝΣΑ Προϊόντα, βρίςκουμε το Samsung Galaxy S6 και το δθλϊνουμε ςτθν κατθγορία Smartphones Άςκηςη 6. Ειςάγετε ςτα αριςτερά τθσ ιςτοςελίδασ ζναν ζνκεμα που κα εμφανίηει τισ κατηγορίεσ ΜΟΝΟ των κινητών του καταςτιματόσ ςασ. Το ζνκεμα αυτό κα εμφανίηεται ςε όλεσ τισ ςελίδεσ και κα βρίςκεται κάτω από το ζνκεμα «Το Καλάκι μου». Πθγαίνουμε Επεκτάςεισ Διαχείριςη Ενθεμάτων, πατάμε Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Κατηγορίες VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. - 12 -
Στθ ςυνζχεια από ςτθ λίςτα των ενκεμάτων επιλζγουμε ωσ φίλτρο «Επιλογι Θζςθσ» το «position-7» και ςτθ ςυνζχεια πατάμε ςτο κουμπί ζτςι ϊςτε να εμφανιςτεί ζνα βζλοσ προσ τα επάνω ( ). Στθ ςυνζχεια μεταφζρουμε το ζνκεμα «Κατθγορίεσ κινθτϊν» κάτω από το ζνκεμα «Το καλάκι μου» ςζρνοντασ τα αντίςτοιχα κουμπιά ( ). Δε χρειάηεται να κάνουμε κάποιου είδουσ αποκικευςθ. Το αποτζλεςμα κα είναι το ακόλουκο: - 13 -
Άςκηςη 7. Ειςάγετε ςτο κάτω μζροσ τθσ ιςτοςελίδασ ζνα ζνκεμα που κα εμφανίηει ςτη ςειρά τουσ καταςκευαςτζσ των οποίων προϊόντα διακζτει το κατάςτθμα. ΝΑ εμφανίηονται μόνο ει εικόνεσ και όχι τα ονόματα των καταςκευαςτϊν. Σε μία ςειρά να μποροφν να εμφανίηονται το πολφ 8 καταςκευαςτζσ. Από τθ Διαχείριςη Ενθεμάτων πατάμε Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Κατασκεσαστές VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. Το αποτζλεςμα κα πρζπει να είναι το ακόλουκο Άςκηςη 8. Ειςάγετε ςτα δεξιά τθσ ιςτοςελίδασ ζναν ζνκεμα που κα εμφανίηει τα τελευταία (νεότερα) 3 smartphones του καταςτιματοσ όπωσ φαίνεται ςτθν διπλανι εικόνα. Από τθ Διαχείριςη Ενθεμάτων πατάμε Νζο και επιλζγουμε από τθν λίςτα ωσ είδοσ το «Προϊόντα VirtueMart» και ςυμπλθρϊνουμε ςφμφωνα με τθν παρακάτω εικόνα. Προςοχι δθλϊνουμε Προβολι: Τελευταία προϊόντα, Στυλ προβολισ βαςιςμζνο ςε Div για να μθν εμφανίηεται βελάκι πριν από το προϊόν και αρικμό ορατϊν προϊόντων 3. Επίςθσ βάηουμε φίλτρο κατθγοριϊν και επιλζγουμε τθν κατθγορία Smartphones. - 14 -
Δοκιμάςτε τι κα γίνει αν ςτθν κατθγορία επιλζξουμε τα «Κινθτά». Θα εμφανιςτεί κάποιο προϊόν; Γιατί; - 15 -