Варианты выпадающим списков

[komolov87]

<div class="list_variants">
	<div class="js-variant-selected">
    	{$product->variant->name|escape} 
    </div>
    <ul class="js-list-variants">
    	{foreach $product->variants as $v}
        <li>
        	<input type="radio" class="js-radio-variant" name="variant" value="{$v->id}" data-price="{$v->price|convert:$currency->id:0}" data-compare="{if $v->compare_price>0}{$v->compare_price|convert:$currency->id:0}{/if}" id="variant_{$v->id}" {if $product->variant->id==$v->id}checked="true"{/if} />
        	<label for="variant_{$v->id}">
            	<span>{$v->name|escape}</span>
                <span class="var-price-s"> {$v->price|convert} р.</span>
           </label>
       	</li>
       	{/foreach}
	</ul>
</div>

Есть варианты товаров выпадающим списков. 

При раскрытии списка, мы видим название варианта и цену варианта. Изображение 1

После выбора нужного варианта, название варианта и цена встают в одну строчку. Изображение 2

Как можно запретить отображение цены у выбранного варианта или же отображать цены так как в выпадающем списке?

[alexivchenko]

1 час назад, komolov87 сказал:

<span class="var-price-s"> {$v->price|convert} р.</span>

Чтобы не было цены, убрать этот кусок 

[komolov87]

41 минуту назад, alexivchenko сказал:

Чтобы не было цены, убрать этот кусок 

Перечитайте внимательно вопрос. Этот кусок кода нужен, чтобы у вариантов в выпадающем списке было цены, 

А не нужна цена только у выбранного варианта (после клика на нужный вариант, список закрывается и остаётся только выбранный вариант)

[elych]

2 часа назад, komolov87 сказал:

<div class="list_variants">
	<div class="js-variant-selected">
    	{$product->variant->name|escape} 
    </div>
    <ul class="js-list-variants">
    	{foreach $product->variants as $v}
        <li>
        	<input type="radio" class="js-radio-variant" name="variant" value="{$v->id}" data-price="{$v->price|convert:$currency->id:0}" data-compare="{if $v->compare_price>0}{$v->compare_price|convert:$currency->id:0}{/if}" id="variant_{$v->id}" {if $product->variant->id==$v->id}checked="true"{/if} />
        	<label for="variant_{$v->id}">
            	<span>{$v->name|escape}</span>
                <span class="var-price-s"> {$v->price|convert} р.</span>
           </label>
       	</li>
       	{/foreach}
	</ul>
</div>

Есть варианты товаров выпадающим списков. 

При раскрытии списка, мы видим название варианта и цену варианта. Изображение 1

После выбора нужного варианта, название варианта и цена встают в одну строчку. Изображение 2

Как можно запретить отображение цены у выбранного варианта или же отображать цены так как в выпадающем списке?

Следует посмотреть непосредственно то, что выводит скрипт. Предполагаю, что в самом коде (который используется для организации выпадающего списка) прописаны переменные.

[komolov87]

11 минут назад, elych сказал:

Следует посмотреть непосредственно то, что выводит скрипт. Предполагаю, что в самом коде (который используется для организации выпадающего списка) прописаны переменные.

Вот js

    var _init_variant_select = function(){
        
        app.$form.find('.js-variant-selected').live('click', function(){
            $(this).closest('.list_variants').find('ul').slideToggle();
        });
        app.$form.find('.list_variants [type=radio]').live('change', function(){
            var $form = $(this).closest('form');
            
            $(this).closest('.list_variants').find('.js-variant-selected').html($(this).siblings('label').text());
            $(this).closest('.list_variants').find('ul').slideUp();
            
            var price = parseFloat($(this).data('price'));
            var compare_price = parseFloat($(this).data('compare')) || 0;
            
            $form.find('.js-variant-price').html(price);
            if (compare_price > 0) {
                $form.find('.js-variant-compare').show().html(compare_price);
            } else {
                $form.find('.js-variant-compare').hide().html('');                
            }
            
            _calculate();
        });
    }