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.

Lisette Cost Calculator vs Quiz Maker