Ένα μικρό θέμα

[Dimitris Kanatas]

@anacon: Στο έφτιαξα στα site που μου υπέδειξες.

@Dimitris Kanatas: Για τα brands η γραμματοσειρά είναι η "Font Awesome 5 Brands" και όχι η "Font Awesome 5 Free"

@Eleana: Δεν φορτώνουμε χειροκίνητα ή μέσω CDN το fontawesome. Το κάνει το Elxis αυτόματα με βάση τα παρακάτω που έγραψα και πριν. Σας προτρέπω να τα ενσωματώνετε ΜΟΝΟ έτσι για να αποφύγετε απρόβλεπτες καταστάσεις (πχ 2 επεκτάσεις φορτώνουν 2 διαφορετικές εκδόσεις):

Το Elxis 5 φορτώνει εξ ορισμού τις "regular" και "solid" εκδόσεις του font awesome:
$eDoc->addFontAwesome();

Αν θες να φορτώσεις και τα "brands" (facebook, twitter, microsoft, apple, κλπ), πρέπει να το κάνεις έτσι:
$eDoc->addFontAwesome(true);

Tip: Αν κάποιες επεκτάσεις έχουν ήδη φορτώσει το fontawesome χωρίς τα Brands αλλά κάποια επέκταση μετέπειτα τα ζητήσει το Elxis θα λύσει το πρόβλημα φορτώνοντας και τα brands αυτόματα υπερκαλύπτοντας το αρχικό αίτημα. Δηλαδή έστω και 1 φορά να κληθεί το addFontAwesome(true) από οπουδήποτε το Elxis θα φορτώσει και τα brands.

Γιάννη θα πειραματιστώ με το FontAwesome αλλά παρατήρησα κατά την αναβάθμιση έχασα τη μορφοποίηση στην εμφάνιση των άρθρων (mod_articles και εμφάνιση ανά κατηγορία). Παράδειγμα οι επισυναπτόμενες εικόνες (πριν (2) και μετά (1)).

[datahell]

Η html και οι css κλάσεις του περιεχομένου άλλαξαν. Αφαιρέθηκε το inline css και αντικαταστάθηκε με css κλάσεις. Επίσης υπάρχουν αλλαγές στις παραμέτρους. Αυτό επηρέασε όλες τις επεκτάσεις (πχ mod_articles) που έχουν να κάνουν με άρθρα/κατηγορίες. Το αποτέλεσμα είναι πιο semantic σωστή html, μικρότερη, σύγχρονη με καλύτερη εμφάνιση σε όλες τις συσκευές.

[Eleanna]

@Dimitris Kanatas
Πολύ καλά κατάλαβες Δημήτρη! Ο λόγος είναι ότι όταν ζητάς γενικά τα free εικονίδια, φέρνει μόνο τα "κανονικά" με βάρος 400. Αν θες τα solid, τότε πρέπει να το δηλώσεις, καθώς το βάρος τους είναι 900.
Συνεπώς, για να εμφανίσεις τα free και solid, προσθέτεις στον κώδικά σου το font-weight: 900;
Et Voila!

Eleanna με font-weight: 900; εμφανίστηκαν όλα τα εικονίδια εκτός του facebook. Δε ξέρω όμως για την ορθότητα της χρήσης του font-weight σε τέτοια εικονίδια. Λίγο περίεργη έγινε η χρήση του font awesome. Σε ευχαριστώ Eleanna. 

Δεν το λέω εγώ! Το λέει η Font Awesome! Δες εδώ https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
Παρακαλώ Δημήτρη!

[anacon]

Ευχαριστώ datahell
Αν θες πες μας πως το έκανες για να το δούνε και οι υπόλοιποι αν τυχών έχουν το ίδιο θέμα

[Dimitris Kanatas]

Ευχαριστώ datahell
Αν θες πες μας πως το έκανες για να το δούνε και οι υπόλοιποι αν τυχών έχουν το ίδιο θέμα

Θα συμφωνήσω με τον anacon. Γιάννη σου έστειλα p.m.

[datahell]

Επειδή βαρέθηκα το θέμα έβγαλα νέα έκδοση (1.3) με τις διορθώσεις για το Elxis 5.x.
https://www.elxis.net/edc/templates/148.html

Σημείωση: Το template IOS Travel έχει φτιαχθεί για το Elxis 4.x και δεν περιέχει τις css κλάσεις του 5.x. Έτσι όπου θέλετε να κάνετε αλλαγές (πχ στα χρώματα) προσθέστε τες στο τέλος του αρχείο template.css.

[Dimitris Kanatas]

Γεια σου Γιάννη,

Ευχαριστούμε για το χρόνο σου. Θέλω να ελέγξεις αν είναί λάθος η παρακάτω γραμμή κώδικα...

$block_social .= '<a href="'.$this->tplparams[$social].'" class="itv_social itv_'.$social.'" title="'.ucfirst($social).'" target="_blank"><i class="'.$iconclass.'"></i></a>';

από το itravel.class.php

Γιατί μόλις το άλλαξα σε...

$block_social .= '<a href="'.$this->tplparams[$social].'" class="itv_social itv_'.$social.'" title="'.ucfirst($social).'"><i class="'.$uni.'"></i></a>';

έστωσαν τα πράγματα...

[Dimitris Kanatas]

Επίσης σε ορισμένα σημεία νομίζω πως υπάρχουν "" ανάμεσα στο 'Font Awesome 5 Free'

δηλαδή: font-family:"'Font Awesome 5 Free'"; στο template.css

Και στο itravel.class.php

ο κώδικας...

if ($this->tplparams['contact'] != '') {
         $has_blocks = true;
         $link = $elxis->makeURL($this->tplparams['contact']);
         $block_contact .= '<a href="'.$link.'" class="itv_contact_mail" title="'.$eLang->get('CONTACT').'">'.$eLang->get('CONTACT').'</a>';
      }
δεν αφήνει να χρησιμοποιηθούν εικονίδια πέρα από Regular Style (far). Νομίζω πως εκεί οφείλεται το πρόβλημα στο αντίστοιχο κομμάτι κώδικα που αφορά το phone (διπλανό εικονίδιο) που είναι το μοναδικό πλέον εικονίδιο (σε μένα) που δεν εμφανίζεται στο θέμα (ακόμα και στην νέα έκδοση). Αρχίζω και κάνω τα αντίστοιχα και στα module και νομίζω πως θα ολοκληρώσω την μετάβαση.

Παράλληλα αρχίζω να περνώ κλάσεις του elxis5 στο θέμα (π.χ. div.elx5_artbox) και θα ήθελα μια τελευταία βοήθεια εκεί...

Το mod_articles και mod_archive δεν μου εμφανίζει τη μορφοποίηση (συνδέσμους, παράγραφοι) του εισαγωγικού (δε ξέρω του κύριου) κειμένου... Όλα είναι μια παράγραφο π.χ. η εικόνα που επισυνάπτω. Πώς μπορώ να έχω και τη μορφοποίηση του άρθρου;

Και πάλι ευχαριστώ!

[datahell]

Ευχαριστούμε για το χρόνο σου. Θέλω να ελέγξεις αν είναί λάθος η παρακάτω γραμμή κώδικα...
$block_social .= '<a href="'.$this->tplparams[$social].'" class="itv_social itv_'.$social.'" title="'.ucfirst($social).'" target="_blank"><i class="'.$iconclass.'"></i></a>';

Ναι, σε ευχαριστώ για την αναφορά. Είναι λάθος και σωστά το διόρθωσες. Ενημέρωσα το template στο EDC.

Όλες οι κλάσεις του Elxis 5.x υπάρχουν στο standard.css (templates/system/css/) και τα ονόματά τους ξεκινούν με "elx5_"
Παράδειγμα: elx5_article_header

Θερμή σύσταση: μην επεξεργάζεστε το αρχείο standard.css. Υπερκαλύψτε το γράφοντας τα css rule σας στο αρχείο του template (template.css)

Παράκληση: Ανοίγετε άλλα topic για άλλα θέματα.

Στα γρήγορα για το module articles: Η html αφαιρείται (και τα plugins) και το εισαγωγικό κείμενο (όσο έχεις επιλέξει να εμφανίζεται) γίνεται μία παράγραφος. Δοκίμασε να μειώσεις τον αριθμό χαρακτήρων που εμφανίζονται. Η ιδέα του 5.x είναι άρθρα στο στυλ αυτού που φαίνεται στην εικόνα που επισυνάπτω (και παραλλαγές αυτού).