Раскрывающийся список Color Swatch / Variant для покупки продуктов
Я собираюсь сделать выпадающий список для продукта.цвет' вариант, однако с некоторой ассоциацией со значением параметра, образец изображения или JPG отображается.
Я нашел этот урок, чтобы связать образцы цветов с выбором цвета продукта. Однако, это отображает варианты в форме кнопки вместо выпадающего списка по умолчанию.
я возился со сценариями, но я так и не смог получить то, что мне нужно. так что здесь я за небольшую помощь.
Вот'Мой список вариантов:
Red
White
Black
создано :
{% for variant in product.variants %}
{{ variant.title }} - {{ variant.price | money }}
{% endfor %}
Есть ли способ для меня, скажем, ассоциировать ценность = "Красный» с красным квадратом 20x20 или, скажем, red.jpg?
Вот'Вот скриншот для лучшей идеи: