Помощь Изменение цен на варинты товара

[KeNs]

Привет всем, помогите с такой проблемой. В карточке товара выпадающий список вариантов товара работает. Например выбор цвета майки: "желтый", "зеленый", "красный", при выборе нужно варианта товара меняется цена.

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

вот код файла: "product_item.tpl"
там где то есть ошибка, знающий найдёт её за пару минут, но не я )

<a href="products/{$product->url}" class="product-image outline-outward">
    {if $product->image}
        <img src="{$product->image->filename|resize:510:600}" alt="{$product->name|escape}" class="img-responsive">
    {else}
        <img src="design/{$settings->theme}/images/no_image_510x600.jpg" alt="{$product->name|escape}" class="img-responsive">
    {/if}
   
    {if $smarty.get.module != 'MainView'}
        {if $product->featured}
            <span class="bullet"><span class="glyphicon glyphicon-fire" aria-hidden="true"></span></span>
        {elseif $product->variant->compare_price}
            <span class="bullet label-sale">{(100-$product->variant->price * 100 / $product->variant->compare_price)|ceil}%</span>
        {/if}
    {/if}
</a>

<div class="product-title">
    {if $category->subcategories || $smarty.get.module == 'MainView'}
        <span class="">{$product->category->name}</span>
    {/if}
   
    <a href="products/{$product->url}" data-product="{$product->id}"><p>{$product->name|escape}</p></a>
</div>

<div class="product-detail">

   
    <div class="rate">
        {strip}
            {section name=rate start=0 loop=5 step=1}
                {if $product->votes > 0}
                    {if $smarty.section.rate.index < $product->rating / $product->votes}
                        {if ($smarty.section.rate.index + 1) > $product->rating / $product->votes}
                            <i class="fa fa-star-half-o"></i>
                        {else}
                            <i class="fa fa-star"></i>
                        {/if}
                    {else}
                        <i class="fa fa-star-o"></i>
                    {/if}
                {else}
                    <i class="fa fa-star-o"></i>
                {/if}
            {/section}
        {/strip}<br><br>
    </div>
    {$product->annotation|replace:'<p>':'<p class="lead">'}
    {if $product->comments_count > 0}
        <a href="products/{$product->url}/#comments">{$product->comments_count} {$product->comments_count|plural:'отзыв':'отзывов':'отзыва'}</a>
    {/if}
</div>

<div class="product-detail">
                {if $product->variants|count > 0}
                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price-shop sep-top-xs">
                        <meta itemprop="priceCurrency" content="{$currency->code|escape}">
                        <del id="product-compare">{if $product->variant->compare_price}{$product->variant->compare_price|convert} {$currency->sign|escape}{/if}</del>
                        <ins><span id="product-price" itemprop="price">{$product->variant->price|convert}</span> {$currency->sign|escape}</ins>
                    </div>
                   
                    <form class="variants" action="/cart" data-name="{$product->name|escape}">
                        <div class="row">
                            <div class="col-md-6 sep-top-sm {if $product->variants|count<2} hidden{/if}">
                                <select name="variant" class="color-product form-control input-lg">
                                    {foreach $product->variants as $v}
                                        <option value="{$v->id}"
                                                data-price="{$v->price|convert}"
                                                {if $v->name}data-name="{$v->name}"{/if}
                                                {if $v->compare_price} data-compare="{$v->compare_price|convert} {$currency->sign|escape}"{/if}
                                                {if $product->variant->id==$v->id}selected="selected"{/if}>{$v->name}</option>
                                    {/foreach}
                                </select>
                            </div>
                        </div>
                       
                        <div class="row">

                           
                            <div class="col-md-9 col-sm-6 sep-top-md">
                                <button type="submit" class="btn btn-primary btn-lg"><i class="fa fa-shopping-cart"></i> В корзину</button>
                            </div>
                        </div>
                    </form>
                {else}
                    <p class="lead sep-top-xs text-danger">Нет в наличии</p>
                {/if}</div>