Lightbox JS + shop script

[NhGXkv85PR]

мне не понравилось как Lightbox JS работает
Если картинки большие и не успевают загрузиться при клике на них Lightbox JS срабатывает некорректно - картинка открывается в том же окне браузера и не через Lightbox JS.
Кроме того большие картинки открываются слишком долго - нужно ждать их полной загрузки. Ожидание когда картинка появляется постепенно в новом окне не так напрягает.
Возможно конечно виной мои картинки - неоптимально велики.
Вообщем поигрался - и снес я лайтбокс.

 

[garo]

мне не понравилось как Lightbox JS работает
Если картинки большие и не успевают загрузиться при клике на них Lightbox JS срабатывает некорректно - картинка открывается в том же окне браузера и не через Lightbox JS.

Вот решил исправить эту проблему,но реализовал это не через lightbox,а через Highsliade cкачать можно здесь

Для просмотра ссылки Войди или Зарегистрируйся

Вставте в файл product_detailed.tmpl.html сверху

<script type="text/javascript" src="jscript/highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'jscript/highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>

Обратите внимание на строку 'jscript/highslide/graphics/'-Это путь к директории где лежит hightslide
Дальше находим 2 строчки

<a href="javascriptpen_window('products_pictures/{$product_info.big_picture}',{$product_info[16]},{$product_info[17]});">{/if}<img border=0 src="products_pictures/{$product_info.picture}" alt="{$product_info.name|escape:'html'}"></a>

и меняем на

<a href="products_pictures/{$product_info.big_picture}" class="highslide" onclick="return hs.expand(this)">{/if}<img class="tblimg" border=0 src="products_pictures/{$product_info.picture}" alt="{$product_info.name|escape:'html'}"></a><div class="highslide-caption"><strong>
{$product_info.name}</strong></div>

Выделенное жирным это то что будет отображаться на увеличенной картинке,тоесть {$product_info.name} означает что при увеличении картинки на ней будет название продукта.

 

[virogago]

Вот решил исправить эту проблему,но реализовал это не через lightbox,а через Highsliade cкачать можно здесь
Вставте в файл product_detailed.tmpl.html сверху
Обратите внимание на строку 'jscript/highslide/graphics/'-Это путь к директории где лежит hightslide
Дальше находим 2 строчкии меняем на
Выделенное жирным это то что будет отображаться на увеличенной картинке,тоесть {$product_info.name} означает что при увеличении картинки на ней будет название продукта.

garo Спасибо за код.
А как можно тоже самое прикрутить к картинкам спецпредложении.?

 

[garo]

Да насчёт этого тоже замарачивался и пришёл к выводу что ьез поправки php части не получится.А в php я не очень силён.И для Спасибо есть отдельная кнопка.

 

[ndmitry]

Есть готовое решение основанное на Highsliade. Увеличиваться будут все изображения, как основное, так и дополнительные при клике. Его выложил на другом ресурсе человек под ником georgeal. Я всего лишь поправил инструкцию по установке и переупаковал готовый комплект. Вот:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

У себя на сайте уже установил - нравится, удобно и мне и пользователям, т.к. допфоток очень много, то очень удобно, когда увеличение происходит без перезагрузки страницы.

 

[FLINT]

Немного переделал файл product_detailed.tpl
В предыдущих вариантах выложеных ndmitry не выводился путь к товару(т.е. вложеность категорий)
В моем варианте добавлен этот путь + зеркальное отображение звездочек в голосовании которые были взяты из темы Для просмотра ссылки Войди или Зарегистрируйся
Сами звездочки можно скачать из той же темы.

Как можете судить из названия файла - переделывался нулевой шаблон.

 

[Flllik]

Разобрался:
1)скачайте с сайта lightbox.Залейте в папку с магазином
2)Зайдите в product_detailed.tpl.html
После строчки
Залейте

Затем найдите строчки(их 4)

И замените 4 строчки на

Тема закрыта

Не забываем про кнопку СПАСИБО,если конечно моё сообщение вам помогло.

зделал всё как есть нажимаю на картинку и всё надпись на каринте загрузка и всё ничего не происходит!

 

[ndmitry]

зделал всё как есть нажимаю на картинку и всё надпись на каринте загрузка и всё ничего не происходит!

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

 

[garo]

зделал всё как есть нажимаю на картинку и всё надпись на каринте загрузка и всё ничего не происходит!

Ты просто не то наверно скачал(я тоже такую глупость допустил).Бери на рапиде у ndmirty.У Flint проста замена product_detailed.tpl.html чтобы категории выводились.

 

[airforlife]

а надпись powered by Highslide JS нельзя убрать? А то вид у нее непрезентабельный