Всем известно, что в 3-ей линейке используется Lightbox, который не масштабируется. По крайней мере пока не нашел решения. Поэтому решил сменить скрипт на Highslide. Он очень гибкий к настройкам и довольно симпатино все выглядит.
Предлагаю рабочий вариант с моего форума. На других не теститровал
Качаем вложенный архив.
Распаковываем.
Папку highslide кидаем на сервер public/js/3rd_party/<b>highslide</b>
Далее идем в админ центр. - Внешний вид/Управление шаблонами и CSS/Глобальные/globalTemplate
Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><script type='text/javascript'>
Loader.boot();
</script><!--c2--></div><!--ec2-->
Выше вставляем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><!--HIGHSLIDE-->
<link rel='stylesheet' type='text/css' href='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.css' />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href='{$this->settings['public_dir']}js/3rd_party/highslide/highslide-ie6.css' />
<![endif]-->
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.js'></script> <script type="text/javascript">
hs.graphicsDir = '{$this->settings['public_dir']}js/3rd_party/highslide/graphics/';
</script>
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/config.js' charset='utf-8'></script>
<!--/HIGHSLIDE--><!--c2--></div><!--ec2-->
Сохраняем.
Далее АЦ Внешний вид/Управление шаблонами и CSS/Темы/Show_attachments_img_thumb
Находим в самом начале:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><a class='resized_img' rel='lightbox[{$data['attach_rel_id']}]'<!--c2--></div><!--ec2-->
Заменяем на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><a class='highslide' onclick='return hs.expand(this)'<!--c2--></div><!--ec2-->
Вроде все. Проверяйте
Предлагаю рабочий вариант с моего форума. На других не теститровал
Качаем вложенный архив.
Распаковываем.
Папку highslide кидаем на сервер public/js/3rd_party/<b>highslide</b>
Далее идем в админ центр. - Внешний вид/Управление шаблонами и CSS/Глобальные/globalTemplate
Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><script type='text/javascript'>
Loader.boot();
</script><!--c2--></div><!--ec2-->
Выше вставляем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><!--HIGHSLIDE-->
<link rel='stylesheet' type='text/css' href='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.css' />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href='{$this->settings['public_dir']}js/3rd_party/highslide/highslide-ie6.css' />
<![endif]-->
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.js'></script> <script type="text/javascript">
hs.graphicsDir = '{$this->settings['public_dir']}js/3rd_party/highslide/graphics/';
</script>
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/config.js' charset='utf-8'></script>
<!--/HIGHSLIDE--><!--c2--></div><!--ec2-->
Сохраняем.
Далее АЦ Внешний вид/Управление шаблонами и CSS/Темы/Show_attachments_img_thumb
Находим в самом начале:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><a class='resized_img' rel='lightbox[{$data['attach_rel_id']}]'<!--c2--></div><!--ec2-->
Заменяем на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><a class='highslide' onclick='return hs.expand(this)'<!--c2--></div><!--ec2-->
Вроде все. Проверяйте