我创建了一个多选项属性,以便为每个选项显示图像,但我无法使其工作。
我在这里使用了另一篇文章中的代码来获取要显示的选项列表。
我使用的代码是:
<?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>
答案 0 :(得分: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; ?>