Как отобразить имя атрибута при нажатии или навести курсор на странице просмотра продукта 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; }