Как сделать на Contact form 7 множесвенный выбор с изображениями?

Question

[Alexander]

Добрый всем день!
Подскажите пожалуйста как реализовать подобную вещь:
deinehelfer24.de/renovierungen
Насколько я понял, сделано это на contact form 7, но как реализованы изображения и множественный выбор?

Answer 1

[Анатолий Куликов]

Здесь особо магии нет - вам понадобятся стандартные чекбоксы. Вы их оборачивание вместе с картинками в одно целое, а сам чекбокс прячете. Когда человек тыкает на изображение, то чекбокс выделяется (:checked).

Изображение упаковываете в label, label'y указываете for.

Чтобы появилась такая картинка с корзиной (да и любая другая индикация выбора), при выделенном чекбокс нужно добавить немного изменений к элементам рядом, типа такого:

input[type=checkbox]:checked ~ label

Далее все выделенные чекбоксы уходят на почту.