Sergey

Any product consists of elements. 
Quite often the manufacturer allows you to select the components in advance.
For this goal should be a visual questionnaire. 
This plugin helps simply define such a questionnaire.
<h3>Important</h3>
Plugin works for Twenty Fourteen theme. It will work for others too but 
some changes in a file <code>/css/fixed.css</code> can be needed.
Installing the plugin requires some knowledge about PHP programming.
If you have downloaded the plugin and are using it, please do not forget to rate it.
<h3>Settings & Explanations</h3>
Price, captions, images can be changed in a configuration file 
 /wp-content/plugins/lisette-cost-calculator/config/questionnaire.php.
There may be any other name of a questionnaire file. In this case a new name should be set in a file 
 lisette-cost-calculator.php.
<pre><code>$application = new LisetteCCApplication([
 'name' => 'questionnaire'
]);
</code></pre>
Any question can has an answer. Any answer can has: <code>caption</code>, <code>image</code>, <code>value</code>. 
If parameter <code>value</code> is a number, then it will be added to total sum.
<pre><code>'question' => 'Headboard', 
 'answers' => [
 [
 'caption' => 'standard',
 'image' => 'head-ordinary-2.jpg',
 'value' => 500,
 ],
 [
 'caption' => 'design',
 'image' => 'head-design-2.jpg',
 'value' => 2550,
 ],
 ],
</code></pre>
If before number symbol “*” placed, then it is a coefficient.
<pre><code>'question' => 'Age',
 'answers' => [
 [
 'caption' => 'Adult', 
 'image' => 'men.jpg', 
 'value' => '*1',
 ],
 [
 'caption' => 'Child', 
 'image' => 'child.jpg', 
 'value' => '*1.3',
 ],
 ],
</code></pre>
All images should be placed in a folder <code>/wp-content/plugins/lisette-cost-calculator/img/</code>.
If caption too long add <code>small</code> parameter:
<pre><code>'question' => 'Model',
 'answers' => [
 [
 'caption' => 'with lifting mechanism', 
 'image' => 'with-lifting.jpg', 
 'value' => 230, 
 'small' => true,
 ],
 ],
</code></pre>
If parameter <code>image</code> is not specified, item will be printed without image.
<pre><code>'question' => 'Price class',
 'answers' => [
 ['caption' => 'econom', 'value' => '*1'],
 ['caption' => 'elite', 'value' => '*2'],
 ],
</code></pre>

Lisette Cost Calculator

Show questionnaire for calculating final sum of order.

tnomi

This plugin allows you to easily create “diagnostic quizzes” that calculate a score based on questions and choices, then display results depending on the score range. You can create and manage multiple quizzes within your site, and display them on any page using a shortcode. The result field supports HTML, enabling flexible and customizable designs.
Visit <a href="https://smpl-dx.com/" rel="nofollow ugc">The User’s Guide (ja)</a> for more info.

Simple Diagnosis

This plugin to easily create diagnostic quizzes that calculate scores from answers and display results.

Lisette Cost Calculator vs Simple Diagnosis