如何在 Magento 产品视图页面中单击或悬停时回显属性名称

Question

我安装了一个模块，它为我提供了颜色样本作为缩略图而不是下拉列表。用户单击颜色后，如何回显属性（颜色）名称？

例如，如果他们单击黑色缩略图，我希望下面显示短语“颜色：黑色”。有人可以帮忙吗？

非常感谢。

Answer 1

如果您的色样处于“选定”状态，您可能可以轻松地将其用于样式设置。例如：

<a class='color' href='#'><img src='path/to/red.png' /><span class='label'>Red</span></a>
<a class='color' href='#'><img src='path/to/green.png' /><span class='label'>Green</span></a>
<a class='color selected' href='#'><img src='path/to/blue.png' /><span class='label'>Blue</span></a>

以及随附的 CSS：

.color .label { display:none; }
.color.selected .label { display:block; }