asdz

Возможно не кроссплатформенно, но как пример
Code pen example

думаю вам придется разбить изображение на компоненты, заготовить все меняющие цвета компоненты в разных цветах, описать общую картинку в виде json модели (метаданные: какой компонент по каким координатам расположен, и его варианты) обработать и скомпоновать на канвасе с помощью js общую картинку. Затем отслеживая действия по мыши, выполнять замену тех или иных блоков в соответствии с метаданными.

Из обоих вариантов лучше json т.к. если рендерить в хтмл - страница долго будет грузиться и отобразится у клиента с задержкой, а json - можно грузить асинхронно, или в конце загрузки страницы.

Внутрь button нельзя вкладывать использованные вами теги, замените button на что-то другое или сверстайте иначе.

да в баню его

а может просто спиздануть отседова?

Исправил Тока выбранное вами меню, криво отображается в ие.

Так выпили из демки да и все. bootstraptemplates.tk/templates/joli/js/plugins/mc...

Может тебе это поможет

начинай с корневого элемента и последовательно проходи по его потомкам

$(this).closest('.item-description').find('item-description').text().end().find('item-structure').text().end().....

Сделайте для этих двух страниц отдельный шаблон с калькулятором. https://wpmag.ru/2014/shablony-stranic-wordpress/ и кодекс

Вот пример, кое-что задают в мм.

А можно несколько раз завернуть хтмл в джаваскрипт, джаваскрипт в хтмл...

Открывать гугл и поиск набирать.