Проблема Вывод изображений товаров в VirtueMart 2.0.18а

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

Код (PHP):

1. <?php
2. /**
3. *
4. * Show the product details page
5. *
6. * @package    VirtueMart
7. * @subpackage
8. * @author Max Milbers, Valerie Isaksen
9. * @link http://www.virtuemart.net
10. * @copyright Copyright (c) 2004 - 2010 VirtueMart Team. All rights reserved.
11. * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
12. * VirtueMart is free software. This version may have been modified pursuant
13. * to the GNU General Public License, and as distributed it includes or
14. * is derivative of works licensed under the GNU General Public License or
15. * other free or open source software licenses.
16. * @version $Id: default_images.php 6188 2012-06-29 09:38:30Z Milbo $
17. */
18. // Check to ensure this file is included in Joomla!
19. defined('_JEXEC') or die('Restricted access');
20. ?>
21. <script type="text/javascript">
22. jQuery.noConflict();
23. jQuery(document).ready(function() {
24.     jQuery('#additional-images').jcarousel({
25.       //  vertical: true,
26.     //    wrap: 'circular',
27.             scroll: 1  
28.     });
29. });
30. </script>
31. <?php
32. // Product Main Image
33. if (!empty($this->product->images[0])) {
34.     ?>
35.     <div class="main-image">
36.     <?php  echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true);  ?>
37.     </div>
38. <?php } // Product Main Image END ?>
39. <?php
40. // Showing The Additional Images
41. // if(!empty($this->product->images) && count($this->product->images)>1) {
42. if (!empty($this->product->images) and count ($this->product->images)>1) {
43.     ?>
44.       <ul id="additional-images">
45.     <?php
46.     // List all Images
47.     if (count($this->product->images) > 0) {
48.         foreach ($this->product->images as $image) {     ?>
49.     <li> <img src="<?php echo $image->file_url; ?>" onclick="changeMainImage(this);" alt="" /></li>
50.     <?php  }
51.     }
52.     ?>
53.   </ul>
54. <script type="text/javascript">
55.     function changeMainImage(el){
56.         $('medium-image').src = el.src;
57.     }
58. </script>
59. <?php
60. } // Showing The Additional Images END ?>

поменял

Код (PHP):

1. <div class="main-image">
2.     <?php  echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true);  ?>

на
true
получилось

Код (PHP):

1. <div class="main-image">
2.     <?php  echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', true, "class='modal'", true);  ?>

В итоге изображения стали увеличиваться как должны, но почему-то всегда увеличивается только первое изображение, независимо на какое изображение нажимаешь второе, третье и т.д.

Вот ссылка на тестовый товар из моего сайта http://принтшоп24.рф/index.php/products/training-top/test-detail

Вот ссылка на демо версию шаблона как должно быть http://demo.joomlavi.com/j3/jv-shopper/index.php/products/product/50-phasellus-vitae-quam

Помогите разобраться!

 

Открыл сайт пример любой демо товар принтшоп24.рф