Separate Price Of The Options

Hi all, I am testing the system and it seems a bit confusing for people who have no idea of buying online .
You can be separated as shown in the image fix.jpg the price of the options? and that the price displayed change according to the selected option ?

Greetings and thanks for the answers they can give me.

fix.jpg

original.jpg

Replace:

                    
                        {if $product.options_type == "S"}
                            {if !$runtime.checkout || $po.disabled || $disabled || ($runtime.checkout && !$po.value)}
                                {if $po.disabled || $disabled}{__("select_option_above")}{else}{__("please_select_one")}{/if}
                            {/if}
                        {/if}
                        {foreach from=$po.variants item="vr" name=vars}
                            {if !($po.disabled || $disabled) || (($po.disabled || $disabled) && $po.value && $po.value == $vr.variant_id)}
                                {$vr.variant_name} {if $show_modifiers}{hook name="products:options_modifiers"}{if $vr.modifier|floatval}({include file="common/modifier.tpl" mod_type=$vr.modifier_type mod_value=$vr.modifier display_sign=true}){/if}{/hook}{/if}
                            {/if}
                        {/foreach}
                    

with:

                    
                        {if $product.options_type == "S"}
                            {if !$runtime.checkout || $po.disabled || $disabled || ($runtime.checkout && !$po.value)}
                                {if $po.disabled || $disabled}{__("select_option_above")}{else}{__("please_select_one")}{/if}
                            {/if}
                        {/if}
                        {foreach from=$po.variants item="vr" name=vars}
                            {if !($po.disabled || $disabled) || (($po.disabled || $disabled) && $po.value && $po.value == $vr.variant_id)}
                                {$vr.variant_name}
                            {/if}
                        {/foreach}
                    
                    {foreach from=$po.variants item="vr" name=vars}
                        {if $po.value == $vr.variant_id && $vr.modifier|floatval}
                            {__('add_to_the_base_price')} ({include file="common/modifier.tpl" mod_type=$vr.modifier_type mod_value=$vr.modifier display_sign=true})
                        {/if}
                    {/foreach}

Then add add_to_the_base_price language variable and clear cache

http://prntscr.com/as1xq8

P.S. This will work for selectboxes only

Hi, thanks for answering .
Change the values ​​according gave them to me , in 3 files, product_options.tpl in different locations , then put the variable language , and wipe cache. But there were no changes .
Are we able to those files , correct me if I'm wrong .

Greetings and thanks.

Sorry, I forgot to provide you with the template path. Here is it

design/themes/YOUR_THEME/templates/views/products/components/product_options.tpl

Do not forget to clear templates cache then

Hi, i changed in product_option.tpl, and wipe cache, but not change in product.

Greetings and tanks for your ansewer