Σελίδα 1 από 1

Responsive design

Δημοσιεύτηκε: 03 Νοέμ 2015, 23:34
από konstantinos2015
Καλησπέρα,

Συγχαρητήρια για τη δουλειά που κάνετε. Είμαι νέος στο Opencart και προτίμησα να στήσω την εφαρμογή χωρίς κάποιο template για να είναι πιο lite. Έχω την έκδοση 2.0.3.1 και έστησα και την Ελληνική μετάφραση και το vqmod.
Το πρόβλημα που αντιμετωπίζω είναι ότι σε κάθε συσκευή (φορητός, tablet, smartphone) θα ήθελα να εμφανίζεται στις αντίστοιχες αναλύσεις (responsive design) πράγμα που δεν γίνεται αυτή τη στιγμή;
Πως μου προτείνετε να λύσω αυτό το πρόβλημα;

Ευχαριστώ πολύ εκ των προτέρων

Re: Responsive design

Δημοσιεύτηκε: 04 Νοέμ 2015, 9:50
από d-w.gr
Το default template είναι responsive.

Δεν μπορώ να σκεφτώ κάποιο λόγο να μην παίζει σε εσένα.
Αν δεν έχεις πρόβλημα, γράψε το όνομα του ιστότοπου για να το δούν οι ειδικοί.

Re: Responsive design

Δημοσιεύτηκε: 04 Νοέμ 2015, 14:04
από konstantinos2015
Το προσωρινό σημείο που βρίσκεται το e-shop είναι :
http://artcreators.gr/JIB/

Re: Responsive design

Δημοσιεύτηκε: 04 Νοέμ 2015, 15:26
από Arthouros
Είναι responsive το template και στην σελίδα σου. Το κεντρικό μενού βλέπω έχει κάποιο θέμα αλλά φαντάζομαι θα το φτιάξεις. ;)

Re: Responsive design

Δημοσιεύτηκε: 05 Νοέμ 2015, 0:40
από konstantinos2015
Στο tablet λειτουργεί καλά.
Σε κινητό με android και οθόνη κάτω των 5 ιντσών δεν λειτουργεί καλά. Εμφανίζει μεγάλα τα προϊόντα και είναι δύσχρηστο.
Θα περίμενα να εμφανίζει μικρογραφία της σελίδας και να μπορεί ο χρήστης με τα δάκτυλα να κάνει ζουμ σε όποιο σημείο θέλει.
Έτσι λειτουργεί η σελίδα www.justinbeauty.com που θέλουμε να αντικαταστήσουμε.
Μου φαίνεται πρακτικό να εμφανίζεται έτσι.

Re: Responsive design

Δημοσιεύτηκε: 05 Νοέμ 2015, 2:02
από Arthouros
Κωνσταντίνε καλησπέρα.

Μιας και κατέχω τέτοιο κινητό μπορώ να σε πληροφορήσω πως εμφανίζεται όπως θα έπρεπε να εμφανίζεται.

Γενικά το Responsive template είναι ο σχεδιασμός της σελίδας που μπορεί να παρέχει την βέλτιστη μορφή εμφάνισης, ανάγνωσης και γενικά πλοήγησης στην ιστοσελίδα με το ελάχιστο πιθανό zoom in.

Πιθανόν να μπορούσες να τροποποιήσεις το template ώστε να σου εμφανίζει μικρότερα τα προϊόντα σου στην αρχική, και γενικά στις κατηγορίες. Να έχει δηλαδή 2 στήλες προϊόντων δες πχ το amazon ;) .

Re: Responsive design

Δημοσιεύτηκε: 05 Νοέμ 2015, 7:30
από d-w.gr
konstantinos2015 έγραψε:Στο tablet λειτουργεί καλά.
Σε κινητό με android και οθόνη κάτω των 5 ιντσών δεν λειτουργεί καλά. Εμφανίζει μεγάλα τα προϊόντα και είναι δύσχρηστο.
Θα περίμενα να εμφανίζει μικρογραφία της σελίδας και να μπορεί ο χρήστης με τα δάκτυλα να κάνει ζουμ σε όποιο σημείο θέλει.
Έτσι λειτουργεί η σελίδα http://www.justinbeauty.com που θέλουμε να αντικαταστήσουμε.
Μου φαίνεται πρακτικό να εμφανίζεται έτσι.
Προσωπικά το θεωρώ δύσχρηστο να κάνει Zoom ο χρήστης.
Εν έτη 2015 βλέπω ιστότοπους που για να διαβάζεις κάτι, σου φεύγουν τα μάτια, ή το κείμενο δεν γίνεται warp στο zoom με αποτέλεσμα να κάνεις δεξιά αριστερά για να το διαβάσεις όλο.

Re: Responsive design

Δημοσιεύτηκε: 05 Νοέμ 2015, 10:14
από konstantinos2015
Μου φαίνεται δύσχρηστο να κρατήσω αυτή τη μορφή στην αρχική σελίδα αλλά και στις υπόλοιπες. Δέχομαι αυτό που λέει ο d-w.gr να μην έχει zoom αλλά έτσι όπως εμφανίζεται παρουσιάζεται το παρακάτω πρόβλημα :
Για παράδειγμα στο προϊόν http://artcreators.gr/JIB/Pusher%20Spoon εμφανίζεται πρώτα η εικόνα του προϊόντος, μετά η αναλυτικές λεπτομέρειες του προϊόντος και μετά η βασική περιγραφή και η τιμή. Σίγουρα ο αγοραστής περιμένει να δει τη βασική περιγραφή του προϊόντος και την τιμή πριν την εικόνα ή μετά και όχι στο τέλος της σελίδας.
Ίσως να δοκιμάσω αυτό που συμβουλεύει ο φίλος gxHL να εμφανίζονται 2 στήλες προϊόντων ή σε κινητά με μικρές οθόνες να εμφανίζονται οι πληροφορίες λίγο μικρότερες για να εμφανίζεται η βασική περιγραφή και η τιμή δίπλα στην εικόνα του προϊόντος. Ξέρετε πως μπορώ να το κάνω;

Re: Responsive design

Δημοσιεύτηκε: 08 Νοέμ 2015, 11:43
από Arthouros
Δοκίμασε για αρχή να μικρύνεις τις εικόνες από την τις ρυθμίσεις του καταστήματος και των modules.