OpenCart-Hellas

[tkaplanis]

Ήθελα βοήθεια για το εξής
Στην σελίδα μιας κατηγορίας ή και υποκατηγορίας θέλω να βάλω κείμενο και φωτογραφίες. Χρησιμοποίησα τον editor, έβαλα πίνακες και μέσα στα κελιά έβαλα το κείμενο και τις φωτογραφίες. Σε desktop είναι οκ, όμως σε mobile συσκευές υπάρχει πρόβλημα γιατί δεν είναι responsive.
Ποιος είναι ο σωστός τρόπος να βάλει κάποιος περιεχόμενο, κείμενο και φωτογραφίες, σε μια σελίδα κατηγορίας;
Ευχαριστώ

Έκδοση 2.3.0.2
Journal 2.16.8

[Alexandra]

Καλησπέρα,

Καλό είναι να αποφεύγεις τα tables αν δεν είναι απολύτως απαραίτητα. Ωστόσο, για responsive tables, χρειάζεσαι να ορίσεις στα settings > custom code του Journal css mediaqueries που να κάνουν block τα tr/td για τις αναλύσεις που χρειάζεσαι πχ κάτι σαν αυτό:

Κώδικας: Επιλογή όλων

@media screen and (max-width: 1024px) {
  #my-table tr, #my-table td {display:block; width:100%;}
  #my-table tr {padding-top:0.2em; padding-bottom:0.2em;}
}

[tkaplanis]

Σε ευχαριστώ πολύ για την απάντηση!
Θα ήθελα να ακολουθήσω τη συμβουλή σου, να μην χρησιμοποιήσω πίνακες.
Πως θα μπορούσα να βάλω περιεχόμενο, με κείμενο και φωτογραφίες, σε αυτές τις σελίδες ; Θα μπορούσα να χρησιμοποιήσω για αυτή τη δουλειά κάποιο από τα modules του journal ;

[Alexandra]

Καλημέρα,

Γνώμη μου είναι ότι καλύτερα να αποκτήσεις κάποιες γνώσεις HTML/CSS ώστε το περιεχόμενο που θα εισάγεις (κείμενα και εικόνες) να έχει αισθητική σε ότι αφορά την απεικόνιση και να εμφανίζεται σωστά σε όλες τις αναλύσεις. Σχετικά με το ερώτημα σου τι θα πρότεινα εκτός από tables, πιο σύγχρονοι τρόποι για εμφάνιση περιεχομένου σε μορφή πίνακα/πλέγματος που να προσαρμόζεται ανάλογα σε διάφορες αναλύσεις είναι:

- Το σύστημα grid του Bootstrap (όχι όμως με το Journal).
- Το CSS Flexbox.
- Το CSS Grid (έχει έναν περιορισμό ότι δεν υποστηρίζεται από παλαιούς browsers πριν το 2017).

Και για τις τρεις μεθόδους μπορείς να βρεις πάρα πολλά παραδείγματα, tutorials και howtos στο Youtube, στο w3schools.com και αλλού. Ο λόγος που προτείνω να ψάξεις τις παραπάνω πηγές, είναι γιατί δεν εξυπηρετεί να σου δώσω canned κώδικά/απάντηση από εδώ καθώς αυτά γράφονται adhoc για συγκεκριμένες ανάγκες περιεχομένου και διαστάσεις layout.