Изображение товара в "списке товаров" менялось, в зависимости от фильтра, но товар в списке тот же....

#
Изображение товара в "списке товаров" менялось, в зависимости от фильтра, но товар в списке тот же....
Добрый день, вопрос такой есть шаблон вывода товара списком "МагазинКаталогТоваров" в нем
<!-- Название товара -->
         <div>   <a title="{name}" style="font-size: 13pt" href="{/shop/path}{fullpath}{path}/" class="cat_title">
               <xsl:value-of disable-output-escaping="yes" select="name"/>
         </a></div>
         
         <!-- Изображение для товара, если есть -->
         <xsl:if test="small_image!=''">
            <a title="{name}"  href="{/shop/path}{fullpath}{path}/">
               <img width="270px" src="{small_image}" alt="{name}" class="image" />
            </a>
         </xsl:if>

У товара есть дополнительные свойства с изображениями

<img src="{property[@xml_name = 'foto']/file_path}"/>
<img src="{property[@xml_name = 'foto01']/file_path}"/>
<img src="{property[@xml_name = 'foto02']/file_path}"/>

добавлено свойство товара тип список Списки "цвет изделий" способ отображения в фильтре список-переключателями.

Не могу разобраться как сделать что бы при выборе переключателя товар выбирался тот же только вместо

<a title="{name}"  href="{/shop/path}{fullpath}{path}/">
               <img width="270px" src="{small_image}" alt="{name}" class="image" />
            </a>

грузилось другое изображение
<a title="{name}"  href="{/shop/path}{fullpath}{path}/">
               <img src="{property[@xml_name = 'foto']/file_path}" class="image" />
            </a>
или
<a title="{name}"  href="{/shop/path}{fullpath}{path}/">
               <img src="{property[@xml_name = 'foto01']/file_path}" class="image"/>
            </a>
или
<a title="{name}"  href="{/shop/path}{fullpath}{path}/">
               <img src="{property[@xml_name = 'foto02']/file_path}" class="image"/>
            </a>
в зависимости от выбранного переключателя ?
Буду благодарен за помощь!!
Авторизация