Изменить изображение товара при изменении варианта

Question

Я изо всех сил пытаюсь найти идеальное решение, чтобы изменить изображение продукта на основе выбора варианта.Я не вижу ни одного идентификатора на изображениях продуктов, с помощью которого я мог бы выполнить перекрестное сопоставление для события js change.

Каждая тема имеет эту функцию, поэтому, я думаю, есть довольно хорошее решение этой проблемы.

Не могли бы вы помочь мне показать правильный путь?

Спасибо.

Answer 1

Это зависит от дизайна страницы и от того, что вы используете.

Например, если вы планируете показать одно изображение для изменения варианта, вы можете использовать вариант изображения напрямую.

Но если вы планируете использовать галерею изображений, есть разные подходы.В большинстве случаев я использую атрибут ALT для каждого изображения с названием цвета, на который оно указывает.Основываясь на этих атрибутах ALT, я использую некоторую логику JS для фильтрации определенных изображений и отображения правильных.

Другие подходы состоят в том, чтобы использовать метаполя, теги, списки ссылок и т. Д. Много разных способов, но каждый из нихпривязан к некоторой логике JS и некоторому плохому пользовательскому опыту для администрации, поскольку он должен будет переключаться между разными страницами и создавать разные элементы, чтобы связать их с изображениями.

Последний способ - использоватьотдельное приложение для этого.