Highslide 4.1.8 вместо lightbox

Vexus

New Member
LV
0
 
Всем известно, что в 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'>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Loader.boot();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</script><!--c2--></div><!--ec2-->
Выше вставляем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><!--HIGHSLIDE-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<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]-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/highslide.js'></script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
hs.graphicsDir = '{$this->settings['public_dir']}js/3rd_party/highslide/graphics/';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script type='text/javascript' src='{$this->settings['public_dir']}js/3rd_party/highslide/config.js' charset='utf-8'></script>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!--/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-->

Вроде все. Проверяйте
 
Сверху