Attribuer une image à chaque option multiple

Question

J'ai créé un attribut multi-options afin que j'affiche une image pour chaque option mais je n'arrive pas à la faire fonctionner.

J'ai utilisé ce code d'un autre article ici pour obtenir une liste des options à afficher.

Le code est je:

<?php if($_product->getResource()->getAttribute('suitable_for')->getFrontend()->getValue($_product)): ?> 
     <h4>Suitable for:</h4> 
     <ul><li><?php 
      $_comma = ","; 
      $_list = "</li><li>"; 
      echo str_replace($_comma,$_list,$_product->getResource()->getAttribute('suitable_for')->getFrontend()->getValue($_product)) ?>  
     </li></ul> 
     <?php endif; ?> 

Donc cela montre maintenant une liste des options, l'une des uns sur les autres.

Comme je l'ai dit je voudrais qu'une image soit montrée pour chaque option.

Je pensais que le meilleur moyen serait d'avoir des divs et d'assigner une image à chaque div.

J'espérais que je pouvais obtenir que la sortie soit:

<div class="option1"></div> 
<div class="option2"></div> 
<div class="option3"></div> 
<div class="option3"></div> 

au lieu de la sortie que le code ci-dessus présente:

<ul> 
    <li>option1</li> 
    <li>option2</li> 
    <li>option3</li> 
    <li>option4</li> 
</ul> 

Answer 1

Changer votre code

<?php if($_product->getResource()->getAttribute('suitable_for')->getFrontend()->getValue($_product)): ?> 
    <h4>Suitable for:</h4> 
    <div class="<?php 
     $_comma = ","; 
     $_list = "\"></div><div class=\""; 
     echo str_replace($_comma,$_list,$_product->getResource()->getAttribute('suitable_for')->getFrontend()->getValue($_product)) ?>  
    </div> 
    <?php endif; ?>