Elxis CMS Forum
Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: anacon on May 22, 2019, 07:50:26
-
Εκανα update το elxis στην εκδοση 5.
Όμως έχω ένα μικρο θέμα με τα icons βλέπε photo
Το template είναι το IOS Travel
-
Υπάρχουν κάποια μικρο-θεματάκια συμβατότητας μεταξύ 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:"FontAwesome"
Σε:
font-family:"'Font Awesome 5 Free'";
-
Ναι όπου βλέπεις!
-
Το έκανα ακριβώς όπως μου είπες άλλα δεν διορθώθηκε σε όλα μόνο σε μερικά σημεία
https://www.ayiamarina.live/
κοίταξε το και εσύ μια ματιά
-
Θα κάνω restore το backup μέχρι να διορθωθούν τα μικρο προβλήματα διότι βλέπω ότι έχει και ένα θέμα με το upload των photos βγάζει error 500
-
ΟΛΑ τα μικροπροβλήματα λύνονται εύκολα. Μία ερώτηση εδώ και έχεις λύση. Μην επιστρέψεις στο παλιό!
Το upload των εικόνων σε site με php μικρότερη της 5.6 λύθηκε. Δες εδώ (https://forum.elxis.org/index.php?topic=9016.msg57321#msg57321).
-
Ωραίος. Θα το δοκιμασω τοπικα για να δω αν ολα είναι οκ και μετα θα το ανεβασω στο live site
-
To component Simple Gallery δυστυχώς δεν είναι συμβατό με το νέο Elxis. Υπάρχει περίπτωση να γίνει update?
-
Δεν χρειαζεται update. Φορτωσε το jquery στο template onyx. Θα σου γραψω ακριβως τι να κανεις σε λιγο.
-
Επειδή το Elxis 5.x δεν χρησιμοποιεί jQuery το νέο template διαχείρισης (Onyx) δεν φορτώνει το jQuery όπως έκανε το παλιό (Iris). Αυτό έχει ως αποτέλεσμα ορισμένες παλαιότερες επεκτάσεις να μην δουλεύουν σωστά. Το πρόβλημα μπορεί να λυθεί εύκολα ως εξής:
Ανοίγουμε το αρχείο index.php του template onyx:
templates/admin/onyx/index.php
και γράφουμε κάπου ψηλά αυτό:
$eDoc->addJQuery();
Αυτό ήταν όλο!
-
Τα έκανα όλα βήμα βήμα αλλά πάλι έχω τα ίδια προβλήματα. Τα icons του template δεν βγαίνουν σωστά, έχω το ίδιο θέμα με το upload photos παράγει error 500.
Δες photo.
Το simple gallery φαίνεται οκ.
-
To error που παράγει στο error log του server όταν προσπαθώ να ανεβάσω photo είναι αυτό
[Thu May 23 01:00:49.398647 2019] [proxy_fcgi:error] [pid 29989:tid 140672715527936] [client 185.78.129.211:56450] AH01071: Got error 'PHP message: PHP Fatal error: Namespace declaration statement has to be the very first statement in the script in /../../../ayiamarina.live/public_html/includes/js/jodit/connector/vendor/composer/ClassLoader.php on line 15\n', referer: https://www.ayiamarina.live/estia/content/articles/add.html
Αν σε βοηθά σε κάτι αυτό.
-
Άνοιξε το αρχείο: includes/js/jodit/connector/vendor/composer/ClassLoader.php
Μετέφερε τη γραμμή:
namespace Composer\Autoload;
πρώτη, πάνω από το:
defined('_ELXIS_') or die ('Direct access to this location is not allowed');
Ώστε στο τέλος να έχεις αυτό:
namespace Composer\Autoload;
defined('_ELXIS_') or die ('Direct access to this location is not allowed');
Κάνε το ίδιο και στο αρχείο:
includes/js/jodit/connector/vendor/composer/autoload_static.php
Πες μου αν το πρόβλημα λύθηκε.
-
Καλημέρα,
Βλέποντας το error.log έκανα το ίδιο σε όλα τα αρχεία του:
/includes/js/jodit/connector/vendor/jodit/application/src
Το πρόβλημα λύθηκε!
-
https://www.ayiamarina.live update complete ;)
Όλα είναι οκ τώρα μόνο με τα icons έχω θέμα και δεν κατάφερα να το διορθώσω όπως μου είπες αν θες ρίξε μια μάτια και εσύ.
Πάντως το νέο Elxis έγινε φοβερή δουλειά μπράβο
-
https://www.cycinema.live/ Έγινε και αυτό update σε Elxis 5
Όμως τα icons του itravel ακόμα έχουν θέμα. Καμιά ιδέα?
-
Η καλύτερη λύση είναι η ακόλουθη.
Άνοιξε το παρακάτω αρχείο και αντικατέστησε τα unicode symbols με <i ...> tags.
templates/itravel/includes/itravel.class.php
Τα unicode symbols ξεκινάνε με &#x
Θα πρέπει να τα αντικαταστήσεις με εικονίδια (έκδοσης 5) από το fontawesome.com (https://fontawesome.com/icons?d=gallery&m=free)
Παράδειγμα:
$block_social .= '<a href="'.$link.'" class="itv_social itv_rss" title="RSS"></a>';
Αλλαγή σε:
$block_social .= '<a href="'.$link.'" class="itv_social itv_rss" title="RSS"><i class="fas fa-rss"></i></a>';
-
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;
Τα υπόλοιπα είναι οκ
-
Υπάρχουν κάποια μικρο-θεματάκια συμβατότητας μεταξύ 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;
Κατά τα άλλα μέχρι στιγμής άψογο...
-
Αυτό που έκανα σε ένα template ήταν να γράψω σε ένα σημείο:
$eDoc->addFontAwesome(true);
και όλα κομπλέ!
-
Σωστά Σταύρο, και να εξηγήσω:
Το Elxis 5 φορτώνει εξ ορισμού τις "regular" και "solid" εκδόσεις του font awesome:
$eDoc->addFontAwesome();
Αν θες να φορτώσεις και τα "brands" (facebook, twitter, microsoft, apple, κλπ), πρέπει να το κάνεις έτσι:
$eDoc->addFontAwesome(true);
-
Το δοκίμασα άλλα δεν μου δούλεψε στο template itravel
Αν δεν κάνω λάθος στο index.php του template βάζουμε το $eDoc->addFontAwesome(true);
-
Επιβεβαιώνω πως δεν λειτούργησε για τα συγκεκριμένα εικονίδια που χρησιμοποιώ.
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 που τα έβαλα ως παράδειγμα όχι. Βασικά τα περισσότερα.
-
Υπάρχουν ορισμένες αλλαγές στα εικονίδια μεταξύ font awesome 4 και 5.
Font awesome 4.7, class: fa fa-facebook, unicode code: f09a link (https://fontawesome.com/v4.7.0/icon/facebook)
Font awesome 5.0, class: fab fa-facebook-f, unicode code: f39e link (https://fontawesome.com/icons/facebook-f?style=brands)
@anacon και @Dimitris Kanatas: αν θέλετε στείλτε μου με ένα προσωπικό μήνυμα στοιχεία σύνδεσης στο ftp σας να σας φτιάξω τα εικονίδια.
-
Σου έστειλα PM τα ftp
-
Γιάννη απ` ότι κατάλαβα σε μένα εμφανίζονται κανονικά μόνο τα εικονίδια της παρακάτω λίστας:
https://fontawesome.com/icons?d=gallery&s=regular&m=free
-
@Dimitris Kanatas
Πολύ καλά κατάλαβες Δημήτρη! Ο λόγος είναι ότι όταν ζητάς γενικά τα free εικονίδια, φέρνει μόνο τα "κανονικά" με βάρος 400. Αν θες τα solid, τότε πρέπει να το δηλώσεις, καθώς το βάρος τους είναι 900.
Συνεπώς, για να εμφανίσεις τα free και solid, προσθέτεις στον κώδικά σου το font-weight: 900;
Et Voila!
-
@Dimitris Kanatas
Πολύ καλά κατάλαβες Δημήτρη! Ο λόγος είναι ότι όταν ζητάς γενικά τα free εικονίδια, φέρνει μόνο τα "κανονικά" με βάρος 400. Αν θες τα solid, τότε πρέπει να το δηλώσεις, καθώς το βάρος τους είναι 900.
Συνεπώς, για να εμφανίσεις τα free και solid, προσθέτεις στον κώδικά σου το font-weight: 900;
Et Voila!
Eleanna με font-weight: 900; εμφανίστηκαν όλα τα εικονίδια εκτός του facebook. Δε ξέρω όμως για την ορθότητα της χρήσης του font-weight σε τέτοια εικονίδια. Λίγο περίεργη έγινε η χρήση του font awesome. Σε ευχαριστώ Eleanna. :)
-
@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.
-
@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)).
-
Η html και οι css κλάσεις του περιεχομένου άλλαξαν. Αφαιρέθηκε το inline css και αντικαταστάθηκε με css κλάσεις. Επίσης υπάρχουν αλλαγές στις παραμέτρους. Αυτό επηρέασε όλες τις επεκτάσεις (πχ mod_articles) που έχουν να κάνουν με άρθρα/κατηγορίες. Το αποτέλεσμα είναι πιο semantic σωστή html, μικρότερη, σύγχρονη με καλύτερη εμφάνιση σε όλες τις συσκευές.
-
@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
Παρακαλώ Δημήτρη!
-
Ευχαριστώ datahell
Αν θες πες μας πως το έκανες για να το δούνε και οι υπόλοιποι αν τυχών έχουν το ίδιο θέμα
-
Ευχαριστώ datahell
Αν θες πες μας πως το έκανες για να το δούνε και οι υπόλοιποι αν τυχών έχουν το ίδιο θέμα
Θα συμφωνήσω με τον anacon. Γιάννη σου έστειλα p.m.
-
Επειδή βαρέθηκα το θέμα έβγαλα νέα έκδοση (1.3) με τις διορθώσεις για το Elxis 5.x.
https://www.elxis.net/edc/templates/148.html (https://www.elxis.net/edc/templates/148.html)
Σημείωση: Το template IOS Travel έχει φτιαχθεί για το Elxis 4.x και δεν περιέχει τις css κλάσεις του 5.x. Έτσι όπου θέλετε να κάνετε αλλαγές (πχ στα χρώματα) προσθέστε τες στο τέλος του αρχείο template.css.
-
Γεια σου Γιάννη,
Ευχαριστούμε για το χρόνο σου. Θέλω να ελέγξεις αν είναί λάθος η παρακάτω γραμμή κώδικα...
$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>';
έστωσαν τα πράγματα...
-
Επίσης σε ορισμένα σημεία νομίζω πως υπάρχουν "" ανάμεσα στο '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 δεν μου εμφανίζει τη μορφοποίηση (συνδέσμους, παράγραφοι) του εισαγωγικού (δε ξέρω του κύριου) κειμένου... Όλα είναι μια παράγραφο π.χ. η εικόνα που επισυνάπτω. Πώς μπορώ να έχω και τη μορφοποίηση του άρθρου;
Και πάλι ευχαριστώ!
-
Ευχαριστούμε για το χρόνο σου. Θέλω να ελέγξεις αν είναί λάθος η παρακάτω γραμμή κώδικα...
$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 είναι άρθρα στο στυλ αυτού που φαίνεται στην εικόνα που επισυνάπτω (και παραλλαγές αυτού).