Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Changement de l’image selon l’option selectionnée
 
Emilie
Jr. Member
 
Total Posts:  16
Joined:  2008-09-15
 

Je souhaite que l’image du produit change selon l’option (custom option). Prenons l’exemple de la couleur, j’aimerai que l’image du produit rouge s’affiche quand la couleur rouge est selectionnée dans les options.

j’ai suivi ce tutorial qui propose une méthode basée sur jquery :
http://inchoo.net/ecommerce/magento/create-a-color-switcher-in-magento/

et tout semble fonctionner

cependant le script utilise le #id du select dropdown de l’option, ici ‘select_8’ il ne fonctionne donc pas sur mes autres produits qui ont des #id de select dropdown différents (select_10, select_11 ect...).

voici le script : 

<script type="text/javascript">

jQuery(document).ready(function() {


    
// On document ready hide all images first
    
jQuery("#imageShowcase img").hide();
    
jQuery("#productImgDefault").show();
    
        
    
jQuery("#select_8").change(function() {
        
// Hide all images on slect element change action
        
jQuery("#imageShowcase img").hide();

        
// Get the value of selected option
        
var optionValue jQuery(this).attr('value');


        
// Get the content of selected option
        
var optionValueText jQuery.trim(jQuery('#select_8 :selected').text());


        
// Show the image based on selected value
        
jQuery("#productImg" optionValueText).show();
    
});

});
</script>

pour que ce script fonctionne pour tous mes produits qui ont une option couleur, il faudrait que je puisse utiliser le label de l’option ou ajouter un title au dropdown qui n’en a pas.

- comment utiliser le label de l’option, ici ‘color’ dans mon script ou ajouter un title au dropdown, afin de l’utiliser dans mon script pour agir sur tous les produits qui ont l’option color ?

à moins que quelqu’un ai une meileure idée ?

 
Magento Community Magento Community
Magento Community
Magento Community
 
Emilie
Jr. Member
 
Total Posts:  16
Joined:  2008-09-15
 

si j’arrive à ajouter un ‘title’ à mon dorpdown, ensuite je pourrais faire un truc du style :

if(jQuery(this).attr("title") == "Color")

nan ?

 
Magento Community Magento Community
Magento Community
Magento Community
 
SeL_
Magento Team
 
Avatar
Total Posts:  1140
Joined:  2007-10-10
Paris, France
 

Si je ne me trompe pas, dans “select_8”, il y a l’id de ton produit, non ?
Pourquoi pas déplacer le javascript dans media.phtml et remplacer les occurences de l’id (8) par qqe chose du genre

<?php echo $_product->getId() ?>

Précision : Je n’ai pas testé.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top