php - 属性将图像分配给每个多选项

Question

我创建了一个多选项属性，以便为每个选项显示一个图像，但我无法让它工作。

我已使用此处另一篇文章中的代码来获取要显示的选项列表。

我使用的代码是：

<?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; ?>

所以这现在显示了一个选项列表，一个在彼此之上。

正如我所说，我希望为每个选项显示一张图片。

我认为最好的方法是拥有 div 并为每个 div 分配一个图像。

我希望我可以得到输出：

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

而不是上面代码的输出：

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

Answer 1

将您的代码更改为

<?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; ?>