Καλημερα σας..
Εχω ενα προιον το οποιο εχει 12 επιλογες..
Καθε επιλογη εχει και διαφορετικη τιμη.
Στην περιγραφη του προιοντος λοιπον εχω βαλει μεγαλες εικονες με ολες τις επιλογες..
Θελω λοιπον οταν παει καποιος και πατησει πανω στην εικονα να περνει αυτοματα το προιον που διαλεξε
στις επιλογες του προιοντος!!
Δυσκολο?
Ουσιαστικα θελω ενα link για καθε επιλογη και μετα να το βαλω ως συνδεσμο μεσα απο την περιγραφη σωστα?
Πως μπορει να "φτιαχτει" αυτος ο συνδεσμος για ολες τις επιλογες?
Για να διευκολύνω λιγό αυτο που θελω να πω..
http://papillon.com.gr/eshop/prosklitirio-stroymfakia
Δεν μπορεί να γίνει αυτό που ζητάς γιατί στην ουσία δεν έχεις δημιουργήσει τις επιλογές αυτές ούτε τους έχεις δώσει τιμές.
Αυτό που μπορείς να κάνεις και είναι ο σωστός τρόπος λειτουργίας για προϊόντα με επιλογές, είναι να πας Κατάλογος --> Επιλογές και να δημιουργήσεις μια νέα επιλογή και να ορίσεις ως τύπο "Εικόνες" και εκεί να περάσεις όλες τις εικόνες των διαφορετικών επιλογών.
Στην συνέχεια θα πας στο προϊόν και στην καρτέλα Επιλογές θα το συνδέσεις με αυτή την επιλογή όπου και θα ορίσεις τις ποσότητες, τιμές και λοιπά.
Αυτό που μπορείς να κάνεις και είναι ο σωστός τρόπος λειτουργίας για προϊόντα με επιλογές, είναι να πας Κατάλογος --> Επιλογές και να δημιουργήσεις μια νέα επιλογή και να ορίσεις ως τύπο "Εικόνες" και εκεί να περάσεις όλες τις εικόνες των διαφορετικών επιλογών.
Στην συνέχεια θα πας στο προϊόν και στην καρτέλα Επιλογές θα το συνδέσεις με αυτή την επιλογή όπου και θα ορίσεις τις ποσότητες, τιμές και λοιπά.
mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49
και πες μου αν είναι αυτό που ζητάς.
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49
και πες μου αν είναι αυτό που ζητάς.
Παρέχουμε VPS Hosting σε Ελλαδα & Γερμανία σε ιδιόκτητους Dell Enterprise PowerEdge Servers
https://www.fivelayer.host/
Opencart ESHOP
https://www.think-open.gr/
Στην HTML της κάθε εικόνας, μπορείς να προσθέσεις μία data attribute της μορφής πχ:
Για παράδειγμα, αν η HTML της πρώτης εικόνας είναι:
τότε μετά τις αλλαγές θα γίνει:
με την τιμή του data-img_index να έχει τον ίδιο αύξοντα αριθμό με αυτόν της εικόνας.
Η δεύτερη δηλαδή εικόνα θα γίνει:
κ.ο.κ
Αφού τα αλλάξεις, προσθέτεις το συνημμένο javascript script και λογικά είσαι ok.
Code: Select all
data-img_index="1"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;">Η δεύτερη δηλαδή εικόνα θα γίνει:
Code: Select all
<img data-img_index="2" alt="" src="fakelos/B1_files/2.JPG" style="width: 200px; height: 200px;">Αφού τα αλλάξεις, προσθέτεις το συνημμένο javascript script και λογικά είσαι ok.
Attachments
Καλησπερα noname1noname1 wrote:mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49
και πες μου αν είναι αυτό που ζητάς.
οχι δεν ζηταω να αλλαζει η εικονα στην προεπισκοπηση του προιοντος..
με ενδιαφερει στην περιγραφη του προιοντος να βαλω καποιες εικονες και παντοτας πανω σε αυτες να περνει την "επιλογη" αυτοματα και να μην χρειαζετε ο πελατες να το επιλεξει απο το "μενου επιλογων"..
παρακατω ο chalatz μου εδωσε μια λυση αλλα επειδη δεν ξερω απο πολλα αν ειναι αυτο που ζηταω..
Αυτό που μπορεί να γίνει σκετικά εύκολα είναι μόλις αλλάζει η photo να αλλάζει και το description, δηλαδή φωτογραφία και κείμενο ταυτόχρονα.mikios_69 wrote:Καλησπερα noname1noname1 wrote:mikio, καλησπέρα
δες σε παρακαλω αυτο το link - διάλεξε χρώμα επιλογής να δείς τι γίνεται.
http://gogreen.gr/shop/item/49
και πες μου αν είναι αυτό που ζητάς.
οχι δεν ζηταω να αλλαζει η εικονα στην προεπισκοπηση του προιοντος..
με ενδιαφερει στην περιγραφη του προιοντος να βαλω καποιες εικονες και παντοτας πανω σε αυτες να περνει την "επιλογη" αυτοματα και να μην χρειαζετε ο πελατες να το επιλεξει απο το "μενου επιλογων"..
παρακατω ο chalatz μου εδωσε μια λυση αλλα επειδη δεν ξερω απο πολλα αν ειναι αυτο που ζηταω..
Παρέχουμε VPS Hosting σε Ελλαδα & Γερμανία σε ιδιόκτητους Dell Enterprise PowerEdge Servers
https://www.fivelayer.host/
Opencart ESHOP
https://www.think-open.gr/
chalatz nice shot,chalatz wrote:Δες τι κάνει αυτό που προτείνω:
http://www.screencast.com/t/dhmTt5RxXQ
Παρέχουμε VPS Hosting σε Ελλαδα & Γερμανία σε ιδιόκτητους Dell Enterprise PowerEdge Servers
https://www.fivelayer.host/
Opencart ESHOP
https://www.think-open.gr/
ειναι ακριβως αυτο που ζηταω!!!!chalatz wrote:Δες τι κάνει αυτό που προτείνω:
http://www.screencast.com/t/dhmTt5RxXQ
απλα μια βοηθεια σχετικα με το myscript γιατι δεν μπορω να καταλαβω τι πρεπει να βαλω κ που!!
με μια μικρη παρατηρηση που δεν ξερω αν ειναι ευκολο
οταν παει πανω απο την εικονα καθε σχεδιου ο δεικτης
να γινεται χερακι για να το καταλαβαινουν κ οι πελατες οτι μπορουν να το επιλεξουν κ απο εκει!!
ευχαριστω προκαταβολικα παιδια για την βοηθεια!!
Απ' ό,τι βλέπω χρησιμοποιείς το shoppica.
Ένας γρήγορος τρόπος είναι να πας στο αρχείο catalog/view/theme/shoppica2/template/common/footer.tpl και πριν το </body> στο τέλος, να βάλεις το παρακάτω τμήμα κώδικα:
Μην ξεχάσεις να βάλεις και τα κατάλληλα data-img_index στην HTML των εικόνων όπως σου είπα πιο πάνω!!!
Τώρα για το χεράκι που θέλεις πάνω στις εικόνες, η γρήγορη λύση είναι να πειράξεις την style ιδιότητα σε κάθε εικόνα και να προσθέσεις cursor: pointer.
H HTML δηλαδή της πρώτης εικόνας, θα γίνει:
της δεύτερης:
κ.ο.κ
Ελπίζω να έγινα κατανοητός. Αν συναντήσεις προβλήματα, εδώ είμαστε.
Ένας γρήγορος τρόπος είναι να πας στο αρχείο 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>Τώρα για το χεράκι που θέλεις πάνω στις εικόνες, η γρήγορη λύση είναι να πειράξεις την 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="">Ελπίζω να έγινα κατανοητός. Αν συναντήσεις προβλήματα, εδώ είμαστε.
Who is online
Users browsing this forum: No registered users and 139 guests
