Post by eekostas » Tue Jun 04, 2013 2:21 am

Καλησπέρα και από εμένα,

Εγκατέστησα την ελληνική έκδοση επιτυχώς σε ένα template που αγόρασα και τώρα η σελίδα είναι δίγλωσση. Αντιμετωπίζω ένα 2 προβλήματα με το καλάθι αγορών. Συγκεκριμένα όταν προσθέτω στο καλάθι ένα προϊόν δεν μου εμφανίζεται σωστά ούτε στο header το καλάθι αγορών ώστε να φαίνεται ότι έχει ένα (1) προϊόν μέσα, δεν μπορώ να πατήσω το cart αριστερά ώστε να δω γρήγορα την αγορά μου και να κάνω αν θέλω checkout αλλά και η μπάρα του καλαθιού όπου αναγράφονται μεταξύ άλλων ο "κωδικός προϊόντος" και η "τιμή μονάδος" δεν εμφανίζεται σωστά.

Θα μπορούσατε να μου πείτε πώς μπορώ να τα διορθώσω; Ευχαριστώ.

Attachments

mpara_kalathi_agorwn.jpg

mpara_kalathi_agorwn.jpg (45.58 KiB) Viewed 1461 times

kalathi_agorwn_me_1_proin_Ellinika.jpg

kalathi_agorwn_me_1_proin_Ellinika.jpg (19.31 KiB) Viewed 1461 times

kalathi_agorwn_me_1_proin_English.jpg

kalathi_agorwn_me_1_proin_English.jpg (22.15 KiB) Viewed 1461 times

Last edited by eekostas on Wed Jun 19, 2013 6:08 pm, edited 1 time in total.

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Tue Jun 04, 2013 8:00 am

Τα προβλήματα οφείλονται στο πρόχειρο σχεδιασμό του template και είναι καθαρά θέμα CSS. Θα έπρεπε να υπάρχει πρόβλεψη να μην "σπάει" αν σε κάποια γλώσσα το κείμενο είναι κάπως μακρύτερο.
Μπορείς να αποτανθείς στο developer του template και να του ζητήσεις να σε βοηθήσει να κάνεις τις απαραίτητες μετατροπές για να μην συμβαίνουν αυτά τα περίεργα.

Εναλλακτικά, σαν έσχατη λύση μπορείς να προσαρμόσεις τα κείμενα από τα αρχεία γλώσσας ώστε να χωράνε στο εν λόγω template.
Για τη πρώτη φωτογραφία του cart στο
catalog/language/greek/checkout/cart.php
Το "κωδικό προϊόντος" μπορείς να το κάνεις "κωδικός" και τη "τιμή μονάδας" "τιμή"

Σχετικά με τα άλλα δυο που αναφέρεις δεν μπορώ να δω σε τι πρόβλημα αναφέρεσαι. Εικάζω ότι και αυτό θα οφείλεται στο "συνωστισμό" (επίκαιρη λέξη στις μέρες μας) ;D . Αν στην Αγγλική μετάφραση λειτουργεί κανονικά δοκίμασε να περιορίσεις κι εκεί τις λέξεις.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Tue Jun 04, 2013 2:39 pm

Σε ευχαριστώ πολύ για την απάντησή σου. Οι δύο τελευταίες εικόνες που είναι επισυναπτόμενες δείχνουν ακριβώς το ίδιο πράγμα στην ελληνική και στην αγγλική γλώσσα, δηλ. έχει προστεθεί ένα προϊόν στο καλάθι αγορών. Στην μεν αγγλική γλώσσα φαίνεται μια χαρά και πατώντας και το εικονίδιο του cart μας εμφανίζει το προϊόν, στη δε ελληνική γλώσσα είναι αυτό που φαίνεται..σαν να λείπει..

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Wed Jun 05, 2013 1:14 am

Οκ, κάνε κλικ και drag το ποντίκι για να επιλέξεις όλο το header. Αν είναι κάπου "κρυμμένο" ίσως έτσι φανεί για να μπορέσεις να το κάνεις εικόνα και να δούμε που βρίσκεται. Επίσης, από τις φωτογραφίες καταλαβαίνω ότι το template χρησιμοποιεί γραμματοσειρά που δεν υποστηρίζει Ελληνικά, έτσι στα Ελληνικά φορτώνει ότι σχετικό font βρει από το σύστημα και στο δικό σου με αυτό που φόρτωσε εμφανίζονται 1-2 pixels μεγαλύτερα. Πόσταρε το κώδικα του head της σελίδας να δούμε τι φορτώνει. Ενδέχεται να μπορέσουμε να το διορθώσουμε αν είναι googlefont.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Wed Jun 05, 2013 2:40 am

Σε ευχαριστώ και πάλι. Μίκρυνα το font size και ήρθε. Δυστυχώς όμως θα συμφωνήσω μαζί σου για το template - έκανα μια κακή αγορά γιατί όλα τα heading tags τα έχει δημιουργήσει με το χρώμα του background το οποίο background είναι gradient. Όπως καταλαβαίνεις τα heading tags έχουν πίσω ένα χρώμα που άλλοτε δεν φαίνεται γιατί είναι ίδιο με το background και άλλοτε ξεχωρίζει γιατί έχει διαφορετικό χρώμα από το background (δες εικόνα)..

Με την εμπειρία σου/(σας) μπορούν να διορθωθούν (να βάλω ένα πλαίσιο/ να τα κάνω transparent....) ή να αλλάξω ρότα;;;;;;;;

(Συγνώμη κιόλας που συνέχισα με κάτι διαφορετικό από το αρχικό μου post).

Attachments

latest-feaured-background-color.jpg

latest-feaured-background-color.jpg (150.21 KiB) Viewed 1431 times


New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Wed Jun 05, 2013 3:48 am

Ναι, στους τίτλους μπορείς να αφαιρέσεις το background.

Σχετικά με το template, είναι ωραίο από άποψη αισθητικής, αλλά σε επίπεδο κώδικα έχει ατέλειες. Αν έχεις διάθεση, γνώσεις και ελεύθερο χρόνο, μπορείς να ασχοληθείς και να διορθώσεις τα όποια προβλήματα. Αλλιώς ψάχνεις κάτι καλύτερο γνωρίζοντας πλέον τι χρειάζεται να ελέγξεις. Πάντως από, προσωπική μου εμπειρία, ότι και να αγοράσεις όλο και κάπου θα υπάρχει ατέλεια ... από την άλλη αγοράζεις κάτι πολύ φτηνά που σε γλιτώνει από άπειρο χρόνο σε σχέση με το να το έφτιαχνες από την αρχή.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Wed Jun 05, 2013 4:09 am

Είναι καλαίσθητο και αυτός ήταν ο λόγος που επιλέχθηκε. Συμφωνώ απόλυτα μαζί σου και για τις ατέλειες στα templates επί χρήμασι καθώς και στο κέρδος του χρόνου!

Θα μπορούσες να με καθοδηγήσεις πώς να αφαιρέσω το background;

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Wed Jun 05, 2013 7:15 am

Βασικά με το τρόπο που το έχει υλοποιήσει πρέπει να αλλάξουν πολλά πράγματα για να γίνει σωστά γιατί το background το χρησιμοποιεί σαν μάσκα για να καλύψει τις γραμμές που συνεχίζουν από κάτω από τα γράμματα. Βέβαια όπως ανέφερες το γενικό background του site είναι gradient με αποτέλεσμα να φαίνεται το μπάλωμα ... Μία πρόχειρη λύση χωρίς να πειράξεις html είναι να αφαιρέσεις τελείως το μπάλωμα και τις γραμμές και να φτιάξεις ένα πιο απλό διαχωριστικό κάτω από το τίτλο.

στο stylesheet.css του template, το

Code: Select all

h1, .welcome {
	font-family: 'Gochi Hand', Times;
	font-size: 28px;
	color: #205e75;
	font-weight: normal;
	float: left;
	width: 100%;
	text-align: left;
	background: url(../image/title_prod_list.png) repeat-x right center;
	margin-top: 20px;
}
κάνε το

Code: Select all

h1, .welcome {
	font-family: 'Gochi Hand', Times;
	font-size: 28px;
	color: #205e75;
	font-weight: normal;
	float: left;
	width: 100%;
	text-align: left;
	/*background: url(../image/title_prod_list.png) repeat-x right center;*/
	margin-top: 20px;
        padding-bottom: 4px; /* Fix */
        border-bottom: 1px dashed #3394B8; /* Fix */
}
και το

Code: Select all

h1 span, .welcome span {
	background: #e9f5fa;
	float:left;
	padding-right:20px
}
κάνε το

Code: Select all

h1 span, .welcome span {
	/*background: #e9f5fa;*/
	float:left;
	padding-right:20px
}

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Wed Jun 05, 2013 5:58 pm

Σε ευχαριστώ πάρα πολύ. Οι αλλαγές σου βελτίωσαν την εικόνα σίγουρα. Δυστυχώς δεν έχω τις γνώσεις για να δω τι άλλα πρέπει να αλλάξουν για να είναι σωστό. Είμαι σίγουρος όμως πως θα βρω και άλλα στην πορεία (γραμματοσειρές κτλ κτλ)... :)

Όπως και να έχει σε ευχαριστώ!

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Thu Jun 06, 2013 2:45 am

Μπορείς φυσικά να κάνεις και το ανάποδο, να δώσεις στο γενικό background ένα fix χρώμα κάπου από τη μέση, να δώσεις το ίδιο χρώμα στο μπάλωμα του τίτλου και να αφήσεις τις γραμμές πλάι από το τίτλο όπως ήταν.

Για άλλα ζητηματάκια με μια γρήγορη ματιά που του έριξα στο theme forest, θα χρειαστεί να φορτώσεις κάποιο google font με Ελληνική υποστήριξη και να το ορίσεις στο css στη θέση αυτών που δημιουργούν πρόβλημα, να βρεθεί κάποια λύση στο μενού γιατί φαίνεται άσχημα στο hover, να φτιαχτούν όσα backgrounds είναι fix εικόνες γιατί αν μεγαλώσουν τα table data τα γράμματα βγαίνουν έξω. Ένα άλλο θέμα είναι ότι δεν περνάει το validation, που είναι και αυτό μια ένδειξη προχειρότητας. Καλό θα ήταν να διορθωθεί και σε αυτό το τομέα.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Thu Jun 06, 2013 9:52 pm

??? Τώρα με άγχωσες περισσότερο! Φάνηκε από την αρχή που το εγκατέστησα ότι δεν υποστηρίζει την Ελληνική γραμματοσειρά. Έκανα μια γρήγορη έρευνα στο διαδίκτυο και βρήκα αυτά από την βοήθειά σου:

1. http://www.google.com/fonts -> script=Greek - όπως Arimo, Open Sans
2. http://www.jackwdavis.com/2012/02/29/ho ... gle-fonts/

Πιστεύω ότι ίσως έτσι διορθωθεί το θέμα με τα ελληνικά (?).. Τώρα για τα υπόλοιπα που ανέφερες, εν οίδα ότι ουδέν οίδα"!!!! Και αυτό φοριέται επίσης πολύ στην εποχή μας - κατά κόρον μην σου πω! Κοινώς, δε νομίζω να μπορέσω να τα διορθώσω μόνος...

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm

Post by People's Code » Fri Jun 07, 2013 5:55 am

Δυστυχώς η διαδικασία είναι λίγο πιο πολύπλοκη. Το template χρησιμοποιεί 2 γραμματοσειρές "Source Sans Pro" και "Gochi Hand" που καμία δεν υποστηρίζει Ελληνικά. Άρα σε windows θα αντικατασταθούν από Arial (Sans Serif) και Times New Roman (Serif) που σημαίνει ότι το κατάστημα θα έχει τεράστια διαφορά στην αισθητική από τα Αγγλικά στα Ελληνικά.

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

Προτείνω να χρησιμοποιήσεις παντού μία Sans Serif γιατί είδα τους τίτλους με Serif και δεν του πάει καθόλου.

Άρα από το φάκελο του template σου, ανοίγεις το commonn/header.tpl
και αντικαθιστάς αυτά

Code: Select all

<link rel="stylesheet" type="text/css" href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700' />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Gochi+Hand" />
με αυτό

Code: Select all

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,greek' rel='stylesheet' type='text/css'>
(Αν το template σου δίνει τη δυνατότητα να αλλάξεις τις γραμματοσειρές μέσω κάποιου extension για settings κάνε το καλύτερα από εκεί)

Στο stylesheet.css προτείνω να κάνεις search & replace παντού αυτό

Code: Select all

font-family: 'Gochi Hand', Times;
Με αυτό

Code: Select all

/*font-family: 'Gochi Hand', Times;*/
font-family: 'Open Sans', sans-serif;
Και αυτό

Code: Select all

font-family: 'Source Sans Pro', Arial;
Με αυτό

Code: Select all

/*font-family: 'Source Sans Pro', Arial;*/
font-family: 'Open Sans', sans-serif;
Σχετικά με τα υπόλοιπα, θα χρειαστείς developer γιατί δεν είναι απλό και δεν είναι της παρούσης εν μέσω κρίσης. Αν πάνε οι δουλειές σου καλά, ανέθεσε το σε κάποιον ειδικό να εντοπίσει και να διορθώσει ότι χρειαστεί γιατί υπάρχουν κι άλλα θέματα που μπορεί να βελτιώσει ένας ειδικός, από έλεγχο για crossbrowser/crossplatform συμβατότητα σε "αυτοαποκαλούμενα" responsive themes, έως τη βελτίωση της ασφάλειας της εφαρμογής.

PeoplesCode.com
Επίσημος Αντιπρόσωπος OpenCart | Extensions - Φιλοξενία - Αναβάθμιση - Τεχνική Υποστήριξη OpenCart
Opencart-Hellas.gr - Η Ελληνική κοινότητα του Opencart
Πλήρης Ελληνική μετάφραση OpenCart


User avatar
Active Member

Posts

Joined
Fri Jul 27, 2012 5:30 am
Location - Hellas

Post by eekostas » Mon Jun 10, 2013 12:15 am

Σε ευχαριστώ πολύ για μια ακόμη φορά. Θα ακολουθήσω τις συμβουλές σου.

New member

Posts

Joined
Sun Jun 02, 2013 11:11 pm
Who is online

Users browsing this forum: No registered users and 2 guests