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

[anacon]

https://www.ayiamarina.live update complete 
Όλα είναι οκ τώρα μόνο με τα icons έχω θέμα και δεν κατάφερα να το διορθώσω όπως μου είπες αν θες ρίξε μια μάτια και εσύ.

Πάντως το νέο Elxis έγινε φοβερή δουλειά μπράβο

[anacon]

https://www.cycinema.live/ Έγινε και αυτό update σε Elxis 5
Όμως τα icons του itravel ακόμα έχουν θέμα. Καμιά ιδέα?

[datahell]

Η καλύτερη λύση είναι η ακόλουθη.

Άνοιξε το παρακάτω αρχείο και αντικατέστησε τα unicode symbols με <i ...> tags.
templates/itravel/includes/itravel.class.php

Τα unicode symbols ξεκινάνε με &#x
Θα πρέπει να τα αντικαταστήσεις με εικονίδια (έκδοσης 5) από το fontawesome.com

Παράδειγμα:
$block_social .= '<a href="'.$link.'" class="itv_social itv_rss" title="RSS">&#xf09e;</a>';

Αλλαγή σε:
$block_social .= '<a href="'.$link.'" class="itv_social itv_rss" title="RSS"><i class="fas fa-rss"></i></a>';

[anacon]

Ok σε αυτό πως το κάνω

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

δοκίμασα άλλα δεν δουλεύει
και σε αυτό επίσης δεν τα κατάφερα

a.itv_to_top {
   position:fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; margin:0; padding: 10px; display: none; cursor: pointer;
   background: #333333; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; font-size: 20px; font-family:'Font Awesome 5 Free'; line-height: 20px; text-align: center;

Τα υπόλοιπα είναι οκ

[Dimitris Kanatas]

Υπάρχουν κάποια μικρο-θεματάκια συμβατότητας μεταξύ 4.x και 5.x όσον αφορά τις παλαιότερες επεκτάσεις. Κάνε τα παρακάτω για να λύσεις το συγκεκριμένο πρόβλημα.

Άνοιξε το css του template: templates/itravel/css/template.css
Αντικατέστησε όπου βλέπεις γραμματοσειρά FontAwesome με 'Font Awesome 5 Free'

Παράδειγμα.
Από:
font-family: FontAwesome;
Σε:
font-family: 'Font Awesome 5 Free';

Αποθήκευσε και είσαι έτοιμος.

Προαιρετικά, κάνε και αυτό:
Άνοιξε το αρχείο templates/itravel/index.php

Κάτω από τη γραμμή 31 (unset($relpath);) πρόσθεσε αυτό:
$tplts = filemtime(ELXIS_PATH.'/templates/itravel/css/template.css');

Λίγο πιο κάτω, άλλαξε αυτή τη γραμμή:
<link rel="stylesheet" href="<?php echo $elxis->secureBase(); ?>/templates/itravel/css/template.css" type="text/css" />

Σε αυτό:
<link rel="stylesheet" href="<?php echo $elxis->secureBase(); ?>/templates/itravel/css/template.css?v=<?php echo $tplts; ?>" type="text/css" />

Αυτή η προαιρετική αλλαγή συστήνεται θερμά σε όλες τις επεκτάσεις που προσθέτουν css/js χωρίς τις συναρτήσεις του Elxis ($eDoc->addStyleLink / $eDoc->addScriptLink) καθώς αναγκάζει τον browser να φρεσκάρει την cache του αν γίνουν αλλαγές στο αρχείο css πράγμα που μας λύνει πολλά προβλήματα (χειροκίνητο άδεισμα cache, διαγραφή ιστορικού περιήγησης, κλπ).

Γεια σας,

Γιάννη έκανα την παραπάνω ενέργεια (font-family: 'Font Awesome 5 Free' αλλά τα περισσότερα εικονίδια δεν εμφανίστηκαν (όπως εκείνου του facebook στο www.cycinema.live του anacon που βλέπω) Παίζει κάτι για την free έκδοση Font Awesome;

Κατά τα άλλα μέχρι στιγμής άψογο...

[webgift]

Αυτό που έκανα σε ένα template ήταν να γράψω σε ένα σημείο:

$eDoc->addFontAwesome(true);

και όλα κομπλέ!

[datahell]

Σωστά Σταύρο, και να εξηγήσω:

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

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

[anacon]

Το δοκίμασα άλλα δεν μου δούλεψε στο template itravel
Αν δεν κάνω λάθος στο index.php του template βάζουμε το $eDoc->addFontAwesome(true);

[Dimitris Kanatas]

Επιβεβαιώνω πως δεν λειτούργησε για τα συγκεκριμένα εικονίδια που χρησιμοποιώ.

Code: [Select]

a.itv_contact_mail:before { display:inline-block; content: '\f0e0'; margin-right:5px; font-family: 'Font Awesome 5 Free'; font-size:16px; }

a.itv_organig_mail:before { display:inline-block; content: '\f0c0'; margin-right:5px; font-family: 'Font Awesome 5 Free'; font-size:16px; }

a.itv_contact_phone:before { display:inline-block; content: '\f095'; margin-right:5px; font-family: 'Font Awesome 5 Free'; font-size:16px; }


Το πρώτο εμφανίζεται αλλαγμένο σε σχέση με το προηγούμενο. Τα υπόλοιπα 2 που τα έβαλα ως παράδειγμα όχι. Βασικά τα περισσότερα.

[datahell]

Υπάρχουν ορισμένες αλλαγές στα εικονίδια μεταξύ font awesome 4 και 5.

Font awesome 4.7, class: fa fa-facebook, unicode code: f09a link
Font awesome 5.0, class: fab fa-facebook-f, unicode code: f39e link

@anacon και @Dimitris Kanatas: αν θέλετε στείλτε μου με ένα προσωπικό μήνυμα στοιχεία σύνδεσης στο ftp σας να σας φτιάξω τα εικονίδια.

[anacon]

Σου έστειλα PM τα ftp

[Dimitris Kanatas]

Γιάννη απ` ότι κατάλαβα σε μένα εμφανίζονται κανονικά μόνο τα εικονίδια της παρακάτω λίστας:

https://fontawesome.com/icons?d=gallery&s=regular&m=free

[Eleanna]

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

[Dimitris Kanatas]

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

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

[datahell]

@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.