OpenCart Community

Posted: **Sat Jan 25, 2014 4:53 pm**

Καλημερα σας..
Εχω ενα προιον το οποιο εχει 12 επιλογες..
Καθε επιλογη εχει και διαφορετικη τιμη.
Στην περιγραφη του προιοντος λοιπον εχω βαλει μεγαλες εικονες με ολες τις επιλογες..
Θελω λοιπον οταν παει καποιος και πατησει πανω στην εικονα να περνει αυτοματα το προιον που διαλεξε
στις επιλογες του προιοντος!!
Δυσκολο?
Ουσιαστικα θελω ενα link για καθε επιλογη και μετα να το βαλω ως συνδεσμο μεσα απο την περιγραφη σωστα?
Πως μπορει να "φτιαχτει" αυτος ο συνδεσμος για ολες τις επιλογες?

Για να διευκολύνω λιγό αυτο που θελω να πω..
http://papillon.com.gr/eshop/prosklitirio-stroymfakia

Posted: **Sun Jan 26, 2014 11:08 pm**

τιποτα ρε παιδια?
εστω υπαρχει καποιο module επι πληρωμη που να κανει αυτη την δουλεια?

Posted: **Mon Jan 27, 2014 8:12 pm**

Μπορείς να αλλάξεις την HTML για τις εικόνες; Αν ναι, τότε αυτό που ζητάς μπορεί να γίνει με javascript και jQuery.

Αν μπορείς να το κάνεις, τότε μπορώ να σου δώσω μια λύση.

Posted: **Mon Jan 27, 2014 8:12 pm**

Δεν μπορεί να γίνει αυτό που ζητάς γιατί στην ουσία δεν έχεις δημιουργήσει τις επιλογές αυτές ούτε τους έχεις δώσει τιμές.
Αυτό που μπορείς να κάνεις και είναι ο σωστός τρόπος λειτουργίας για προϊόντα με επιλογές, είναι να πας Κατάλογος --> Επιλογές και να δημιουργήσεις μια νέα επιλογή και να ορίσεις ως τύπο "Εικόνες" και εκεί να περάσεις όλες τις εικόνες των διαφορετικών επιλογών.
Στην συνέχεια θα πας στο προϊόν και στην καρτέλα Επιλογές θα το συνδέσεις με αυτή την επιλογή όπου και θα ορίσεις τις ποσότητες, τιμές και λοιπά.

Posted: **Tue Jan 28, 2014 1:46 am**

Μπορεί να γίνει και με javascript/jquery. Αν μπορείς να βάλεις html κώδικα στις εικόνες, τότε τα πράγματα γίνονται ακόμη πιο εύκολα.

Posted: **Wed Jan 29, 2014 12:15 am**

ναι μπορω να "πειραξω" τις εικονες με html..
πως ομως θα παρει την επιλογη η καθε εικονα?

Posted: **Wed Jan 29, 2014 7:36 am**

mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49

και πες μου αν είναι αυτό που ζητάς.

Posted: **Wed Jan 29, 2014 5:37 pm**

Στην HTML της κάθε εικόνας, μπορείς να προσθέσεις μία data attribute της μορφής πχ:

Code: Select all

data-img_index="1"

Για παράδειγμα, αν η HTML της πρώτης εικόνας είναι:

Code: Select all

<img alt="" src="fakelos/B1_files/1.JPG" style="width: 200px; height: 200px;">

τότε μετά τις αλλαγές θα γίνει:

Code: Select all

<img data-img_index="1" alt="" src="fakelos/B1_files/1.JPG" style="width: 200px; height: 200px;">

με την τιμή του data-img_index να έχει τον ίδιο αύξοντα αριθμό με αυτόν της εικόνας.

Η δεύτερη δηλαδή εικόνα θα γίνει:

Code: Select all

<img data-img_index="2" alt="" src="fakelos/B1_files/2.JPG" style="width: 200px; height: 200px;">

κ.ο.κ

Αφού τα αλλάξεις, προσθέτεις το συνημμένο javascript script και λογικά είσαι ok.

Posted: **Fri Jan 31, 2014 11:52 pm**

noname1 wrote:mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49

και πες μου αν είναι αυτό που ζητάς.

Καλησπερα noname1
οχι δεν ζηταω να αλλαζει η εικονα στην προεπισκοπηση του προιοντος..
με ενδιαφερει στην περιγραφη του προιοντος να βαλω καποιες εικονες και παντοτας πανω σε αυτες να περνει την "επιλογη" αυτοματα και να μην χρειαζετε ο πελατες να το επιλεξει απο το "μενου επιλογων"..
παρακατω ο chalatz μου εδωσε μια λυση αλλα επειδη δεν ξερω απο πολλα αν ειναι αυτο που ζηταω..

Posted: **Sat Feb 01, 2014 6:58 pm**

mikios_69 wrote:
noname1 wrote:mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49

και πες μου αν είναι αυτό που ζητάς.
Καλησπερα noname1
οχι δεν ζηταω να αλλαζει η εικονα στην προεπισκοπηση του προιοντος..
με ενδιαφερει στην περιγραφη του προιοντος να βαλω καποιες εικονες και παντοτας πανω σε αυτες να περνει την "επιλογη" αυτοματα και να μην χρειαζετε ο πελατες να το επιλεξει απο το "μενου επιλογων"..
παρακατω ο chalatz μου εδωσε μια λυση αλλα επειδη δεν ξερω απο πολλα αν ειναι αυτο που ζηταω..

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

Posted: **Sat Feb 01, 2014 11:21 pm**

Δες τι κάνει αυτό που προτείνω:
http://www.screencast.com/t/dhmTt5RxXQ

Posted: **Sun Feb 02, 2014 2:23 am**

chalatz wrote:Δες τι κάνει αυτό που προτείνω:
http://www.screencast.com/t/dhmTt5RxXQ

chalatz nice shot,

Posted: **Tue Feb 04, 2014 4:48 am**

chalatz wrote:Δες τι κάνει αυτό που προτείνω:
http://www.screencast.com/t/dhmTt5RxXQ

ειναι ακριβως αυτο που ζηταω!!!!
απλα μια βοηθεια σχετικα με το myscript γιατι δεν μπορω να καταλαβω τι πρεπει να βαλω κ που!!
με μια μικρη παρατηρηση που δεν ξερω αν ειναι ευκολο
οταν παει πανω απο την εικονα καθε σχεδιου ο δεικτης
να γινεται χερακι για να το καταλαβαινουν κ οι πελατες οτι μπορουν να το επιλεξουν κ απο εκει!!

ευχαριστω προκαταβολικα παιδια για την βοηθεια!!

Posted: **Wed Feb 05, 2014 3:09 am**

Απ' ό,τι βλέπω χρησιμοποιείς το shoppica.

Ένας γρήγορος τρόπος είναι να πας στο αρχείο catalog/view/theme/shoppica2/template/common/footer.tpl και πριν το </body> στο τέλος, να βάλεις το παρακάτω τμήμα κώδικα:

Code: Select all

<script>
$('#product_description img').click(function(){
	var img_index = $(this).data('img_index'), 
		selection = $('#product_options select');
	selection.children('option').eq(img_index).attr('selected','selected');
	selection.children('option').eq(img_index).siblings('option').removeAttr('selected');
});
</script>

Μην ξεχάσεις να βάλεις και τα κατάλληλα data-img_index στην HTML των εικόνων όπως σου είπα πιο πάνω!!!

Τώρα για το χεράκι που θέλεις πάνω στις εικόνες, η γρήγορη λύση είναι να πειράξεις την style ιδιότητα σε κάθε εικόνα και να προσθέσεις cursor: pointer.

H HTML δηλαδή της πρώτης εικόνας, θα γίνει:

Code: Select all

<img data-img_index="1" style="cursor: pointer; width: 200px; height: 200px;" src="http://papillon.com.gr/eshop/image/data/agori/prosklhthria/sxedia-mini/1.JPG" alt="">

της δεύτερης:

Code: Select all

<img data-img_index="2" style="cursor: pointer; width: 200px; height: 200px;" src="http://papillon.com.gr/eshop/image/data/agori/prosklhthria/sxedia-mini/1.JPG" alt="">

κ.ο.κ

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

OpenCart Community

Επιλογη προιοντος απο περιγραφη

Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη

Re: Επιλογη προιοντος απο περιγραφη